CSS (Cascading Style Sheets) Fundamentals - Introduction & Intermediate
(public class max is 7 students)
To View Class Dates: Please use the pull-down options on the upper left of this page to select your course and city. You can then navigate to other classes in that same city, view class descriptions and register for the class or you call us and register now, 877-760-0078.
- Want an HTML or CSS Training at your company site (group or 1 on 1) -- click here.
- We have taught thousands of business professionals throughout the years. Read what our students say
- Free repeats! You are allowed to repeat your class for free within 6 months for any reason whatsoever! Classes are 9am to 4pm and come with courseware and CD to practice afterward.
- Are you signing up for more classes? See our package discounts page
CSS (Cascading Style Sheets) Fundamentals - Introduction & Intermediate
Course Description
You are familiar with using HTML to design web pages. You have used HTML style-oriented tags and attributes to stylize and design your pages. Cascading Style Sheets, or CSS, is integrated into HTML and forms an important component of successful web design. CSS offers great flexibility and ease in designing web pages without code heavy HTML documents. In this course, you will work with properties and styles related to colors, typography, page layouts, customized cursors, links, and forms available in CSS to build an effective web page.
Course Objective: You will use cascading style sheets to design and develop efficient and effective websites.
Prerequisites: Cascading Style Sheets is intended for the student who have some experience with HTML. Students should be comfortable creating web pages, writing HTML code.
Performance-Based Objectives
Upon successful completion of this course, students will be able to:
- Control color and typography.
- Create style sheets that cascade according to established guidelines.
- Design content sections using box properties.
- Control your page layouts with CSS positioning.
- Enhance an existing design.
- Create alternate style sheets and link your pages to them to enhance the accessibility and functionality of your websites.
Course Content
Lesson 1: Controlling Color and Typography
Topic 1A: Create an Embedded Style Sheet
Topic 1B: Apply Color
Topic 1C: Comment Your Code
Topic 1D: Modify Text Styles
Topic 1E: Modify Font Styles
Topic 1F: Create a Linked Style Sheet
Lesson 2: Designing with the Cascade
Topic 2A: Create Class Styles
Topic 2B: Create ID Styles
Topic 2C: Create Contextual Styles
Topic 2D: Target Styles to Elements with Specific Attributes
Topic 2E: Create Style Sheets that Cascade
Topic 2F: Import Style Sheets
Topic 2G: Create Inline Styles
Lesson 3: Designing Content Sections
Topic 3A: Control Margins and Padding
Topic 3B: Create Borders
Topic 3C: Control Element Dimensions
Topic 3D: Create Floating Elements
Topic 3E: Control Content Overflow
Lesson 4: Controlling Layout with Positioning
Topic 4A: Control Layout with Absolute Positioning
Topic 4B: Create a Fixed Multi-Column Layout
Topic 4C: Create a Fluid Multi-Column Layout
Topic 4D: Control Layout with Relative Positioning
Topic 4E: Control the Display of Layered Elements
Topic 4F: Apply Fixed Positioning
Lesson 5: Enhancing an Existing Design
Topic 5A: Customize Cursors
Topic 5B: Customize Link Styles
Topic 5C: Customize Forms
Topic 5D: Work with Background Images
Topic 5E: Customize Lists
Topic 5F: Create Generated Content
Lesson 6: Creating Alternate Style Sheets
Topic 6A: Create Accessible Style Sheets
Topic 6B: Apply User-Defined System Fonts and Colors
Topic 6C: Create a Print Style Sheet