本書由教學(xué)團(tuán)隊(duì)與企業(yè)密切合作，對(duì)課程進(jìn)行定位，修訂教學(xué)大綱，確定教學(xué)內(nèi)容，選用了網(wǎng)站設(shè)計(jì)最新工具HTML5、Dreamweaver、Fireworks、Flash和jQuery的技術(shù)精華。

針對(duì)應(yīng)用技術(shù)型院校教學(xué)目標(biāo)和學(xué)生情況，教材打破傳統(tǒng)以知識(shí)為主線的結(jié)構(gòu)，采用全新教學(xué)模式，依托合作企業(yè)的成功案例“深房小區(qū)”網(wǎng)站項(xiàng)目，任務(wù)選擇具有典型性、針對(duì)性和代表性。

全書強(qiáng)調(diào)應(yīng)用技術(shù)型人才能力培養(yǎng)這條主線，根據(jù)網(wǎng)頁設(shè)計(jì)師的崗位能力需求，結(jié)合網(wǎng)站開發(fā)過程將內(nèi)容分為11章。學(xué)生以任務(wù)驅(qū)動(dòng)直接面對(duì)網(wǎng)站項(xiàng)目進(jìn)行設(shè)計(jì)與實(shí)踐，通過完整設(shè)計(jì)過程，學(xué)會(huì)并掌握網(wǎng)站前端設(shè)計(jì)知識(shí)和技術(shù)。

我們生活在一個(gè)充滿機(jī)遇與挑戰(zhàn)的時(shí)代，急需大量應(yīng)用技術(shù)型人才。高等教育正在經(jīng)歷著一場(chǎng)深刻變革，教育存在要服務(wù)于社會(huì)，應(yīng)該按照社會(huì)不同行業(yè)的崗位群來培養(yǎng)有用人才。解決學(xué)以致用問題，是高等教育應(yīng)該完成的教育目的。按照社會(huì)不同需求培養(yǎng)出直接有用人才，是教育改革的終極目標(biāo)。要讓高等教育全面達(dá)到應(yīng)用技術(shù)型人才培養(yǎng)的理性發(fā)展?fàn)顟B(tài)，就需要在微觀層面從每一個(gè)專業(yè)領(lǐng)域、每一門課程教材入手，凸顯出能力培養(yǎng)的本質(zhì)特征。

互聯(lián)網(wǎng)應(yīng)用日益普及，承載信息的網(wǎng)站平臺(tái)擁有繽紛多彩的資訊。隨著信息技術(shù)快速發(fā)展，各類網(wǎng)站設(shè)計(jì)工具不斷增多。如何選擇設(shè)計(jì)工具？如何高效快速地學(xué)以致用，將自己培養(yǎng)成網(wǎng)站設(shè)計(jì)開發(fā)的應(yīng)用技術(shù)型人才？這是擺在廣大初學(xué)者面前迫切需要解決的問題。

教學(xué)設(shè)計(jì)

本書由教學(xué)團(tuán)隊(duì)與企業(yè)密切合作，對(duì)課程進(jìn)行定位，修訂教學(xué)大綱，確定教學(xué)內(nèi)容。選用了網(wǎng)站設(shè)計(jì)最新工具HTML5、Dreamweaver、Fireworks、Flash和jQuery的技術(shù)精華。

針對(duì)應(yīng)用技術(shù)型院校教學(xué)目標(biāo)和學(xué)生情況，教材打破了傳統(tǒng)以知識(shí)為主線的結(jié)構(gòu)，采用全新教學(xué)模式，課程教學(xué)依托合作企業(yè)的成功案例“深房小區(qū)”網(wǎng)站項(xiàng)目，范例任務(wù)選擇具有典型性、針對(duì)性和代表性。教學(xué)設(shè)計(jì)切合工程技術(shù)要求，是一個(gè)非常適合以技能培養(yǎng)為主線的學(xué)習(xí)情境。讓學(xué)生通過基于工作過程的方式，以任務(wù)驅(qū)動(dòng)直接面對(duì)網(wǎng)站項(xiàng)目進(jìn)行設(shè)計(jì)與實(shí)踐，通過完整系列設(shè)計(jì)過程的學(xué)習(xí)與訓(xùn)練，學(xué)會(huì)并掌握網(wǎng)站前端設(shè)計(jì)知識(shí)和技術(shù)。同時(shí)，也能夠更好地激發(fā)學(xué)習(xí)者學(xué)習(xí)的積極性。

