目錄

如何使用本書
軟硬體需求
商標及智慧財產權聲明
光碟片使用說明
序
第一章　TQC+ 專業設計人才認證說明
1-1 TQC+ 專業設計人才認證介紹
1-2 TQC+ 專業設計人才認證內容
1-3 TQC+ 專業設計人才認證優勢
1-4 企業採用TQC+ 證照的三大利益
1-5 如何參加TQC+ 考試

第二章　領域及科目說明
2-1 領域介紹-軟體設計領域說明
2-2 網頁程式設計認證說明

第三章　範例題目練習系統安裝及操作說明
3-1 範例題目練習系統安裝流程
3-2 範例題目練習系統操作程序

第四章　網頁程式設計範例題目
4-1 測驗題技能規範及分類範例題目
4-2 第一類：HTML5、CSS3與JavaScript的基本概念
4-3 第二類：HTML5頁面設計
4-4 第三類：HTML5表單設計
4-5 第四類：HTML5多媒體設計
4-6 第五類：CSS3樣式設計
4-7 第六類：動態效果設計
4-7 第七類：HTML5與CSS3之整合應用

第五章　測驗系統操作說明
5-1 TQC+ 認證測驗系統-Client端程式安裝流程
5-2 程式權限及使用者帳戶設定
5-3 測驗操作程序範例

第六章　範例試卷
範例試卷編號：HT5-0001
範例試卷編號：HT5-0002
範例試卷編號：HT5-0003
範例試卷標準答案
 
附錄
TQC+ 專業設計人才認證簡章
雲端練功坊APP
問題反應表

序／導讀

序

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之主要技術發展與特性，並以測驗題型之試題，採上機方式進行測驗。此科目適合資訊、視傳、多媒體設計等相關科系的學生以及有意投入此領域人士之學習指標，亦可做為提升職場專業能力之試題參考，協助各產業所需之軟體設計從業人員。

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

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