本課程是專門為有過建立HTML和CSS網頁內容的經驗的人，且希望了解如何使用新的HTML5和CSS3功能。

• 這門課程可以教授於Windows®、MacOS®X或Linux®，其中任何一個環境中工作的開發人員。
• 雖然 JavaScript®的知識是有幫助的，但HTML和CSS是重點，所以並不要求學生要有廣泛的JavaScript技能。

1. 建立 HTML5 內文
2. 使用進階的技術來選擇並套用樣式
3. 使用進階的背景及邊框技巧
4. 整合進階的文件格式
5. 加入動畫和多媒體
6. 增加HTML的可讀性及親和力

課程目標

課程中，您將遵循響應式網頁設計原則於HTML5和CSS3開發 Web內容。

• HTML5和CSS3功能中採取優點優化HTML的內容。
• 編寫進階CSS3選擇器和媒體查詢。
• 使用CSS3中進階的背景和邊框選項。
• 使用CSS3中進階的文本格式選項。
• 使用 HTML5 的圖形和多媒體元素，包括變換，動畫，音頻，和視頻。
• 按照最佳做法，使HTML內容能夠成功地由許多不同的Web瀏覽器和機讀設備處理。

世界趨勢

HTML5是新一代用於建立Web內容標記語言。它也可以作為一種程式設計語言於行動應用程式智能手機和平板開發。當人們說“HTML5”，他們通常指的不僅是最新版本的HTML，也可能是CSS，JavaScript®，各種標記語言，並用來代表其他類型的Web內容，如SVG(圖形)和MathML(數學公式)。此語言會在Web瀏覽器中顯示編碼的內容，而在最近幾年已經迅速發展。

本課程著重於HTML5最新和進階的功能，涵蓋如何建立HTML5和CSS3的標記，盡可能在廣泛的各種Web瀏覽器，行動設備和機讀設備，如搜索引擎網路爬蟲上很好地運作。

本課程還演示了如何使用進階的HTML5多媒體功能，如視頻，音頻和動畫。

目標學生

本課程是專門為有過建立HTML和CSS內容的經驗的人，並希望了解如何使用新的HTML5和CSS3功能。

這門課程可以教授於Windows®、MacOS®X或Linux®，並支持在其中任何一個環境中工作的開發人員。 雖然 JavaScript®的知識是有幫助的，但HTML和CSS是重點，所以這當然並不要求學習者要有廣泛的JavaScript技能。

1. 更深奧的HTML用法
2. 解決在撰寫HTML時的撞牆問題
3. 加強HTML撰寫技術

課程內容

• 第一章　建立HTML5文件

  • 主題A：開發網頁內容遵循標準規則
  • 主題B：更新舊的網頁文件以滿足HTML5需求

• 第二章　使用進階的技術去選擇和應用樣式

  • 主題A：使用進階的CSS選擇器
  • 主題B：根據設備特性提供備用佈局

• 第三章　使用進階背景和邊框技術

  • 主題A：使用進階技術建立背景
  • 主題B：使用進階技術建立邊框

• 第四章　結合進階的文本格式

  • 主題A：使用網路字形
  • 主題B：使用進階的文本樣式

• 第五章　添加動畫和多媒體

  • 主題A：使用2D變換
  • 主題B：使用動畫樣式
  • 主題C：在網頁嵌入音頻和視頻

• 第六章　製作HTML易於閱讀和理解

  • 主題A：支持各種瀏覽器
  • 主題B：提高標記造福人類與機器的讀者

需具備能力

• 本課程設定學生可以輕鬆的建立HTML和CSS的網頁內容，並熟悉基本的Web伺服器和內容傳輸概念，比如如何將內容公佈在Web伺服器上，並通過瀏覽器提供給使用者。

• 這當然可以作為有豐富經驗於舊版HTML和CSS的開發者提升技能的路徑

• 已經通過“HTML5：內容創作基礎課程”並學會HTML內容創作基本原理。

• 本課程是使用Windows 8.1作業系統開發，學生也可以使用其他作業系統學習（deliver），如果有使用過其他作業系統的經驗也可以，例如Mac OS X或Linux。

• 如果你還是打算使用不同的作業系統來學習正在開發的這個課程，我們強烈建議您於課程前進行測試，我們會提供給學生之前課程上的配置給您參考。

建議的配備:

• Microsoft®Windows®7＆8或Windows的更新版本。
• Google瀏覽器™（最新版本）或其他網頁瀏覽器有廣泛的支援HTML5，並作為主要瀏覽器進行測試和開發使用。
• 這門課程是使用Chrome瀏覽器35的版本撰寫。
• NotePad+ +，或類似的程式設計者的文件編輯器，行號和語法的HTML5和CSS3著色。
• 次要網絡瀏覽器，它可用於測試橫跨不同瀏覽器的相容性。對於這課程，我們建議您使用： Mozilla Firefox®29版本或更高版本。 微軟InternetExplorer®11版本或更高版本。 Opera™網路瀏覽器21版本或更高版本。