教材特色

全書強(qiáng)調(diào)應(yīng)用技術(shù)型人才的能力培養(yǎng)這條主線。每項(xiàng)任務(wù)都有：設(shè)計(jì)效果、任務(wù)描述、設(shè)計(jì)思路、任務(wù)實(shí)現(xiàn)、任務(wù)拓展、知識(shí)補(bǔ)充等環(huán)節(jié)，有些還增加了技術(shù)要點(diǎn)或任務(wù)小結(jié)。對(duì)設(shè)計(jì)中遇到的問題和技術(shù)要點(diǎn)，給出了諸如“說明”、“解釋”、“講解”、“提示”或“注意”等詳細(xì)描述。這樣的過程設(shè)計(jì)有利于初學(xué)者學(xué)會(huì)如何將技術(shù)靈活運(yùn)用于實(shí)踐，同時(shí)對(duì)遇到的知識(shí)和技術(shù)能輕松地加以理解，進(jìn)而掌握針對(duì)任務(wù)要求的設(shè)計(jì)方法。每章最后一個(gè)環(huán)節(jié)都給出了“實(shí)訓(xùn)項(xiàng)目”任務(wù)，讓學(xué)習(xí)者再次運(yùn)用技術(shù)進(jìn)行個(gè)性化綜合應(yīng)用，最終達(dá)到熟練掌握Web前端設(shè)計(jì)實(shí)用技能的學(xué)習(xí)目標(biāo)。

內(nèi)容結(jié)構(gòu)鏈條

教材根據(jù)網(wǎng)頁設(shè)計(jì)師的崗位能力需求，結(jié)合網(wǎng)站開發(fā)過程將內(nèi)容分為11章。第1章“網(wǎng)站策劃與創(chuàng)建”，包括3個(gè)任務(wù)：講解互聯(lián)網(wǎng)基礎(chǔ)知識(shí)，通過剖析典型網(wǎng)站獲得啟示；規(guī)劃自己待建網(wǎng)站主題和結(jié)構(gòu)；接著利用Dreamweaver軟件創(chuàng)建開發(fā)網(wǎng)站的站點(diǎn)。第2章“HTML5網(wǎng)頁設(shè)計(jì)”包括3個(gè)任務(wù)：學(xué)習(xí)網(wǎng)頁中文字、圖片、聲音和視頻等插入與排版，學(xué)會(huì)設(shè)計(jì)單獨(dú)頁面的基本技術(shù)。第3章“網(wǎng)站首頁設(shè)計(jì)”包括9個(gè)任務(wù)：在基本網(wǎng)頁設(shè)計(jì)基礎(chǔ)上，拓展利用表格進(jìn)行較為復(fù)雜的主頁面設(shè)計(jì)；主頁用到的Logo設(shè)計(jì)；頁眉用到的橫幅Gif動(dòng)畫；導(dǎo)航欄部分的導(dǎo)航條和下拉單設(shè)計(jì)；頁面經(jīng)常用到的Flash廣告動(dòng)畫；以及網(wǎng)站首頁檢查插件并彈出一個(gè)公告等。第4章“超鏈接”包括2個(gè)任務(wù)：超鏈接是網(wǎng)站精髓，前面設(shè)計(jì)的網(wǎng)站首頁等還是一個(gè)個(gè)單獨(dú)頁面，這里要通過內(nèi)部鏈接、外部鏈接、錨點(diǎn)鏈接、電子郵件鏈接以及圖像熱點(diǎn)等，將網(wǎng)站中頁面鏈接成為一個(gè)整體。第5章“網(wǎng)頁配色與CSS定義布局設(shè)計(jì)”是教材的重點(diǎn)，將主頁布局設(shè)計(jì)分為3個(gè)任務(wù)，每個(gè)任務(wù)都有其側(cè)重點(diǎn)，前兩項(xiàng)涉及頁面整體效果的圖片素材與色彩搭配設(shè)計(jì)；接著，學(xué)習(xí)如何一步一步構(gòu)建一個(gè)CSS整體布局頁面。第6章“Spry構(gòu)件應(yīng)用”將應(yīng)用構(gòu)件分解為3個(gè)任務(wù)，輕松實(shí)現(xiàn)由JavaScript編程才能設(shè)計(jì)的網(wǎng)站導(dǎo)航條、折疊內(nèi)容導(dǎo)航和選項(xiàng)卡面板等效果，來重新設(shè)計(jì)“深房小區(qū)”網(wǎng)站生活雜志頁面。第7章“網(wǎng)頁模板設(shè)計(jì)與表單”包括2個(gè)任務(wù)：定義與利用模板設(shè)計(jì)固定樣式的子欄目頁面；創(chuàng)建交互式表單應(yīng)用。第8章“JavaScript交互效果設(shè)計(jì)”包括4個(gè)任務(wù)：設(shè)計(jì)動(dòng)態(tài)頁面效果，帶你步入腳本程序大門。第9章“jQuery應(yīng)用設(shè)計(jì)”利用jQuery將你帶入具有豐富交互與數(shù)據(jù)更新效果的世界。第10章“網(wǎng)站測(cè)試與發(fā)布”讓你熟悉測(cè)試、發(fā)布與更新各項(xiàng)工作和流程。第11章“網(wǎng)站項(xiàng)目開發(fā)綜合訓(xùn)練方案”教你作為一位網(wǎng)站項(xiàng)目設(shè)計(jì)師，系統(tǒng)地設(shè)計(jì)完成一個(gè)網(wǎng)站項(xiàng)目，所必需經(jīng)歷訓(xùn)練的各個(gè)環(huán)節(jié)，包括網(wǎng)站開發(fā)規(guī)范。

