From the course: CSS: Float-Based Page Layouts (2012)
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Building internal structure - CSS Tutorial
From the course: CSS: Float-Based Page Layouts (2012)
Building internal structure
I want to finish this chapter by taking some time to discuss many of the decisions that you'll be faced with, regarding page layout and page structure. So we're still working with the index.htm file, but this time I've opened it from the 02_08 directory. And a quick glance at the code shows us that we have a lot more content here than the last time we looked at this file. Well, the goal of this movie isn't simply to add all the remaining content; rather, I want to focus on how certain layout decisions will affect the page structure, and how you're going to need to have a strategy in place to help you make those decisions consistently across your site. Now, to help us with this, I also have the homepage mockup open, and I'm going to switch over to that. Now, this is the Illustrator file that you'll find in the Assets directory. It's the mockup_home.ai. If you don't have Illustrator, there's also a PDF file you can open up that's the same exact file, and at the end of the day, you don't…
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
-
-
-
-
Page design workflow3m 6s
-
(Locked)
Page design tools4m 56s
-
(Locked)
Determining page structure7m 18s
-
(Locked)
Creating image assets8m 58s
-
(Locked)
Creating initial page structure7m 3s
-
(Locked)
Adding meaning with classes and IDs5m 23s
-
Structuring content with HTML56m 6s
-
(Locked)
Building internal structure10m 25s
-
-
-
-
-
-
-
-