CSS Positioning Best Practices

Web designers and coders will be introduced to techniques to improve their results in CSS Positioning Best Practices. Beginning with a brief review of CSS, instructor Bill Weinman demonstrates how to position elements on a page using CSS instead of tables. He then goes step by step through the process of using CSS positioning to lay out pages that have traditionally been laid out using HTML tables. Exercise files accompany the course.

Topics include:

• Understanding style sheets and levels of inheritance
• Learning how to use CSS units of measure in page layout
• Laying out content on a page using absolute, relative, float, and fixed positioning
• Using CSS positioning to place menus, buttons, graphics, and columns precisely on a page
• Using templates to improve workflow
• Creating a full working web site, step by step

Table of content

• Introduction
  • Welcome
  • Using the exercise files
  • Choosing a text editor
• CSS Overview
  • Reviewing CSS linking and setup
  • Understanding levels of inheritance
  • Understanding levels of style sheets
  • Apply styles with SPAN and DIV
  • Relating styles to the HTML document with selectors
  • Understanding units of measure in CSS
• CSS Positioning Properties
  • Using absolute positioning
  • Using relative positioning
  • Using the float property for positioning
  • Using fixed positioning
• Building a Web Site with CSS Positioning
  • Exploring the finished web site
  • Building a document header
  • Placing a contact button
  • Laying out a main menu
  • Creating a layout template pt. 1: Main body area
  • Creating a layout template pt. 2: Sidebar area
  • Creating a layout template pt. 3: Footer content
  • Building a main home page pt. 1: Main body content
  • Building a main home page pt. 2: Sidebar content
  • Creating a page with a menu, graphics, and formatted links
  • Creating a page containing an ordered list
  • Creating a page containing video
• Conclusion
  • Goodbye 

Rapidgator.net    

1. bit.ly/1tgM6cV