序
近年來數位科技成長快速，網路扮演的角色不再只是資訊傳達的媒體，隨著新的5G通訊技術登場，使行動裝置再度成為科技界的關鍵應用平台。根據統計，將近60%的人們使用手機或平板電腦瀏覽網站，對於支援跨平台網頁有更高的消費意願及使用者體驗。當所有服務都走向行動化，網頁設計若能根據不同尺寸的行動裝置，呈現絕佳的體驗、高品質的呈現，並提升SEO排名，都將是勢不可擋的潮流。
響應式網頁設計（Responsive Web Design, RWD）使用Media Queries技術，可自動偵測使用者裝置，使網頁內容隨著裝置的寬度重新排列頁面區塊，包含字體、圖片、選單與表格等資訊，在手機上也能呈現最佳瀏覽大小。除了強化網頁彈性與畫面的美觀以外，也可減少使用者縮放、平移和捲動等不必要的操作，讓使用者輕鬆無負擔的瀏覽！
Google自2015年宣布搜尋引擎演算法的重大變革，將以「行動友善」（mobile-friendly）定義的網站，給予較高的SEO排序結果。響應式網頁設計除了可提高網頁資訊曝光度與行銷宣傳效果，亦能有效提升顧客消費意願及企業營收。對開發者來說，更大幅度降低了網頁設計的開發及維護成本。在設計趨勢及營收效益的催化下，使各大企業紛紛投入響應式網頁設計。
TQC+ 專業設計人才認證，是財團法人中華民國電腦技能基金會（CSF）整合產官學研各界專家意見，為培育符合企業需求之設計人才、提升產業界設計能力所推動的專業認證。其中TQC+ 視傳設計領域的「響應式網頁設計RWD」認證，為響應式網頁設計人才之評鑑建立公正客觀的參考標準。本會召開技能規範專家諮詢會議，整合國內設計領域學界與業界專家建議，將認證規範訂定成「網頁結構與樣式設計能力」、「網頁框架應用設計能力」及「網頁程式實作能力」等三大類，每一類別均提供10個實務開發範例。這些取材豐富的範例均由產學界專家精心設計，讀者可藉由本書提供的範例題目，演練建構網頁程式最實用的技巧，並提升響應式網頁設計能力。建議讀者在練習之後報考本會TQC+ 專業設計人才認證，取得「視傳設計」領域最具公信力的「響應式網頁設計RWD」證照，為個人專業職能加分。
激烈的職場競爭中，成功的秘訣在於個人專業能力及對工作的責任感，資通訊及數位化設計技能已是不可或缺的現代化戰技，擁有專業「設計」能力認證，更是您在職場勝出的終極武器。希望本書和專業設計人才認證能為您開創更多職場機會，也期許能協助企業徵選適當專業設計人才。
最後，謹向所有曾為本測驗開發貢獻心力的專家學者，以及採用本會相關認證之公民營機關與企業獻上最誠摯的謝意。
財團法人中華民國電腦技能基金會
董事長 杜 全 昌
