TQC+ 網頁程式設計認證指南 HTML5 (第二版)

1.範例題目之設計均以實務應用為導向，品質及認證公信力最具權威!
2.範例題目共七大類，HTML5、CSS3與JavaScript的基本概念、HTML5頁面設計、HTML5表單設計、HTML5多媒體設計、CSS3樣式設計、動態效果設計、HTML5與CSS3之整合應用
，以上內容包含HTML5的主要技能發展與特性，讓您學習紮實觀念與能力。
3.透過本書所附光碟之認證範例題目練習系統依類別進行自我測驗。
4.配合中華民國電腦技能基金會(http://www.csf.org.tw)測驗流程，一舉取得專業證照，讓您求學、求職更具競爭力。

本書範例題目內容為認證題型與命題方向之示範，正式測驗試題不以範例題目為限。

<序>

HTML5在2004年由WHATWG（Web Hypertext Application Technology Working Group）所提出，並於2014年納入W3C（World Wide Web Consortium）的標準規範中，現今已被主要瀏覽器Firefox、Chrome、Opera、Safari，以及微軟的Edge、Internet Explorer所支援。廣義的HTML5包括了HTML、CSS，以及JavaScript在內的一套技術組合，可降低外掛程式RIA（Rich Internet Application）的需求，提供更多功能並增強網路應用。

HTML5增加了video、audio，以及canvas元素，整合了SVG的技術以強化多媒體處理，也包含section、article、header，以及nav元素來豐富文件的資料內容，其中因應雲端服務以及行動裝置導向的設計需求，網頁設計人員需要面對資料儲存、效能處理與響應式版面設計等挑戰。HTML5提供本地端儲存功能，突破網頁應用的束縛，大幅降低了網頁Loading速度，同時也強化使用者體驗，HTML5亦提供自動媒體偵測之設計方法，讓使用者在不同尺寸的螢幕上，都可以隨心所欲地接收資訊。

綜觀網頁程式設計的技術以及資通訊產業的發展歷史，各行各業中不論多媒體設計、行銷、財務、資訊應用或是系統程式發展等均需網頁設計人才，好的網頁設計除了要有運作效能極佳的程式碼撰寫，在美工、視覺設計與頁面排版上，也必須在第一眼就吸引眾人目光，才可以在講求效率的市場中生存，HTML5與CSS的整合，正是因應這樣的環境而衍生出的共生關係。

財團法人電腦技能基金會長期觀察產業發展之脈動，透過調查與實地訪談以瞭解各指標性產業的用才需求，並據以規畫出產業所需的人才工作說明、職能分析，核心知識及專業技能規範。本會在以設計人才為主體之「TQC+ 專業設計人才認證」架構中，特別包含「軟體設計領域」及各專業設計人員考科，就是希望透過發展證照及教育推廣，快速縮短人才供需的差距。在「軟體設計領域」各個專業設計人員的規劃上，分為程式設計（AP）、行動裝置程式設計（APP）與網站程式設計（Web）三個構面。在網站程式設計之構面，因應HTML5功能更新而推出新版的「TQC+ 網頁程式設計HTML5第2版」認證，為網站程式設計專業人員的重要入門考科，考生可藉此科目的練習，對最新之HTML5網頁技術，所包含的一切相關知識，達到通盤理解、穩固紮根之目的。

本書試題之技能規範內容共計七類，分別為「HTML5、CSS3與JavaScript的基本概念」、「HTML5頁面設計」、「HTML5表單設計」、「HTML5多媒體設計」、「CSS3樣式設計」、「動態效果設計」，以及「HTML5與CSS3之整合應用」。依循技能規範的試題內容可包含HTML5之主要技術發展與特性，並以測驗題型之試題，採上機方式進行測驗。此科目適合資訊、視傳、多媒體設計等相關科系的學生以及有意投入此領域人士之學習指標，亦可做為提升職場專業能力之試題參考，協助各產業所需之軟體設計從業人員。

激烈的職場競爭中，成功的秘訣在於個人專業能力及對工作的責任感，資通訊及數位化設計技能已是不可或缺的現代化戰技，擁有專業「設計」能力認證，更是您在職場勝出的終極武器。希望本書和專業設計人才認證能為您開創更多職場機會，也期許能協助企業徵選適當專業設計人才。
最後，謹向所有曾為本測驗開發貢獻心力的專家學者，以及採用本會相關認證之公民營機關與企業獻上最誠摯的謝意。

財團法人中華民國電腦技能基金會
董事長 杜全昌