Title: Implementing Page Layout with HTML and CSS
Course: CGS 2820 Webpage Design & Development > Section: Module 8

Introduction

In this module you will learn how to use CSS to modify the HTML structure provided. While we covered tables and lists to organize our content, it is actually the CSS that will control the majority of the structure of a web page. Picture the HTML as pockets of organization that CSS can manage from a higher level. We’ll construct layouts and control element appearance on the page with CSS.

Objectives

Upon completion of this module, the student will be able to:

- Assess the CSS box model
- Construct a multicolumn layout with float
- Implement relative positioning
- Implement absolute positioning
- Stack elements
- Create a multicolumn layout using positioning
- Create a fluid layout
- Control the visibility of elements

Readings & Resources

HTML5 and CSS3 Illustrated Complete, First Edition

- Unit H: Implementing Page Layout with HTML and CSS