如何有效地使用本書

本書各章節(jié)在內(nèi)容編排上遵循了循序漸進(jìn)原則，由淺入深地展開學(xué)習(xí)。從第1章至最后一章每項(xiàng)任務(wù)都是環(huán)環(huán)相扣，在完成前一項(xiàng)任務(wù)的基礎(chǔ)上，才能夠完成后一項(xiàng)任務(wù)。其中第8、9章無編程經(jīng)驗(yàn)讀者可以棄用，對(duì)于有一定網(wǎng)頁基礎(chǔ)者，允許選擇感興趣部分參考。

特別指出，1.1.1節(jié)是剖析有代表性典型網(wǎng)站，分析這些網(wǎng)站的結(jié)構(gòu)構(gòu)成。接著，1.2.1節(jié)是規(guī)劃自己待建網(wǎng)站，從前面剖析中汲取營(yíng)養(yǎng)，借鑒分析結(jié)果，思考、提煉自己感興趣主題，來規(guī)劃和設(shè)計(jì)一個(gè)待建網(wǎng)站。待建網(wǎng)站內(nèi)容和素材資源課后可以不斷查找、搜集。在接下來學(xué)習(xí)中就需要結(jié)合任務(wù)和單元實(shí)訓(xùn)項(xiàng)目，獨(dú)立完成設(shè)計(jì)自己網(wǎng)站的頁面，直到最后完成一個(gè)網(wǎng)站設(shè)計(jì)，并進(jìn)行測(cè)試和發(fā)布。

全書網(wǎng)站項(xiàng)目資源、任務(wù)范例都在教材資源庫中提供。建議下載使用，以便彌補(bǔ)教材無法提供彩頁的不足。

教學(xué)建議

本書適合作為應(yīng)用技術(shù)型本科院校相關(guān)專業(yè)教材，也適合高職高專和自學(xué)者使用。本書資源庫提供全部網(wǎng)站文件和范例資源、參考教學(xué)大綱。

最好將課程安排在機(jī)房，使教學(xué)在實(shí)訓(xùn)中進(jìn)行。既可以是正常課堂教學(xué)也可以安排整周實(shí)訓(xùn)。根據(jù)各自情況安排50～68學(xué)時(shí)，有些內(nèi)容可以選擇使用。

