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.
Determining page structure - CSS Tutorial
From the course: CSS: Float-Based Page Layouts (2012)
Determining page structure
For new designers the process of going from mockup to code is probably the most challenging aspect of web design. Now obviously the more experience you have at building sites the easier this process becomes, but there are some things that you can do to simplify things a bit. Now first I recommend thinking of the basic structure of the page before anything else. Don't get too concerned with exactly how each element is going to be structured; rather, think of the overall groupings of content and what the basic structure of the page will look like based on this. It gives you a nice starting point, and it keeps things becoming too complex too quickly. Now to illustrate this, I want to show you the mockup that I created for the desolve.org site that we will be using in some of our labs, and walk through the process of determining the basic page structure for the homepage. Now if you have Illustrator installed, you can go through this with me, as I've included the Illustrator file in the…
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
-
-
-
-
-
-
-
-