From the course: CSS Positioning Best Practices
Unlock this course with a free trial
Join today to access over 22,600 courses taught by industry experts.
Exploring the finished web site - CSS Tutorial
From the course: CSS Positioning Best Practices
Exploring the finished web site
So in this chapter, we are going to build this website. This is a website that was designed by a guy named James Williamson, who also wrote all of the clever and witty copy. It's a mock up of what would be a surf shop website and it has a number of features here that we'll be coding up in CSS and using positioning for. We have this header up here, which has a Contact button and has this main menu, and then it's got all these images along the right. It has a main content area on the left and a sidebar content area on the right and down here at the bottom, it's got a little bit of copyright text and legalese. And then there is a product page called Gear and it has a sub-menu for the different types of gear, and it has a little This month's special, and so this all gets laid out with CSS and a Lifestyle page. It has another type of menu up here, and it's got some ordered list text down there and a Videos page, we'll get a little warning from Flash. I'll explain that when we get to it in…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
(Locked)
Exploring the finished web site2m 5s
-
(Locked)
Building a document header9m 40s
-
(Locked)
Placing a contact button6m 5s
-
(Locked)
Laying out a main menu11m 44s
-
(Locked)
Creating a layout template pt. 1: Main body area11m 44s
-
(Locked)
Creating a layout template pt. 2: Sidebar area6m 46s
-
(Locked)
Creating a layout template pt. 3: Footer content5m 19s
-
(Locked)
Building a main home page pt. 1: Main body content10m 57s
-
(Locked)
Building a main home page pt. 2: Sidebar content8m 21s
-
(Locked)
Creating a page with a menu, graphics, and formatted links15m 31s
-
(Locked)
Creating a page containing an ordered list9m 8s
-
(Locked)
Creating a page containing video9m 23s
-
(Locked)
-