本書教學(xué)團(tuán)隊(duì)總結(jié)多年網(wǎng)站設(shè)計(jì)課程教學(xué)和項(xiàng)目開發(fā)經(jīng)驗(yàn)，結(jié)合榮獲2008年教育部高等教育“精品教材”的內(nèi)容更新，針對(duì)應(yīng)用技術(shù)型院校學(xué)生的培養(yǎng)要求，收集和參考了網(wǎng)站設(shè)計(jì)最新技術(shù)。參加大綱與內(nèi)容確定的人員有騰訊（深圳）公司唐文榮高級(jí)工程師、王明福、范新燦、李斌、楊麗娟、鐘劍龍、莊亞俊、梁雪平等老師，全書由李云程執(zhí)筆撰寫而成。

編者在撰寫過程中參考了大量書籍和資料，在此對(duì)相關(guān)作者表示最誠(chéng)摯的謝意。對(duì)騰訊（深圳）公司及唐文榮高級(jí)工程師、教學(xué)團(tuán)隊(duì)老師們?cè)谡n程開發(fā)過程中的合作和幫助表示感謝。

本教材的撰寫是一次全新嘗試，教學(xué)方法也有待不斷探索和總結(jié)，加之時(shí)間倉促、水平有限，不妥之處懇請(qǐng)批評(píng)指正，以便下次修訂時(shí)加以改進(jìn)。E-mail: yunchengli@sina.com。

李云程

2014年5月

