Join Bill Weinman for an in-depth discussion in this video Exploring the finished web site, part of CSS Positioning Best Practices.
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 the website.…
- Understanding style sheets and levels of inheritance
- Learning how to use CSS units of measure in page layout
- Laying out content on a page using absolute, relative, float, and fixed positioning
- Using CSS positioning to place menus, buttons, graphics, and columns precisely on a page
- Using templates to improve workflow
- Creating a full working web site, step by step
Skill Level Intermediate
iOS 4 Web Applications with HTML5 and CSS3with Ray Villalobos3h 26m Intermediate
XHTML and HTML Essential Trainingwith Bill Weinman4h 44m Beginner
1. CSS Overview
2. CSS Positioning Properties
3. Building a Web Site with CSS Positioning
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.