本書(shū)由教學(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ì)性和代表性。

全書(shū)強(qiáng)調(diào)應(yīng)用技術(shù)型人才能力培養(yǎng)這條主線，根據(jù)網(wǎng)頁(yè)設(shè)計(jì)師的崗位能力需求，結(jié)合網(wǎng)站開(kāi)發(fā)過(guò)程將內(nèi)容分為11章。學(xué)生以任務(wù)驅(qū)動(dòng)直接面對(duì)網(wǎng)站項(xiàng)目進(jìn)行設(shè)計(jì)與實(shí)踐，通過(guò)完整設(shè)計(jì)過(guò)程，學(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è)的崗位群來(lái)培養(yǎng)有用人才。解決學(xué)以致用問(wèn)題，是高等教育應(yīng)該完成的教育目的。按照社會(huì)不同需求培養(yǎng)出直接有用人才，是教育改革的終極目標(biāo)。要讓高等教育全面達(dá)到應(yīng)用技術(shù)型人才培養(yǎng)的理性發(fā)展?fàn)顟B(tài)，就需要在微觀層面從每一個(gè)專業(yè)領(lǐng)域、每一門(mén)課程教材入手，凸顯出能力培養(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ì)開(kāi)發(fā)的應(yīng)用技術(shù)型人才？這是擺在廣大初學(xué)者面前迫切需要解決的問(wèn)題。

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

本書(shū)由教學(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é)生通過(guò)基于工作過(guò)程的方式，以任務(wù)驅(qū)動(dòng)直接面對(duì)網(wǎng)站項(xiàng)目進(jìn)行設(shè)計(jì)與實(shí)踐，通過(guò)完整系列設(shè)計(jì)過(guò)程的學(xué)習(xí)與訓(xùn)練，學(xué)會(huì)并掌握網(wǎng)站前端設(shè)計(jì)知識(shí)和技術(shù)。同時(shí)，也能夠更好地激發(fā)學(xué)習(xí)者學(xué)習(xí)的積極性。

教材特色

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

如何有效地使用本書(shū)

本書(shū)各章節(jié)在內(nèi)容編排上遵循了循序漸進(jìn)原則，由淺入深地展開(kāi)學(xué)習(xí)。從第1章至最后一章每項(xiàng)任務(wù)都是環(huán)環(huán)相扣，在完成前一項(xiàng)任務(wù)的基礎(chǔ)上，才能夠完成后一項(xiàng)任務(wù)。其中第8、9章無(wú)編程經(jīng)驗(yàn)讀者可以棄用，對(duì)于有一定網(wǎng)頁(yè)基礎(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é)果，思考、提煉自己感興趣主題，來(lái)規(guī)劃和設(shè)計(jì)一個(gè)待建網(wǎng)站。待建網(wǎng)站內(nèi)容和素材資源課后可以不斷查找、搜集。在接下來(lái)學(xué)習(xí)中就需要結(jié)合任務(wù)和單元實(shí)訓(xùn)項(xiàng)目，獨(dú)立完成設(shè)計(jì)自己網(wǎng)站的頁(yè)面，直到最后完成一個(gè)網(wǎng)站設(shè)計(jì)，并進(jìn)行測(cè)試和發(fā)布。

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

教學(xué)建議

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

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

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

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

