第一章 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 第一類：網頁結構與樣式設計能力
101 1px也不差的網頁排版術
102 促銷頁面
103 TQC Bakery
104 Mondrian Style in HTML5
105 TQC+專業設計人才認證網
106 部落格頁面
107 TQC+官方出版品
108 Bookshelf in HTML
109 TQC+專業認證機構
110 Train in HTML

4-3 第二類：網頁框架應用設計能力
201 Natural Life
202 Gabriel餐廳
203 異度空間設計工作坊
204 產品型號
205 TQC新創公司
206 會員表單資料
207 Marketing and Design Webpage
208 BS5元件大集合
209 Winter Trip
210 Sea

4-4 第三類：網頁程式實作能力
301 多個書籍資訊
302 光陰的故事
303 聖羅蘭婚慶中心
304 華蘭電信後台管理
305 TTMusic最接地氣的音樂網
306 募資網站
307 Switch Light Mode
308 Circle Art School
309 Blue Moon Design
310 Square Finace

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

第六章 範例試卷
範例試卷編號：RD0-0001
範例試卷編號：RD0-0002
範例試卷編號：RD0-0003
範例試卷標準答案

附錄
TQC+ 專業設計人才認證簡章
雲端練功坊APP
問題反應表

 

序

　　近年來數位科技成長快速，網路扮演的角色不再只是資訊傳達的媒體，隨著新的5G通訊技術登場，使行動裝置再度成為科技界的關鍵應用平台。根據統計，將近60%的人們使用手機或平板電腦瀏覽網站，對於支援跨平台網頁有更高的消費意願及使用者體驗。當所有服務都走向行動化，網頁設計若能根據不同尺寸的行動裝置，呈現絕佳的體驗、高品質的呈現，並提升SEO排名，都將是勢不可擋的潮流。

　　響應式網頁設計（Responsive Web Design, RWD）使用Media Queries技術，可自動偵測使用者裝置，使網頁內容隨著裝置的寬度重新排列頁面區塊，包含字體、圖片、選單與表格等資訊，在手機上也能呈現最佳瀏覽大小。除了強化網頁彈性與畫面的美觀以外，也可減少使用者縮放、平移和捲動等不必要的操作，讓使用者輕鬆無負擔的瀏覽！
　　
　　Google自2015年宣布搜尋引擎演算法的重大變革，將以「行動友善」（mobile-friendly）定義的網站，給予較高的SEO排序結果。響應式網頁設計除了可提高網頁資訊曝光度與行銷宣傳效果，亦能有效提升顧客消費意願及企業營收。對開發者來說，更大幅度降低了網頁設計的開發及維護成本。在設計趨勢及營收效益的催化下，使各大企業紛紛投入響應式網頁設計。

　　TQC+ 專業設計人才認證，是財團法人中華民國電腦技能基金會（CSF）整合產官學研各界專家意見，為培育符合企業需求之設計人才、提升產業界設計能力所推動的專業認證。其中TQC+ 視傳設計領域的「響應式網頁設計RWD」認證，為響應式網頁設計人才之評鑑建立公正客觀的參考標準。本會召開技能規範專家諮詢會議，整合國內設計領域學界與業界專家建議，將認證規範訂定成「網頁結構與樣式設計能力」、「網頁框架應用設計能力」及「網頁程式實作能力」等三大類，每一類別均提供10個實務開發範例。這些取材豐富的範例均由產學界專家精心設計，讀者可藉由本書提供的範例題目，演練建構網頁程式最實用的技巧，並提升響應式網頁設計能力。建議讀者在練習之後報考本會TQC+ 專業設計人才認證，取得「視傳設計」領域最具公信力的「響應式網頁設計RWD」證照，為個人專業職能加分。

　　激烈的職場競爭中，成功的秘訣在於個人專業能力及對工作的責任感，資通訊及數位化設計技能已是不可或缺的現代化戰技，擁有專業「設計」能力認證，更是您在職場勝出的終極武器。希望本書和專業設計人才認證能為您開創更多職場機會，也期許能協助企業徵選適當專業設計人才。

　　最後，謹向所有曾為本測驗開發貢獻心力的專家學者，以及採用本會相關認證之公民營機關與企業獻上最誠摯的謝意。