|
Office Hours: |
10:00 am to 2:00 pm Tuesday and Thursday
|
|
|
Course Description
In this course you will learn the basics of Cascading Style Sheets - how to save time and effort by separating the design of your pages from their content. CSS gives you control and enables you to edit or altar one page or your entire site in moments instead of hours. You will learn how to convert HTML tags to CSS elements and to control the properties of those elements using style sheets. We will also explore the Document Object Model (DOM), and the use of Java Script and Dynamic HTML to quickly create and maintain professional looking pages and Web sites.
Course Requirements
This course is for students who are at least somewhat familiar with HTML, and can find their way around an HTML editor - wysiwyg or otherwise.
Course Goals
1. Save wasted time and effort.
2. Learn to separate content from design.
3. Learn to use inline, embedded, and external style sheets in HTML documents.
4. Learn to use the CSS Class and ID attributes to define and control elements in your Web pages.
5. Create dynamic, professional looking Web sites.
Reading Materials
All reading material and assignments will be available online for students to access at their convenience.
Grading Policy
Students will be required to score a minimum of 50% in the class to receive a passing grade. Those students achieving 75% or better will be eligible to receive a Certificate of Academic Excellence. Grades will be determined by results of lessons submitted, assignments completed, and class participation.
Course Outline
Cascading Style Sheets
Course Outline Lesson One: Types of Style Sheets
Inline Styles
Embedded Styles
External or Linked Styles
Lesson Two: Inheritance and Cascading Order:
Inheritance
Conflicting Styles
Specificity
Lesson Three: Formatting Text and Fonts:
Font Families
Font Size
Kerning, Leading, and Indenting
Lesson Four: Formatting Colors and Backgrounds:
The Color Attribute
The Background Attribute
Background Colors and Images
Lesson Five: Exploring CSS Class and ID Attributes:
Defining The CSS Class Attribute
Defining The CSS ID Attribute
Lesson Six: Create Your Own HTML Tags:
HTML Span and DIV Tags
Creating Block-Level HTML Tags
Creating Inline HTML Tags
Lesson Seven: Positioning Block-Level Elements:
Relative and Absolute Positioning
Formatting The Block-Level Box Model
Element Visibility Controls
Lesson Eight: Introducing The Document Object Model (DOM):
Versions Of The Document Object Model
Detecting The DOM Version With Java Script
Java Script and The DOM