send Course Introduction
Software Requirements
PC
Windows 95, 98, 2000, Me, or XP.
Netscape 7.1 (or higher) installed with default settings. You can download this browser for free at http://www.netscape.com.
Microsoft Internet Explorer 6.0 (or higher) installed with default settings. You can download this browser for free at http://www.microsoft.com.
Mac
Mac OS 8.6, 8.6.1, 9.x, or X.
Netscape 7.1 (or higher) installed with default settings. You can download this browser for free at http://www.netscape.com.
Microsoft Internet Explorer 6 (or higher) installed with default settings. You can download this browser for free at http://www.microsoft.com.
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
Appendix A: The :first-line and :first-letter Pseudo-Classes
Appendix B: The DOCTYPE Switch
Appendix C: Fixing Element Width in IE 5.x
Appendix D: Scroll Bar Colors
Appendix E: Proprietary Cursor Styles
軟件要求
個人計算機
Windows 95中,98,2000,ME,或XP。
網景7.1(或更高版本)使用默認設置安裝。您可以下載這個瀏覽器免費http://www.netscape.com。
微軟的Internet Explorer 6.0(或更高版本)使用默認設置安裝。您可以下載這個瀏覽器免費http://www.microsoft.com。
蘋果
的Mac OS 8.6,8.6.1,9.x中,或X.
網景7.1(或更高版本)使用默認設置安裝。您可以下載這個瀏覽器免費http://www.netscape.com。
微軟的Internet Explorer 6(或更高版本)使用默認設置安裝。您可以下載這個瀏覽器免費http://www.microsoft.com。
基於績效的目標
在成功完成該課程後,學生將能夠:
控制顏色和字體。
根據既定指引創建樣式表的級聯。
設計採用框屬性的內容部分。
使用CSS定位控制你的頁面佈局。
提高現有的設計。
創建備用樣式表和你的頁面鏈接到它們來提高你的網站的可訪問性和功能性。
課程內容
第1課:控制顏色和字體
主題1A:創建嵌入的樣式表
主題1B:應用顏色
主題1C:評論你的代碼
主題1D:修改文本樣式
主題1E:修改字體樣式
主題1F:創建一個鏈接樣式表
第2課:用層疊設計
主題2A:創建類樣式
主題2B:創建標識樣式
主題2C:創建上下文樣式
主題2D:目標樣式與特定屬性的元素
主題2E:創建樣式表的級聯
主題2F:導入樣式表
主題2G:創建內嵌樣式
第3課:設計內容區段
主題3A:控制邊距和填充
主題3B:創建邊框
主題3C:控制單元尺寸
主題3D:創建浮動元素
主題3E:控制內容溢出
第4課:控制佈局與定位
主題4A:控制佈局有絕對定位
主題4B:創建一個固定的多欄佈局
主題4C:創建流體多欄佈局
主題4D:控制與佈局相對定位
主題4E:控制分層元素的顯示
主題4F:申請固定定位
第5課:加強現有設計
主題5A:自定義游標
主題5B:自定義鏈接樣式
主題5C:自定義窗體
主題5D:與背景圖像工作
主題5E:自定義列表
主題5F:創建生成內容
第6課:創建備用樣式表
主題6A:創建網站樣式表
主題6B:應用用戶定義的系統字體和顏色
主題6C:創建一個打印樣式表
附錄A:本:一線和:第一個字母偽類
附錄B:在DOCTYPE開關
附錄C:在IE5.x的固定件寬度
附錄D:滾動條顏色
附錄E:專有光標樣式