Introduction to Cascading Style Sheets

Introduction to Cascading Style Sheets online course
Class Name

Introduction to Cascading Style Sheets

Cascading Style Sheets have become an important component of W3C recommendations. (X)HTML Strict relies on stylesheets for all stylistic presentation, the Web Accessibility Initiative makes use of CSS for improving access for the disabled, and new work on HTML and XML will continue to make heavy use of CSS for the future. In this course, you will learn the basics of separating style from structure within an HTML document.

Students will develop an introductory understanding of how to code for the web using Cascading Style Sheets (CSS) and to establish an awareness of the inconsistencies in rendering CSS between browsers. Secondary course goals include increasing students' abilities to:
  • Know when and where to apply CSS2 style rules
  • Create effective pages using CSS2
  • Critically evaluate peer work
  • Experiment beyond the scope of the course
Each week students will be presented with a series of written lecture notes that supplement a textbook and online readings. Students will learn through reading these materials, working through the supplied examples, participating in online message board discussions, through peer evaluation, and through instructor comments on publicly posted project and review questions.

Applicable Job Roles: web designers, webmasters, web programmers, and web application developers.

Outline
Week 1: Introduction
  • What is CSS?
  • Structure of selectors and declaration blocks
  • External, embedded, and inline styles
Week 2: Id, Class, Descendant and Grouped Selectors
  • Differences between id and class selectors
  • Using grouped selectors for common styles
  • Use descendant selectors effectively
Week 3: Pseudo Class and Element Selectors
  • Differences between pseudo class and pseudo element selectors
  • Common uses for pseudo class/element selectors
  • Styling hyperlinks
Week 4: Testing the Cascade
  • Specificity basics
  • Review and testing of Cascade rules
  • What is the !importance rule?
Week 5: Backgrounds and Borders
  • Adding background images
  • Borders for block-level and inline elements
  • Browser quirks with borders
Week 6: Sprucing up Lists and Tables
  • Adding style to lists
  • Styles allowed for table layout
Week 7: Margins and Alignment
  • Basic rues of the box model
  • Overlapping blocks
  • Positioning content with margins
Week 8: Putting It Together
  • Basic CSS-based layout
  • Comprehensive review of properties discussed
  • Final project
Prerequisites
Students should be comfortable with HTML or XHTML, similar to the content in this course Introduction to HTML (H101).
Requirements
Students must have webspace where they can post their assignments. Students will need to have at least two browsers installed on their computer. Current versions of Internet Explorer, Firefox, Opera, Safari, or Mozilla are recommended.
Class Books
Course Price
  • Member Price: $120 US
  • Non-Member Price: $220.00 US
[Register Now]

Additional Information:
Your place in the course is confirmed by your payment. Introductory courses are intended for students with no experience in the subject matter and are seeking beginner level training.

Refund Policy: Please read our "Terms and Refund Policy" before registering for this course.

Additional Cost: Book and software migh be required for the course. Read the Requirements and Book section for more information. Course fee does not include the book and software cost .

Start Date: Click on the Register Now button to process to the registration page. You will see the start date of the class on that page.

How eClasses Work:Instructors post lectures, reading selections, and hands-on assignments once a week in the online classroom. Students can discuss the assignments with the instructor and amongst themselves in the classroom area. This format has no set meeting time, which allows students to attend class at a time most convenient to them, yet still provides logically organized communication between class participants. Students can apply for the completion certificate after finishing the class. Web Study certificate is also available. Click on the Certificates link on the top navigation bar for more information.

 

Register Now

  • Member Price: $120 US
  • Non-Member Price: $220.00 US
  • Web Course No: H151
  • Instructor: Chimene Long
  • Co-instructor/TA: Karen Plummer
  • CEUs: 4
  • Duration: 8 weeks
  • Session Open for Registration
Before you register for this class, please read carefully the Outline, Prerequisites, Requirements, Books, and Refund Policy sections.


4 Web Study Certificates

 Valid XHTML 1.0!  Valid CSS1!  Level Triple-A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0

Intro to DreamweaverAdvanced DreamweaverBuilding Data-Driven Websites with Adobe Dreamweaver
Advanced Adobe FlashIntro to FlashAdobe Fireworks
Adobe Flash Level IIWeb VideographyContracting Your Services
Intro to Apache AdministrationBlog and Article WritingWeb Content Writing
Intro to DNSIntro to UNIXIntro to Web Analytics
WordPress Theme DesignIntro to WordPressIntro to Drupal
Project ManagementIntro to Joomla!Intermediate Joomla!
Logo DesignWebsite Project ManagementLegal Issues for Web Designers and Content Managers
Search Engine OptimizationWebsite PromotionEmail Marketing and Strategies
Social Media MarketingIntro to Designing Accessible WebsitesDesign Concepts
Intro to Web DesignIntro to Adobe MuseMobile Application UI Design
Photoshop Level 1Photoshop for the WebPhotoshop Retouching
InDesign Level 1Adobe IllustratorAdobe Illustrator Level 2
Intro to Adobe Edge AnimateIntro to HTMLHTML Level 2
Mobile Web DesignHTML5 IntroIntro to Cascading Style Sheets
Intermediate CSS WorkshopCSS 2.1 in DepthIntro to CSS3
Intro to XHTMLIntro to Database DesignIntro to SQL (Using Access)
Intro to SQL (Using MySQL)MySQLIntro to SQL Server
Intro to Programming ConceptsIntro to PHPShopping Cart Using PHP and MySQL
Intro to JSPIntro to ColdFusion Web DevelopmentIntermediate ColdFusion
Intro to JavaScriptIntermediate JavaScriptIntro to AJAX
Intro to jQueryJava for Non-ProgrammersProgramming in Java - Intro
Intermediate Java ProgrammingIntro to PerlIntro to C#
Intro to ASP.NET Web Development with C#Intro to Visual Basic.NETIntro to ASP
Intermediate ASPIntermediate ASP.NET Web Development with C#Intro to Web Security
Intro to XMLIntermediate XMLIntro to Android App Development
Intro to Game ProductionIntro to Game Design and DevelopmentIntro to Flash Game Programming
Intro to C++ Using GamesIntro to Windows Game Programming Using C++3D Game Programming Using DirectX