第1章 網(wǎng)站策劃與創(chuàng)建 1
1.1 互聯(lián)網(wǎng)與網(wǎng)站剖析 1
1.1.1 網(wǎng)站基礎(chǔ)知識(shí) 2
1.1.2 任務(wù)：網(wǎng)站剖析 4
1.1.3 任務(wù)實(shí)現(xiàn) 5
1.2 網(wǎng)站策劃設(shè)計(jì) 7
1.2.1 任務(wù)：策劃一個(gè)自己待建主題網(wǎng)站 7
1.2.2 任務(wù)實(shí)現(xiàn) 8
1.2.3 知識(shí)補(bǔ)充：網(wǎng)站策劃與頁面設(shè)計(jì) 8
1.3 使用Dreamweaver創(chuàng)建網(wǎng)站站點(diǎn) 14
1.3.1 任務(wù)：創(chuàng)建與維護(hù)待建網(wǎng)站站點(diǎn) 14
1.3.2 任務(wù)實(shí)現(xiàn) 17
1.3.3 知識(shí)補(bǔ)充：Web網(wǎng)站與維護(hù) 22
實(shí)訓(xùn)項(xiàng)目一 23
第2章 HTML5網(wǎng)頁設(shè)計(jì) 25
2.1 制作基本網(wǎng)頁 25
2.1.1 任務(wù)：一個(gè)“云南怒江游記”的
文字頁面 25
2.1.2 任務(wù)實(shí)現(xiàn) 26
2.1.3 知識(shí)補(bǔ)充：定義Dreamweaver的首選
參數(shù)和HTML5簡(jiǎn)介 33
2.2 制作圖文網(wǎng)頁 38
2.2.1 任務(wù)：帶有文字和圖片混排的
“云南怒江游記”頁面 38
2.2.2 任務(wù)實(shí)現(xiàn) 39
2.2.3 任務(wù)拓展：為文字配多張圖片 42
2.2.4 知識(shí)補(bǔ)充：圖像使用和Dreamweaver
的組件功能 43
2.3 制作多媒體網(wǎng)頁 45
2.3.1 任務(wù)：一個(gè)帶有文字、圖片和視頻
的頁面 45
2.3.2 任務(wù)實(shí)現(xiàn) 46
2.3.3 任務(wù)拓展：帶有歌曲鏈接和Flash
動(dòng)畫等效果的頁面 49
2.3.4 知識(shí)補(bǔ)充：常用多媒體對(duì)象 53
實(shí)訓(xùn)項(xiàng)目二 56
第3章 網(wǎng)站首頁設(shè)計(jì) 58
3.1 利用表格布局設(shè)計(jì)首頁 58
3.1.1 任務(wù)：設(shè)計(jì)一個(gè)網(wǎng)站首頁頁面 59
3.1.2 任務(wù)實(shí)現(xiàn) 60
3.1.3 知識(shí)補(bǔ)充：網(wǎng)頁布局設(shè)計(jì) 63
3.2 設(shè)計(jì)網(wǎng)站Logo 65
3.2.1 任務(wù)：設(shè)計(jì)深房小區(qū)網(wǎng)站Logo 66
3.2.2 任務(wù)實(shí)現(xiàn) 66
3.2.3 任務(wù)拓展：設(shè)計(jì)另一個(gè)深房小區(qū)
網(wǎng)站Logo 68
3.2.4 知識(shí)補(bǔ)充 70
3.3 設(shè)計(jì)Gif動(dòng)畫 71
3.3.1 任務(wù)：設(shè)計(jì)一個(gè)橫幅的Gif動(dòng)畫廣告 72
3.3.2 任務(wù)實(shí)現(xiàn) 73
3.3.3 任務(wù)拓展：設(shè)計(jì)一個(gè)圖形圍繞中心
順時(shí)針不停旋轉(zhuǎn)Gif動(dòng)畫 75
3.3.4 知識(shí)補(bǔ)充：動(dòng)畫設(shè)計(jì) 78
3.4 設(shè)計(jì)網(wǎng)站導(dǎo)航條 79
3.4.1 任務(wù)：設(shè)計(jì)一組導(dǎo)航條 79
3.4.2 任務(wù)實(shí)現(xiàn) 80
3.4.3 任務(wù)拓展：利用系統(tǒng)按鈕設(shè)計(jì)導(dǎo)航條 82
3.4.4 知識(shí)補(bǔ)充：導(dǎo)航條設(shè)計(jì) 83
3.5 導(dǎo)航下拉單 84
3.5.1 任務(wù)：設(shè)計(jì)一帶有下拉菜單的導(dǎo)航條 85
3.5.2 任務(wù)實(shí)現(xiàn) 86
3.5.3 知識(shí)補(bǔ)充：再談設(shè)計(jì)下拉菜單 89
3.6 用Flash設(shè)計(jì)文字變化動(dòng)畫 90
3.6.1 任務(wù)：設(shè)計(jì)一個(gè)橫幅文字變化廣告 91
3.6.2 任務(wù)實(shí)現(xiàn) 92
3.6.3 知識(shí)補(bǔ)充：Flash動(dòng)畫設(shè)計(jì) 98
3.7 用Flash設(shè)計(jì)帶有圖文變化動(dòng)畫 101
3.7.1 任務(wù)：設(shè)計(jì)一個(gè)帶有圖文變化
廣告條 101
3.7.2 任務(wù)實(shí)現(xiàn) 103
3.7.3 知識(shí)補(bǔ)充：Flash設(shè)計(jì)規(guī)范 110
3.8 用Flash設(shè)計(jì)復(fù)雜變化效果 111
3.8.1 任務(wù)：設(shè)計(jì)一個(gè)復(fù)雜變化效果廣告 111
3.8.2 任務(wù)實(shí)現(xiàn) 113
3.8.3 知識(shí)補(bǔ)充：Flash動(dòng)畫場(chǎng)景應(yīng)用 120
3.8.4 任務(wù)小結(jié) 120
3.9 在主頁中檢查插件和跳出公告窗口 122
3.9.1 任務(wù)：網(wǎng)站首頁檢查插件并彈出
一個(gè)公告 122
3.9.2 任務(wù)實(shí)現(xiàn) 125
3.9.3 知識(shí)補(bǔ)充：行為面板及其功能 127
實(shí)訓(xùn)項(xiàng)目三 131
第4章 超鏈接 132
4.1 創(chuàng)建文字圖片內(nèi)外部鏈接和電子
郵件鏈接 132
4.1.1 任務(wù)：設(shè)計(jì)頁面各種超鏈接 133
4.1.2 任務(wù)實(shí)現(xiàn) 134
4.2 創(chuàng)建錨點(diǎn)鏈接以及圖像熱點(diǎn) 136
4.2.1 任務(wù)：為頁面信息設(shè)置錨點(diǎn)鏈接 137
4.2.2 任務(wù)實(shí)現(xiàn) 138
4.2.3 任務(wù)拓展：在頁面地圖上設(shè)置
熱點(diǎn)鏈接 139
4.2.4 知識(shí)補(bǔ)充：網(wǎng)頁文檔的設(shè)計(jì)備注 140
實(shí)訓(xùn)項(xiàng)目四 142
第5章 網(wǎng)頁配色與CSS定義布局設(shè)計(jì) 144
5.1 玻璃質(zhì)感導(dǎo)航按鈕與主頁配色設(shè)計(jì) 144
5.1.1 任務(wù)：設(shè)計(jì)一組玻璃質(zhì)感按鈕 145
5.1.2 任務(wù)實(shí)現(xiàn) 145
5.1.3 知識(shí)補(bǔ)充：顏色搭配設(shè)計(jì) 147
5.2 頁眉圖片和Logo視覺修飾設(shè)計(jì) 148
5.2.1 任務(wù)：設(shè)計(jì)一幅頁眉圖片 148
5.2.2 任務(wù)實(shí)現(xiàn) 149
5.2.3 知識(shí)補(bǔ)充：網(wǎng)站整體風(fēng)格設(shè)計(jì) 152
5.3 用CSS與Div設(shè)計(jì)網(wǎng)頁 154
5.3.1 任務(wù)：一個(gè)網(wǎng)頁的布局設(shè)計(jì) 154
5.3.2 任務(wù)實(shí)現(xiàn) 156
5.3.3 任務(wù)拓展：CSS及其規(guī)則 168
5.3.4 知識(shí)補(bǔ)充：Dreamweaver中
創(chuàng)建CSS 170
實(shí)訓(xùn)項(xiàng)目五 172
第6章 Spry構(gòu)件應(yīng)用 174
6.1 Spry菜單欄構(gòu)件 174
6.1.1 任務(wù)：用Spry菜單欄構(gòu)件設(shè)計(jì)網(wǎng)站
導(dǎo)航條 175
6.1.2 任務(wù)實(shí)現(xiàn) 176
6.1.3 知識(shí)補(bǔ)充：Spry Widget的進(jìn)一步
說明 181
6.2 Spry折疊構(gòu)件 182
6.2.1 任務(wù)：用Spry折疊構(gòu)件設(shè)計(jì)網(wǎng)站
左側(cè)內(nèi)容導(dǎo)航 182
6.2.2 任務(wù)實(shí)現(xiàn) 183
6.3 Spry選項(xiàng)卡式與可折疊式等構(gòu)件 188
6.3.1 任務(wù)：用Spry選項(xiàng)卡式面板等設(shè)計(jì)
正文內(nèi)容顯示效果 188
6.3.2 任務(wù)實(shí)現(xiàn) 190
6.3.3 任務(wù)小結(jié) 194
實(shí)訓(xùn)項(xiàng)目六 195
第7章 網(wǎng)頁模板設(shè)計(jì)與表單 197
7.1 使用模板制作頁面 197
7.1.1 任務(wù)：定義與利用模板設(shè)計(jì)“時(shí)尚
直擊”子欄目頁面 198
7.1.2 任務(wù)實(shí)現(xiàn) 199
7.1.3 知識(shí)補(bǔ)充：Dreamweaver創(chuàng)建模板
的首選參數(shù) 203
7.2 表單 204
7.2.1 任務(wù)：創(chuàng)建交互式表單 204
7.2.2 任務(wù)實(shí)現(xiàn) 205
實(shí)訓(xùn)項(xiàng)目七（a） 209
實(shí)訓(xùn)項(xiàng)目七（b） 210
第8章 JavaScript交互效果設(shè)計(jì) 212
8.1 日期時(shí)間對(duì)象Date() 212
8.1.1 任務(wù)：在頁面內(nèi)顯示日期時(shí)間并倒記時(shí)天數(shù) 213
8.1.2 任務(wù)實(shí)現(xiàn) 214
8.1.3 任務(wù)拓展：在頁面上顯示時(shí)間和
中文日期 221
8.2 樹型目錄設(shè)計(jì) 224
8.2.1 任務(wù)：樹型目錄導(dǎo)航設(shè)計(jì) 224
8.2.2 任務(wù)實(shí)現(xiàn) 225
8.2.3 任務(wù)拓展：?jiǎn)渭兝�用表格設(shè)計(jì)
樹型目錄 231
8.3 隱藏的浮動(dòng)導(dǎo)航面板 234
8.3.1 任務(wù)：設(shè)計(jì)可以隱藏于瀏覽器側(cè)面
的導(dǎo)航面板 234
8.3.2 任務(wù)實(shí)現(xiàn) 235
8.4 鼠標(biāo)控制文字運(yùn)動(dòng)效果 241
8.4.1 任務(wù)：跟隨鼠標(biāo)運(yùn)動(dòng)的蛇形文字 242
8.4.2 任務(wù)實(shí)現(xiàn) 243
實(shí)訓(xùn)項(xiàng)目八 245
第9章 jQuery應(yīng)用設(shè)計(jì) 246
9.1 jQurey選擇器使用 246
9.1.1 任務(wù)：利用jQuery改變頁面
顯示效果 247
9.1.2 任務(wù)實(shí)現(xiàn) 248
9.1.3 任務(wù)小結(jié) 251
9.1.4 任務(wù)拓展：使用幾個(gè)常用方法
設(shè)計(jì)頁面效果 251
9.1.5 知識(shí)補(bǔ)充：jQuery選擇器與方法 257
9.2 圖片切換效果設(shè)計(jì) 259
9.2.1 任務(wù)：在頁面顯示圖片切換廣告 259
9.2.2 任務(wù)實(shí)現(xiàn) 260
9.2.3 任務(wù)小結(jié)：jQuery選擇器 262
9.2.4 任務(wù)拓展：頁面帶有縮圖的圖片
切換效果 263
9.2.5 任務(wù)拓展：在頁面顯示圖片
切換廣告 265
9.2.6 任務(wù)拓展：又一種圖片切換
廣告效果 268
9.3 導(dǎo)航條與下拉菜單設(shè)計(jì) 272
9.3.1 任務(wù)：設(shè)計(jì)水平二級(jí)菜單效果 272
9.3.2 任務(wù)實(shí)現(xiàn) 273
9.3.3 任務(wù)小結(jié) 276
9.3.4 任務(wù)拓展：帶有濾鏡切換效果的
導(dǎo)航條設(shè)計(jì) 276
9.4 jQuery Ajax技術(shù) 281
9.4.1 任務(wù)：利用jQuery Load( )方法
加載數(shù)據(jù) 281
9.4.2 任務(wù)實(shí)現(xiàn) 282
9.4.3 任務(wù)拓展：jQuery 常用客戶端與服務(wù)器端數(shù)據(jù)加載方法設(shè)計(jì) 285
9.4.4 知識(shí)補(bǔ)充：GET和POST方法差異
和jQuery Ajax操作函數(shù) 288
實(shí)訓(xùn)項(xiàng)目九 289
第10章 網(wǎng)站測(cè)試與發(fā)布 291
10.1 部署發(fā)布以及更新網(wǎng)站 292
10.1.1 任務(wù)：網(wǎng)站測(cè)試與發(fā)布 292
10.1.2 任務(wù)實(shí)現(xiàn) 293
10.1.3 知識(shí)補(bǔ)充：定義IIS站點(diǎn)服務(wù)器 300
實(shí)訓(xùn)項(xiàng)目十 301
第11章 網(wǎng)站項(xiàng)目開發(fā)綜合訓(xùn)練方案 302
11.1 項(xiàng)目立項(xiàng)與規(guī)劃 302
11.2 項(xiàng)目建設(shè)方案 303
11.3 網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn) 305
11.3.1 網(wǎng)站頁面設(shè)計(jì) 305
11.3.2 網(wǎng)站設(shè)計(jì)特別注意問題 314
11.3.3 一位早期Microsoft公司網(wǎng)站
設(shè)計(jì)者的經(jīng)驗(yàn) 316
11.3.4 測(cè)試 318
11.3.5 推廣站點(diǎn) 318
11.4 網(wǎng)站開發(fā)規(guī)范 319
11.4.1 確定網(wǎng)站目錄結(jié)構(gòu) 319
11.4.2 確定網(wǎng)站的鏈接結(jié)構(gòu) 319
11.4.3 命名規(guī)范 320
11.4.4 搜索框設(shè)計(jì)規(guī)范 324
11.4.5 頁碼設(shè)計(jì)規(guī)范 326
11.4.6 文字編排與設(shè)計(jì) 327
11.4.7 文字超鏈接 332
11.4.8 局部效果設(shè)計(jì) 333
11.4.9 頁面各個(gè)模塊修飾設(shè)計(jì) 335
11.4.10 廣告設(shè)計(jì)規(guī)范 335
11.4.11 頁腳信息 335
11.4.12 圖片修飾設(shè)計(jì) 336
參考文獻(xiàn) 339

