• CSS（第三版）是為有網頁開發經驗且使用過一些HTML經驗的學生準備。
• 可以順利的製作網頁，編寫HTML程式碼，並使用Internet Explorer或Netscape Navigator。

1. 控制顏色及排字
2. 使用串接樣式表做設計
3. 設計內容的段落
4. 使用定位控制版面
5. 加強目前的設計
6. 建立替代性的樣式表

課程目標

• 您將使用CSS來設計和開發高效率和有效的網站。

世界趨勢

您熟悉使用HTML設計網頁。你已經使用HTML風格導向的標籤和屬性，以風格化和設計你的網頁。層疊樣式表，或 CSS ，整合到HTML 4.01，並成功的成為了網站設計的重要組成部分。

CSS在設計網頁提供了極大的靈活性和易用性，無需冗長程式碼的HTML文件。在這個課程中，您將在 CSS 使用屬性和風格相關的顏色、字體、頁面排版、自定義游標、連結，和可用表單以建立一個有效的網頁。

軟體需求

個人電腦
Windows 95，98，2000，Me或XP。 Netscape 7.1（或更高版本）使用預設安裝。您可以在http://www.netscape.com免費下載這個瀏覽器。 Microsoft Internet Explorer 6.0（或更高版本）使用預設安裝。您可以在http://www.microsoft.com免費下載這個瀏覽器。

Mac
Mac OS 8.6，8.6.1，9.x或X。 Netscape 7.1（或更高版本）使用預設安裝。您可以在http://www.netscape.com免費下載這個瀏覽器。 Microsoft Internet Explorer 6.0（或更高版本）使用預設安裝。您可以在http://www.microsoft.com免費下載這個瀏覽器。

基於效率的目標

在成功完成該課程後，學生將能夠： 控制顏色和字體。 根據既定指引建立樣式表的層疊。 設計採用盒子屬性的內容部分。 使用CSS定位控制你的頁面排版。 提高現有的設計。 建立備用樣式表和你的頁面連結到它們來提高你的網站的可訪問性和功能性。

1. 讓你的網頁美美的

課程內容

• 第一章　控制顏色和字體

  • 主題1A：創建嵌入的樣式表
  • 主題1B：應用顏色
  • 主題1C：評論你的代碼
  • 主題1D：修改文本樣式
  • 主題1E：修改字體樣式
  • 主題1F：創建一個鏈接樣式表

• 第二章　用層疊設計

  • 主題2A：建立樣式類別
  • 主題2B：建立標識樣式
  • 主題2C：建立上下文樣式
  • 主題2D：目標樣式與特定屬性的元素
  • 主題2E：建立層疊樣式表
  • 主題2F：導入樣式表
  • 主題2G：建立行內樣式

• 第三章　設計內容區段

  • 主題3A：控制邊界和內距
  • 主題3B：建立邊框
  • 主題3C：控制元素尺寸
  • 主題3D：建立浮點元素
  • 主題3E：控制內容溢出

• 第四章　控制排版與定位

  • 主題4A：控制絕對定位的排版
  • 主題4B：建立一個固定的多欄排版
  • 主題4C：建立一個流動的多欄排版
  • 主題4D：控制相對定位的排版
  • 主題4E：控制分層元素的顯示
  • 主題4F：應用固定定位

• 第五章　加強現有設計

  • 主題5A：自定義游標
  • 主題5B：自定義連結樣式
  • 主題5C：自定義表單
  • 主題5D：使用背景圖片工作
  • 主題5E：自定義列表
  • 主題5F：建立產生內容

• 第六章　建立備用樣式表

  • 主題6A：建立可存取的樣式表
  • 主題6B：應用使用者定義的系統字型和顏色
  • 主題6C：建立一個列印樣式表

• 為確保您學習順利，我們建議您先採取以下Element K課程或具有同等知識：
  • HTML 5/CSS3：網頁文件與影音建立基礎課程