navigate site menu

Start learning with our library of video tutorials taught by experts. Get started

CSS: Page Layouts

CSS: Page Layouts

with James Williamson

 


CSS: Page Layouts introduces basic layout concepts, gives advice on how to create properly structured HTML based on prototypes and mockups, and goes into critical page layout skills such as floats and positioning. Author James Williamson shows how to combine these techniques to create fixed, fluid, and responsive layouts. Designers are also shown how to enhance their pages through the creative use of CSS techniques like multi-column text, opacity, and the background property. Exercise files are included with this course.
Topics include:
  • Reviewing the box model
  • Calculating em and percentage values
  • Controlling how elements display
  • Creating fixed, fluid, and responsive layouts
  • Structuring content with HTML5
  • Floating elements
  • Using relative, absolute, or fixed positioning
  • Defining column spacing
  • Creating grid-based assets and layouts
  • Considering mobile-design-specific issues
  • Working with multi-column text
  • Enhancing page design CSS Sprites

show more

author
James Williamson
subject
Web, Web Design
software
CSS
level
Beginner
duration
8h 57m
released
Feb 07, 2012

Share this course

Ready to join? get started


Keep up with news, tips, and latest courses.

submit Course details submit clicked more info

Please wait...
James Williamson

James Williamson

James Williamson is a senior author for lynda.com and an Adobe Certified Instructor. He has many years of web, print, and digital video experience, and has been a featured speaker at Flashforward as well as a regular speaker at Adobe MAX. James also blogs (infrequently) about all things web at his site, Simple Primate, which can be found at www.simpleprimate.com.
Course Title   Level   Duration   Released  
Dreamweaver CS3 Beyond the Basics Intermediate 11h 10m 09/2007  {8}
Dreamweaver CS3 with CSS Essential Training Intermediate 10h 3m 03/2008  {8}
Dreamweaver CS3 Projects: Creating Custom Spry Widgets Intermediate 1h 0m 04/2008  {8}
Dreamweaver CS4 New Features Intermediate 1h 57m 09/2008  {8}
Web Design Fundamentals Beginner 2h 43m 02/2010  {8}
Dreamweaver CS4 Getting Started Beginner 42m 9s 09/2008  {8}
Dreamweaver CS4: Introduction to Spry Intermediate 4h 12m 04/2009  {8}
Dreamweaver CS4 Essential Training Beginner 10h 15m 10/2008  {8}
Dreamweaver CS4 with CSS Essential Training Intermediate 12h 7m 08/2009  {8}
Dreamweaver CS5 Essential Training Beginner 15h 22m 04/2010  {8}
Dreamweaver CS5 New Features Intermediate 1h 33m 04/2010  {8}
Managing CSS in Dreamweaver Intermediate 4h 40m 06/2010  {8}
HTML5 First Look Beginner 4h 28m 08/2010  {8}
CSS3 First Look Appropriate for all 6h 34m 11/2010  {8}
Web Fonts First Look Appropriate for all 3h 23m 12/2011  {8}
CMS Fundamentals Beginner 3h 11m 04/2011  {8}
HTML5: Structure, Syntax, and Semantics Beginner 4h 34m 05/2011  {8}
Dreamweaver CS5.5 New Features Intermediate 1h 50m 05/2011  {8}
CSS: Core Concepts Beginner 8h 49m 11/2011  {8}
CSS Fundamentals Beginner 3h 14m 12/2011  {8}
Up and Running with Typekit Beginner 1h 30m 03/2012  {8}
CSS: Page Layouts Beginner 8h 57m 02/2012  {8}
CSS: Styling Navigation Beginner 5h 14m 11/2012  {8}
Dreamweaver CS6 New Features Intermediate 1h 22m 04/2012  {8}
Dreamweaver CS6 Essential Training Beginner 9h 24m 05/2012  {8}
Responsive Design Fundamentals Beginner 2h 15m 10/2012  {8}
Up and Running with HTML Beginner 4h 32m 10/2012  {8}
CSS: Frameworks and Grids Beginner 3h 27m 01/2013  {8}
Applied Responsive Design Intermediate 5h 58m 03/2013  {8}
CSS: Flexbox First Look Beginner 2h 3m 06/2013  {8}
Dreamweaver CC Essential Training Beginner 8h 7m 06/2013  {8}

Suggested courses to watch next:

CSS: Core Concepts (8h 49m)
James Williamson

Layouts with CSS in Dreamweaver (3h 33m)
Joseph Lowery


CSS Fundamentals (3h 14m)
James Williamson

XHTML and HTML Essential Training (4h 44m)
Bill Weinman


Are you sure you want to delete this bookmark?

cancel

Bookmark this Tutorial

Name

Description

{0} characters left

Tags

Separate tags with a space. Use quotes around multi-word tags. Suggested Tags:
loading
cancel

bookmark this course

{0} characters left Separate tags with a space. Use quotes around multi-word tags. Suggested Tags:
loading

Error:

go to playlists »

Create new playlist

name:
description:
save cancel

You must be a lynda.com member to watch this video.

Every course in the lynda.com library contains free videos that let you assess the quality of our tutorials before you subscribe—just click on the blue links to watch them. Become a member to access all 104,069 instructional videos.

get started learn more

If you are already an active lynda.com member, please log in to access the lynda.com library.

Get access to all lynda.com videos

You are currently signed into your admin account, which doesn't let you view lynda.com videos. For full access to the lynda.com library, log in through iplogin.lynda.com, or sign in through your organization's portal. You may also request a user account by calling 1 1 (888) 335-9632 or emailing us at cs@lynda.com.

Get access to all lynda.com videos

You are currently signed into your admin account, which doesn't let you view lynda.com videos. For full access to the lynda.com library, log in through iplogin.lynda.com, or sign in through your organization's portal. You may also request a user account by calling 1 1 (888) 335-9632 or emailing us at cs@lynda.com.

Access to lynda.com videos

Your organization has a limited access membership to the lynda.com library that allows access to only a specific, limited selection of courses.

You don't have access to this video.

You're logged in as an account administrator, but your membership is not active.

Contact a Training Solutions Advisor at 1 (888) 335-9632.

How to access this video.

If this course is one of your five classes, then your class currently isn't in session.

If you want to watch this video and it is not part of your class, upgrade your membership for unlimited access to the full library of 2,024 courses anytime, anywhere.

learn more upgrade

You can always watch the free content included in every course.

Questions? Call Customer Service at 1 1 (888) 335-9632 or email cs@lynda.com.

You don't have access to this video.

You're logged in as an account administrator, but your membership is no longer active. You can still access reports and account information.

To reactivate your account, contact a Training Solutions Advisor at 1 1 (888) 335-9632.

Need help accessing this video?

You can't access this video from your master administrator account.

Call Customer Service at 1 1 (888) 335-9632 or email cs@lynda.com for help accessing this video.

preview image of new course page

Try our new course pages

Explore our redesigned course pages, and tell us about your experience.

If you want to switch back to the old view, change your site preferences from the my account menu.

Try the new pages No, thanks

site feedback

Thanks for signing up.

We’ll send you a confirmation email shortly.


By signing up, you’ll receive about four emails per month, including

We’ll only use your email address to send you these mailings.

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

By signing up, you’ll receive about four emails per month, including

We’ll only use your email address to send you these mailings.

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked