Docstoc

CSS Fundamentals _Cascading Style Sheets for Dreamweaver Users

Document Sample
CSS Fundamentals _Cascading Style Sheets for Dreamweaver Users Powered By Docstoc
					CSS Fundamentals
(Cascading Style Sheets for Dreamweaver Users)

Perhaps you have been working with HTML and/or Dreamweaver for a little while or maybe you are a master WYSIWYG user, but you have decided that it is time to venture out and learn what Cascading Style Sheets can do for you. This class is designed to introduce you to CSS from the ground up. HTML and CSS go hand in hand and work together to construct and display professional quality web pages, but they are two separate languages. HTML can include or reference the CSS a number of ways all of which we will investigate in this portion of the class. After this course you will be able to: explain what 'Cascading Style Sheets' means set up an HTML document to accommodate styles place CSS in the appropriate areas of HTML what a property assignment is - and how to define fonts and colors for the elements on your page change the appearance of color and fonts for select items manipulate font styles, weights and variants validate your HTML and your CSS Duration: 1 days

Prerequisites: HTML Fundamentals or Equivalent previous experience with core HTML elements; paragraphs, headings, lists; how to insert an image; how to hyperlink between documents; how to create a basic 2 row 2 column table HTML and CSS go hand in hand and work together to construct and display professional quality web pages, but they are two separate languages. HTML can include or reference the CSS a number of ways all of which we will investigate in this portion of the class. After this exercise you will be able to:
      

explain what 'Cascading Style Sheets' means set up an HTML document to accommodate styles place CSS in the appropriate areas of HTML what a property assignment is - and how to define fonts and colors for the elements on your page change the appearance of color and fonts for select items manipulate font styles, weights and variants validate your HTML and your CSS

TOPICS INCLUDE: HTML and CSS Together
  

Stylesheets & Seclectors
   

Valid HTML for CSS CSS Basics Inline Styles

Create External Stylesheets Pseudo Selectors and Sizes -- Changing Font Size -- Changing Colors

Internal Stylesheets Ids and Classes
    

Create Internal Stylesheet Stylesheets and Rules Basic Properties Validate the CSS Rules for Internal Stylesheet

    

Difference between Ids and Classes Selecting by Class Id Selection Specific Selection Uses classes to make modifications

The following topics will be explained specifically for the Dreamweaver users: Formatting Text using CSS
          

Internal and External Style Sheets Create pages by using CSS Starter Pages Create and maintain CSS Creating an External Style Sheet CSS Style Panel Creating and attaching an external style sheet Text Styles Creating and applying element styles Creating Class Styles Class names Creating Pseudo-Element Styles

Page Layout and Options
          

Using Tables Use <div> tags to define content sections Linking Pages to an external style sheet Document Sections Applying <div> tags Applying a class or ID to a <div> tag Defining Documents Sections Modifying CSS rules The Box Model Editing CSS Rules Creating and Applying an ID Style


				
DOCUMENT INFO
Shared By:
Categories:
Stats:
views:5
posted:11/5/2009
language:English
pages:2