Year 11 - Computing
CSS for layout
HTML programming project
Study Hub
Study Guides
This pupil-friendly study guide includes a unit summary, clear notes, common mistakes, and quick questions with answers.
Unit Summary
In this unit pupils will explore how websites are displayed within a browser using HTML and CSS. They will examine how websites are requested and delivered to our computer via the internet and the WWW. They will create the structure of a website using HTML and change the styling using CSS.
Lesson Summary
You will learn to design a wireframe plan of a web page layout and create it using HTML and CSS.
Key Notes
- Wireframe designs can be used to plan the layout of a web page.
- The CSS box model explains how HTML elements are structured and spaced on a web page.
- The position of divisions can be controlled by using the floating property of a tag.
- Divisions can be placed inside other divisions to control groups of content.
Vocabulary To Learn
- house style: an agreed design that is used to style the content in a consistent way
- wireframe: a plan that outlines the basic structure and layout of visual content
- floating: allowing HTML elements to be positioned in different ways
Common Mistakes To Avoid
- Divisions can only be arranged as regular rows and columns.
3 Quick Questions (With Answers)
1. Describe the system or process from this lesson in clear steps.
Wireframe designs can be used to plan the layout of a web page. The CSS box model explains how HTML elements are structured and spaced on a web page.
2. Define this computing term and give one practical example. 'house style'
an agreed design that is used to style the content in a consistent way. Add one real device or system example to prove understanding.
3. Correct this common computing misconception.
Mistake: Divisions can only be arranged as regular rows and columns. Correction: By using divisions within other divisions any layout of a page is possible.
More Lessons In This Unit
Browse all guides in the Year 11 Computing guide library.