本教材的撰寫(xiě)是一次全新嘗試，教學(xué)方法也有待不斷探索和總結(jié)，加之時(shí)間倉(cāng)促、水平有限，不妥之處懇請(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)站策劃與頁(yè)面設(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)頁(yè)設(shè)計(jì) 25
2.1 制作基本網(wǎng)頁(yè) 25
2.1.1 任務(wù)：一個(gè)“云南怒江游記”的
文字頁(yè)面 25
2.1.2 任務(wù)實(shí)現(xiàn) 26
2.1.3 知識(shí)補(bǔ)充：定義Dreamweaver的首選
參數(shù)和HTML5簡(jiǎn)介 33
2.2 制作圖文網(wǎng)頁(yè) 38
2.2.1 任務(wù)：帶有文字和圖片混排的
“云南怒江游記”頁(yè)面 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)頁(yè) 45
2.3.1 任務(wù)：一個(gè)帶有文字、圖片和視頻
的頁(yè)面 45
2.3.2 任務(wù)實(shí)現(xiàn) 46
2.3.3 任務(wù)拓展：帶有歌曲鏈接和Flash
動(dòng)畫(huà)等效果的頁(yè)面 49
2.3.4 知識(shí)補(bǔ)充：常用多媒體對(duì)象 53
實(shí)訓(xùn)項(xiàng)目二 56
第3章 網(wǎng)站首頁(yè)設(shè)計(jì) 58
3.1 利用表格布局設(shè)計(jì)首頁(yè) 58
3.1.1 任務(wù)：設(shè)計(jì)一個(gè)網(wǎng)站首頁(yè)頁(yè)面 59
3.1.2 任務(wù)實(shí)現(xiàn) 60
3.1.3 知識(shí)補(bǔ)充：網(wǎng)頁(yè)布局設(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)畫(huà) 71
3.3.1 任務(wù)：設(shè)計(jì)一個(gè)橫幅的Gif動(dòng)畫(huà)廣告 72
3.3.2 任務(wù)實(shí)現(xiàn) 73
3.3.3 任務(wù)拓展：設(shè)計(jì)一個(gè)圖形圍繞中心
順時(shí)針不停旋轉(zhuǎn)Gif動(dòng)畫(huà) 75
3.3.4 知識(shí)補(bǔ)充：動(dòng)畫(huà)設(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)畫(huà) 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)畫(huà)設(shè)計(jì) 98
3.7 用Flash設(shè)計(jì)帶有圖文變化動(dòng)畫(huà) 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)畫(huà)場(chǎng)景應(yīng)用 120
3.8.4 任務(wù)小結(jié) 120
3.9 在主頁(yè)中檢查插件和跳出公告窗口 122
3.9.1 任務(wù)：網(wǎng)站首頁(yè)檢查插件并彈出
一個(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ì)頁(yè)面各種超鏈接 133
4.1.2 任務(wù)實(shí)現(xiàn) 134
4.2 創(chuàng)建錨點(diǎn)鏈接以及圖像熱點(diǎn) 136
4.2.1 任務(wù)：為頁(yè)面信息設(shè)置錨點(diǎn)鏈接 137
4.2.2 任務(wù)實(shí)現(xiàn) 138
4.2.3 任務(wù)拓展：在頁(yè)面地圖上設(shè)置
熱點(diǎn)鏈接 139
4.2.4 知識(shí)補(bǔ)充：網(wǎng)頁(yè)文檔的設(shè)計(jì)備注 140
實(shí)訓(xùn)項(xiàng)目四 142
第5章 網(wǎng)頁(yè)配色與CSS定義布局設(shè)計(jì) 144
5.1 玻璃質(zhì)感導(dǎo)航按鈕與主頁(yè)配色設(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 頁(yè)眉圖片和Logo視覺(jué)修飾設(shè)計(jì) 148
5.2.1 任務(wù)：設(shè)計(jì)一幅頁(yè)眉圖片 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)頁(yè) 154
5.3.1 任務(wù)：一個(gè)網(wǎng)頁(yè)的布局設(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)一步
說(shuō)明 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)頁(yè)模板設(shè)計(jì)與表單 197
7.1 使用模板制作頁(yè)面 197
7.1.1 任務(wù)：定義與利用模板設(shè)計(jì)“時(shí)尚
直擊”子欄目頁(yè)面 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ù)：在頁(yè)面內(nèi)顯示日期時(shí)間并倒記時(shí)天數(shù) 213
8.1.2 任務(wù)實(shí)現(xiàn) 214
8.1.3 任務(wù)拓展：在頁(yè)面上顯示時(shí)間和
中文日期 221
8.2 樹(shù)型目錄設(shè)計(jì) 224
8.2.1 任務(wù)：樹(shù)型目錄導(dǎo)航設(shè)計(jì) 224
8.2.2 任務(wù)實(shí)現(xiàn) 225
8.2.3 任務(wù)拓展：?jiǎn)渭兝�用表格設(shè)計(jì)
樹(shù)型目錄 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改變頁(yè)面
顯示效果 247
9.1.2 任務(wù)實(shí)現(xiàn) 248
9.1.3 任務(wù)小結(jié) 251
9.1.4 任務(wù)拓展：使用幾個(gè)常用方法
設(shè)計(jì)頁(yè)面效果 251
9.1.5 知識(shí)補(bǔ)充：jQuery選擇器與方法 257
9.2 圖片切換效果設(shè)計(jì) 259
9.2.1 任務(wù)：在頁(yè)面顯示圖片切換廣告 259
9.2.2 任務(wù)實(shí)現(xiàn) 260
9.2.3 任務(wù)小結(jié)：jQuery選擇器 262
9.2.4 任務(wù)拓展：頁(yè)面帶有縮圖的圖片
切換效果 263
9.2.5 任務(wù)拓展：在頁(yè)面顯示圖片
切換廣告 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)目開(kāi)發(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)站頁(yè)面設(shè)計(jì) 305
11.3.2 網(wǎng)站設(shè)計(jì)特別注意問(wèn)題 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)站開(kāi)發(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 頁(yè)碼設(shè)計(jì)規(guī)范 326
11.4.6 文字編排與設(shè)計(jì) 327
11.4.7 文字超鏈接 332
11.4.8 局部效果設(shè)計(jì) 333
11.4.9 頁(yè)面各個(gè)模塊修飾設(shè)計(jì) 335
11.4.10 廣告設(shè)計(jì)規(guī)范 335
11.4.11 頁(yè)腳信息 335
11.4.12 圖片修飾設(shè)計(jì) 336
參考文獻(xiàn) 339

1. 信息技術(shù)基礎(chǔ)（麒麟操作系統(tǒng)+WPS Office） [主編　芮雪　蔣莉　王亮亮]
2. Office高級(jí)應(yīng)用項(xiàng)目式教程（第2版） [主編 李觀金 張倩文 黎夏克 ]
3. 巧用翻譯學(xué)英語(yǔ)：英漢互譯500例 [王學(xué)文 著]
4. 高等教育多維評(píng)價(jià)體系構(gòu)建與高質(zhì)量發(fā)展研究 [張妍 著]
5. 系統(tǒng)規(guī)劃與管理師章節(jié)習(xí)題與考點(diǎn)特訓(xùn)（第二版） [主編 薛大龍]
6. 計(jì)算機(jī)操作系統(tǒng)實(shí)踐指導(dǎo)（openEuler版） [主編 秦光 曾陳萍 岳付強(qiáng)]
7. 信息系統(tǒng)管理工程師真題及模考卷精析（適用機(jī)考） [主 編 薛大龍 程 剛 上官緒]
8. 航海類院校體育教育教學(xué)研究 [張利超 李寧 著]
9. 新時(shí)代背景下我國(guó)職業(yè)教育產(chǎn)教融合長(zhǎng)效機(jī)制建設(shè)研究 [王玉賢 著]
10. 電路分析 [主編 李飛 毛先柏]
11. 信息系統(tǒng)管理工程師（適用第2版大綱）一站通關(guān) [指尖瘋　編著]
12. 傳統(tǒng)山水畫(huà)論解讀與實(shí)踐 [陳鈉 著]
13. 網(wǎng)絡(luò)工程師備考一本通（適配第6版考綱） [夏杰 編著]
14. 陳孝云的職教理想與情懷 [祝吉太 江傳瑞 張義廷 著]
15. 地方本科院校電子信息學(xué)科課程思政案例集 [王甫]
16. Excel數(shù)據(jù)處理與分析（第二版） [主編 張志明 鄒 蕾]
17. 網(wǎng)絡(luò)工程師5天修煉（適配第6版考綱） [主編　朱小平 施游]
18. 倉(cāng)儲(chǔ)管理實(shí)務(wù)（第二版） [周寧武 編著]
19. 基于AE與C#的地理信息系統(tǒng)二次開(kāi)發(fā) [李小根 賈艷昌 喬翠平 姜彤 ]
20. 2023年長(zhǎng)沙市文化和旅游業(yè)發(fā)展報(bào)告 [主編 陳莉]
21. 舞臺(tái)化妝造型設(shè)計(jì) [主編 劉思彤 張 濤 張憶雨]
22. 產(chǎn)教融合視角高校體育專業(yè)實(shí)踐教學(xué)體系構(gòu)建研究 [楊柳青 葉華兵 著]
23. 知識(shí)圖譜及應(yīng)用案例 [張善文 黃文準(zhǔn) 于長(zhǎng)青 陳明淑]
24. Python程序設(shè)計(jì)案例教程（微課版） [主編　石利平　田輝平　余以勝]
25. 皓月繁星：青少年兒童心理成長(zhǎng)手冊(cè) [主　編　林贊歌 副主編　杜志南]
26. 材料力學(xué) [章寶華 趙新勝 徐斌]
27. 系統(tǒng)集成項(xiàng)目管理工程師考試32小時(shí)通關(guān)（第3版） [主編　薛大龍 副主編　上官緒陽(yáng)]
28. 軟考論文高分特訓(xùn)與范文10篇——系統(tǒng)分析師（第二版） [薛大龍 鄒月平 施游]
29. 黃河海勃灣水利樞紐防凌安全運(yùn)行 [王戰(zhàn)領(lǐng) 王叢發(fā) 范瑜彬 著]
30. 大學(xué)生心理健康教育 [方雄 著]