From the course: CSS: Float-Based Page Layouts (2012)

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Creating initial page structure

Creating initial page structure - CSS Tutorial

From the course: CSS: Float-Based Page Layouts (2012)

Start my 1-month free trial

Creating initial page structure

Now that we've taken a look at our mockup and discussed the initial page structure, it's time to go ahead and start coding it. Although we won't be authoring a lot of code in this exercise, what we'll be writing is extremely important, as it's the foundation for our entire site. Now as such, I'm going to have the mockup here open as we work and discuss what type of impact the decisions we make will have on our eventual layout, so I'll be switching back and forth between those mockup and the code that we create to kind of discuss how they are related. So I've got the mockup_home.ai opened, that we've been looking in the past couple of exercises, but what I'm going to do right now is switch back over to my code editor, and go ahead and crate a brand-new page for us to start working on. So I'm just going to go up to File and choose New, I'm just going to do a new file. If you're not using Aptana, just whatever code editor you're using, go ahead and create a new file. Now I'm going to…

Contents