Trending

Friday, May 30, 2014

CSS: Page Layouts

CSS: Page Layoutsintroduces 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

Table of content 

  • Introduction
    • Welcome
    • How to use the exercise files
  • Layout Basics
    • Box model review
    • Calculating element dimensions
    • Understanding margin collapse
    • Calculating em values
    • Calculating percentage values
    • Normal document flow
    • Controlling element display
    • Using CSS Resets
    • Fixed, fluid, and responsive layouts
    • CSS debugging tools
    • Using the Firebug Inspector and the WebKit Web Inspector
  • Design Considerations
    • Page design workflow
    • Page design tools
    • Determining page structure
    • Creating image assets
    • Creating initial page structure
    • Adding meaning with classes and IDs
    • Structuring content with HTML5
    • Building internal structure
  • Working with Floats
    • Floating elements
    • Clearing floats
    • Containing floats
    • Clearfix technique
    • Floating inline elements
    • Two-column floated layouts
    • Three-column floated layouts
    • Column height considerations
    • Creating equal-height columns
    • Floats: Lab
    • Floats: Solution
  • Positioning Elements
    • Relative positioning
    • Absolute positioning
    • Fixed positioning
    • Controlling stacking order
    • Clipping content
    • Controlling content overflow
    • Positioning elements: Lab
    • Positioning elements: Solution
  • Building Fixed Layouts
    • Design considerations for fixed layouts
    • Establishing the layout grid
    • Defining column spacing
    • Applying the grid through CSS
    • Creating grid-based assets
    • Grid design resources
    • Building fixed layouts: Lab
  • Building Flexible Layouts
    • Designing for flexible layouts
    • Calculating percentage values
    • Setting flexible width values
    • Making images flexible
    • Setting minimum and maximum widths
    • Building flexible layouts: Lab
    • Building flexible layouts: Solution
  • Building Responsive Layouts
    • Responsive layout overview
    • Using media queries
    • Organizing styles
    • Making content responsive
    • Mobile design considerations
    • Building responsive layouts: Lab
    • Building responsive layouts: Solution
  • Enhancing Page Design
    • Creating multi-column text
    • Using borders to enhance design
    • Rounding corners
    • Adding drop shadows
    • Working with opacity
    • Utilizing the background property
    • Working with CSS sprites
    • Enhancing page design: Lab
    • Enhancing page design: Solution
  • Additional Resources
    • Additional resources
Uploaded.net
  1. http://ul.to/8tu08n78
  2. http://ul.to/z621060i
  3. http://ul.to/gnu6aacv
Rapidgator.net
  1. bit.ly/1pFpqyr  
  2. bit.ly/1gM1o4U  
  3. bit.ly/1tvx3Ic  
 Uploadable.ch
  1. bit.ly/1pFpD4E  
  2. bit.ly/1wCxvIW  
  3.  bit.ly/1rr2Oq0
Oboom.com
  1. bit.ly/U1WXZW  
  2. bit.ly/1k9KC0a  
  3. bit.ly/1jCh45B

K2s.cc 
  1. bit.ly/1oT92L8  
  2. bit.ly/1kun2dJ
  3. bit.ly/1hHnBMG
Fileparadox.in
  1. bit.ly/1kun6dI
  2. bit.ly/1keWWuO
  3. bit.ly/1pteOWg

No comments:

Post a Comment

About

Contact Form

Name

Email *

Message *

Copyright © 2013 TOTdownload.com
Designed By Blogger Templates