CourseIT302

Week9 of 16

SemesterI

TutorOnline in the course chat

This week’s topics

Styling Web Components with CSS3

The CSS box model and typography
Flexbox and Grid page layouts
Media queries for multi-device responsiveness
Modifying component styling for brand consistency
65. OCR A Level (H046-H446) SLR12 - 1.3 CSS
CSS box model | Intro to HTML/CSS: Making webpages | Computer Programming | Khan Academy
CS50W 2018 - Lecture 1 - HTML, CSS
Creating a custom website

What you will be able to do

3.1 Be able to create or modify components of websites to meet business needs.

Activity

Start with this week’s 4 videos, then: Seminar, guided reading and a short written task: be able to create or modify components of websites to meet business needs.

Study materials

Videos

65. OCR A Level (H046-H446) SLR12 - 1.3 CSS · YouTube · Craig'n'Dave · 7 min · for registered students
CS50W 2018 - Lecture 1 - HTML, CSS · YouTube · CS50 · 103 min · for registered students
Creating a custom website · Oak National Academy, Key Stage 3 (lower secondary level) · for registered students

Further resources

CSS Notes for Professionals, ch. 18: Colors · PDF · Textbook, textbook chapter; pp. 115–125 · for registered students
Quantifying visual preferences around the world · Reading · Reading, article · for registered students

Materials marked “for registered students” open in the student portal, which is set up as soon as you receive final acceptance.

Midterm Week 10

Course chat

Admitted students ask questions on this week’s page in the student portal: an AI assistant trained on the course answers first, and during the course’s timetabled classes Connect to your tutor brings your tutor into the chat, who may start a call if needed.

Open this week in the portal

Course plan

Week 1: Introduction to Programming Languages
Week 2: Core Programming Principles
Week 3: Programming Paradigms and Application Development
Week 4: Web Architecture and Infrastructure
Week 5: Website Security and Performance Protection
Week 6: Website Planning and Business Requirements
Week 7: Front-End Web Structure with HTML5
Midterm: Midterm evaluation
Week 9: Styling Web Components with CSS3
Week 10: Interactive Web Components with JavaScript
Week 11: Website Testing, Review, and Demonstration
Week 12: Applying Coding and Website Development in practice: case s…
Week 13: Assignment workshop: research, planning and referencing
Week 14: Assignment workshop: drafting, feedback and improvement
Week 15: Review and coursework completion
Final: Final assessment and submission

Back to the course