1. 庭院風(fēng)骨—樹、灌、籬 [創(chuàng)意房主 著]
2. Python語言程序設(shè)計(jì)教程 [郭其標(biāo) 房宜汕]
3. 微積分（經(jīng)管類）教程篇（下冊(cè)） [曹海軍 王海棠 周玲麗]
4. 微積分（經(jīng)管類）教程篇（上冊(cè)） [曹海軍 王海棠 周玲麗]
5. 微積分（經(jīng)管類）導(dǎo)學(xué)篇（上冊(cè)） [王海棠 曹海軍 周玲麗]
6. 網(wǎng)站前端技術(shù)案例教程（HTML+CSS+JavaScript）（第二版） [黃華升]
7. 線性代數(shù) [主編 史昱 陳鳳欣]
8. 電力電子技術(shù)課程學(xué)習(xí)及實(shí)驗(yàn)指導(dǎo) [主編 陳榮]
9. 成長(zhǎng)對(duì)話：青春的榜樣 [主編　施端銀　黃武剛　應(yīng)巨林]
10. 人工智能應(yīng)用基礎(chǔ) [主編 楊纓 李佳]
11. 中華水文化（慕課版）（第二版） [畢雪燕 楊華軻 羅玲誼 等編著]
12. 電路與電子技術(shù)Ⅱ——電路分析基礎(chǔ) [主編 陳曉 金哲]
13. 飛機(jī)維修專業(yè)英語——飛機(jī)系統(tǒng)（第二版） [趙迎春]
14. 英語大爆炸：跟趣味情景劇學(xué)口語（微課版） [秦然　編著]
15. 機(jī)械工程制圖任務(wù)跟蹤訓(xùn)練 [主編 王瑞清 趙金考 周彥云 ]
16. 機(jī)械工程制圖 [主編 覃國(guó)萍 劉百順 禹晨]
17. 平面設(shè)計(jì)與制作項(xiàng)目化教程 [主編　李晨]
18. 后期影像剪輯技術(shù) [主編　郭建偉]
19. 人工智能概論（第二版） [主編　任云暉　丁紅　徐迎春 ]
20. 信息時(shí)代美育之道 [主編　劉宏宇　黎婭]
21. 數(shù)字媒體交互設(shè)計(jì)項(xiàng)目式教程（微課版） [主編　蘇陸]
22. 動(dòng)畫運(yùn)動(dòng)規(guī)律項(xiàng)目實(shí)例解析（微課版） [孫珊珊　袁維坤]
23. 自然語言處理 [主編　馮建周]
24. 新媒體內(nèi)容創(chuàng)作實(shí)務(wù)（微課版） [主編　覃思源]
25. 人工智能基礎(chǔ) [主編 余平 張春陽]
26. 人工智能導(dǎo)論 [主編 王飛 潘立武]
27. Amazing！兒童英語自然拼讀分級(jí)教材（全8冊(cè)） [王玲　編著]
28. Spark大數(shù)據(jù)處理技術(shù) [主編　劉仁山　周洪翠　莊新妍]
29. 毫無PS痕跡—你的第一本Photoshop書（第二版） [趙鵬 著]
30. 電視新聞制作（活頁式） [主編 王曉翠 劉傳琳]