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