前言本書是江西省省級精品在線開放課程“網頁設計”的配套教材，適合零基礎并對網頁設計與制作技術感興趣的讀者學習使用，適合作為網頁設計制作類或Web前端設計開發類課程的入門教材，可供高等院校相關專業及職業技術培訓機構選用。隨著互聯網技術的飛速發展以及移動互聯時代的強勢到來，“互聯網+”已經深入到了各行各業的各個領域。網頁作為信息的重要載體，其設計與制作技術在這個時代顯得愈加重要。網頁設計與制作類課程是工學學科計算機類多個專業的專業核心課程，也是各高校非計算機類專業學生喜愛的公共選修課程之一，但是網頁設計與制作類課程涉及的技術繁雜, 技術更新快，綜合性也很強，是當今社會職場熱門并且人才需求量極大的一門實踐性很強的課程,因此教學工作必須與時俱進，難度大也富有挑戰性。針對高校網頁類教材及課程教學中出現的一些問題，在教材建設及課程建設方面我們做了一些積極的嘗試與改革，并付諸實踐取得了較好的成績。本書正是在作者和課程團隊成員們的共同努力下，博采眾家之長，為努力使高校課堂教學緊跟市場企業需求方向而打造的。本書特色主要有以下三方面: (1) 本書配套的教學資源豐富齊全，擁有完整的省級精品在線開放課程配套資源。
重點案例均有視頻教程講解，教學大綱、PPT課件、教案、題庫與考試等教學資源齊備。 (2) 全書采用任務驅動方式，將重要知識點及基本技能要求嵌入到各個案例任務中，并且教學案例大多從淘寶、京東、騰訊、新浪等大型成熟網站中精心挑選出經典應用案例來詮釋各知識點與必備技能。本書不僅介紹了傳統的網頁開發工具的基本用法，而且采用了當下流行的主流開發工具之一 作為網頁開發工具，力求教學內容貼近職場需求，力求充分調動學生的學習主動性。(3) 全書知識體系結構完整，脈絡清晰，涵蓋了網頁設計與制作技術的入門必備基礎知識與技能。重點闡述HTML元素、CSS樣式、網頁布局技術、導航與超鏈接、表格與表單等基礎知識與技能，包括的語義化標簽結構和CSS3常用樣式設置，以及基礎應用和響應式網頁布局技術相關媒體查詢、框架應用等實用技術的介紹。本書分10個章節。第1章 網頁設計基礎知識，從Web發展史講起，對網頁基本術語意義、網站開發基本流程、瀏覽器及瀏覽器開發者工具作了相關介紹; 第2章 HTML網頁結構基礎篇，重點介紹HTML文檔基本結構及HTML元素基本語法，包括語義化標簽結構基礎; 第3章 CSS網頁設計基礎篇和第4章 CSS網頁設計進階篇，重點介紹CSS樣式盒子模型、選擇器、背景邊框樣式包括CSS3中的常用樣式設置方法，火力全開用網頁常見的模塊布局講解盒模型，用淘寶首頁局部排版講解精靈圖技術，用騰訊IMQQ網頁視差特效講解背景定位樣式; 第5章 網頁布局基礎，用新浪微博發言版塊案例繼續攻克布局定位樣式的設置原理及應用; 第6章 導航與超鏈接，依次介紹縱向、橫向、帶下拉菜單的導航欄和應用滑動門技術導航欄的制作; 第7章 表格及樣式設置，介紹網頁中常見的細線表格及隔行變色、鼠標懸停等效果表格的制作; 第8章 表單及樣式設置，掌握表單及控件的用法及樣式設置，包括中新增的表單控件和屬性用法，挑戰京東賬戶登錄表單效果的制作; 第9章 基礎，用淘寶焦點輪播圖、圖片跑馬燈效果案例來組織基礎知識; 第10章 響應式網頁布局基礎，簡單介紹了彈性布局、視口與媒體查詢，以及框架的基礎知識，慕課視頻教程中還增加 動畫和CSS3動畫的知識，為有興趣、有能力的同學們指明了下一步努力的方向。
本書由萍鄉學院梁莉菁副教授和衡水學院劉巧麗副教授共同撰寫完成，本書配套的慕課資源建設由萍鄉學院梁莉菁副教授主持，協同其精品課程教學團隊成員廖德偉、邱望等老師一起完成制作，該課程已被認定為江西省省級精品在線開放課程，是江西省所有高校的公共選修學分課程。對于選用了本書作為教材的高校教師及其他讀者，可以在清華大學出版社官方網站獲取全書配套的案例源代碼、教學大綱、進度計劃、教案及PPT課件等教學資源，也可以使用江西高校課程資源共享平臺網絡教學平臺中的“網頁設計”慕課課程進行網絡教學與學習。本書在編撰過程和課程建設過程中得到了萍鄉學院和衡水學院的各級領導和同事們的大力支持與幫助，在此表示誠摯的感謝，尤其感謝萍鄉學院信息與計算機工程學院的同事們，他們對本書的編排與撰寫提出了許多寶貴的意見與建議，同時也感謝至親的家人們為我們忙碌于繁雜的工作提供了無私的幫助和輕松的環境。由于編者水平有限，書中難免有疏漏之處，敬請各位專家和讀者批評指正，不勝感激。感謝您使用本書，順祝學習愉快。梁莉菁2020年10月于北京
more >