123,123,123

內(nèi)容簡(jiǎn)介

　　本書(shū)遵循“以真實(shí)項(xiàng)目為載體，以學(xué)習(xí)者為中心”的原則進(jìn)行教學(xué)設(shè)計(jì)。讀者通過(guò)制作5個(gè)由易到難的完整網(wǎng)頁(yè)，循序漸進(jìn)地學(xué)習(xí)靜態(tài)網(wǎng)站的策劃、制作及上傳等全過(guò)程。本書(shū)選取具有深厚歷史底蘊(yùn)的景點(diǎn)“湘潭窯灣”作為引導(dǎo)項(xiàng)目的主題。引導(dǎo)項(xiàng)目分為3個(gè)子項(xiàng)目。項(xiàng)目1為網(wǎng)站總體設(shè)計(jì)，項(xiàng)目2為表格布局的網(wǎng)頁(yè)制作，項(xiàng)目3為DIV CSS布局的網(wǎng)頁(yè)制作及上傳。在引導(dǎo)項(xiàng)目中，以網(wǎng)頁(yè)制作為主線設(shè)計(jì)了14個(gè)主任務(wù)、53個(gè)子任務(wù)。針對(duì)每個(gè)主任務(wù)，設(shè)計(jì)了學(xué)習(xí)導(dǎo)圖、任務(wù)描述、任務(wù)實(shí)施、考核評(píng)價(jià)、問(wèn)題探究等學(xué)習(xí)環(huán)節(jié)。每個(gè)子項(xiàng)目都配有同步測(cè)試和項(xiàng)目小結(jié)，用來(lái)鞏固所學(xué)知識(shí)。同時(shí)，本書(shū)融入了湖湘文化、家國(guó)情懷、工匠精神等人文元素與思政元素。此外，本書(shū)還設(shè)計(jì)了1個(gè)綜合實(shí)訓(xùn)項(xiàng)目，讓學(xué)生根據(jù)自己的興趣收集資料、積極探索和創(chuàng)新，應(yīng)用在引導(dǎo)項(xiàng)目中所學(xué)的知識(shí)技能獨(dú)立制作1個(gè)小型網(wǎng)站，進(jìn)一步提高自身的思維遷移能力。本書(shū)是湖南省高職精品在線開(kāi)放課程的配套教材，在超星“學(xué)銀在線”平臺(tái)中有課程標(biāo)準(zhǔn)、授課計(jì)劃、微課視頻、電子課件、拓展資源、網(wǎng)站源文件、素材等豐富的數(shù)字化教學(xué)資源，方便讀者借鑒和使用。本書(shū)既可作為高等職業(yè)院校電子商務(wù)及計(jì)算機(jī)等專(zhuān)業(yè)的教材，也可作為網(wǎng)頁(yè)制作的培訓(xùn)教材，還可供網(wǎng)頁(yè)設(shè)計(jì)愛(ài)好者學(xué)習(xí)參考

作者簡(jiǎn)介

　　周惠，碩士，教授，工程師，全國(guó)機(jī)械職業(yè)教育教學(xué)指導(dǎo)委員會(huì)委員，湖南省綜合評(píng)標(biāo)專(zhuān)家委員會(huì)評(píng)標(biāo)專(zhuān)家，主持省級(jí)課題及院級(jí)課題12 項(xiàng)，湖南省職業(yè)教育名師空間課堂1 項(xiàng)，湖南省高等職業(yè)教育省級(jí)精品在線開(kāi)放課程1 門(mén)，出版專(zhuān)著1 本，編寫(xiě)教材4 本，發(fā)表論文20 余篇，開(kāi)發(fā)網(wǎng)站10余個(gè)，獲軟件著作權(quán)4 項(xiàng)，指導(dǎo)學(xué)生榮獲全國(guó)大學(xué)生網(wǎng)上零售技能競(jìng)賽二等獎(jiǎng)，湖南省第五屆“挑戰(zhàn)杯”大學(xué)生創(chuàng)業(yè)計(jì)劃競(jìng)賽銀獎(jiǎng)，2015 年省職業(yè)院校技能競(jìng)賽電子商務(wù)賽項(xiàng)二等獎(jiǎng)。

圖書(shū)目錄

項(xiàng)目1 網(wǎng)站總體設(shè)計(jì) 1
任務(wù)1.1　本地站點(diǎn)的創(chuàng)建與管理 2
1.1.1 創(chuàng)建本地站點(diǎn) 2
1.1.2 管理本地站點(diǎn) 4
1.1.3 管理站點(diǎn)內(nèi)容 5
實(shí)訓(xùn)任務(wù)1.1 使用Dreamweaver創(chuàng)建并管理站點(diǎn) 7
任務(wù)1.2 網(wǎng)站建設(shè)流程分析 11
1.2.1 總體策劃 11
1.2.2 網(wǎng)站形象設(shè)計(jì) 12
1.2.3　網(wǎng)站制作 13
1.2.4 網(wǎng)站測(cè)試 13
1.2.5 網(wǎng)站發(fā)布 14
實(shí)訓(xùn)任務(wù)1.2 網(wǎng)站欄目設(shè)置分析 14
任務(wù)1.3　網(wǎng)站結(jié)構(gòu)和網(wǎng)站類(lèi)型 16
1.3.1 網(wǎng)站結(jié)構(gòu)設(shè)計(jì) 17
1.3.2　網(wǎng)站的分類(lèi) 21
實(shí)訓(xùn)任務(wù)1.3 網(wǎng)站欄目設(shè)計(jì)與內(nèi)容策劃 28
任務(wù)1.4 網(wǎng)頁(yè)的構(gòu)成 32
1.4.1 網(wǎng)頁(yè)的版面構(gòu)成 32
1.4.2 網(wǎng)頁(yè)布局設(shè)計(jì) 34
1.4.3 網(wǎng)頁(yè)中色彩的應(yīng)用 40
實(shí)訓(xùn)任務(wù)1.4 網(wǎng)頁(yè)的版面設(shè)計(jì) 45
任務(wù)1.5 網(wǎng)站素材的準(zhǔn)備 49
1.5.1 字體的下載與安裝 50
1.5.2 導(dǎo)航素材的制作 51
1.5.3 輪播圖的制作 53
1.5.4 圖層分組 54
1.5.5 導(dǎo)出網(wǎng)頁(yè)素材 55
實(shí)訓(xùn)任務(wù)1.5 網(wǎng)頁(yè)素材的收集和處理 55
同步測(cè)試 58
項(xiàng)目小結(jié) 60
項(xiàng)目2 表格布局的網(wǎng)頁(yè)制作 61
任務(wù)2.1 網(wǎng)頁(yè)基本屬性的設(shè)置及文本的編輯 62
2.1.1 設(shè)置網(wǎng)頁(yè)屬性 63
2.1.2 編輯網(wǎng)頁(yè)文本 66
2.1.3 插入水平線和版權(quán)符號(hào) 68
實(shí)訓(xùn)任務(wù)2.1 “窯灣簡(jiǎn)介”網(wǎng)頁(yè)的制作 69
任務(wù)2.2 利用表格布局網(wǎng)頁(yè) 73
2.2.1 頭部區(qū)表格的搭建 75
2.2.2 橫幅區(qū)表格的搭建 77
2.2.3 主體內(nèi)容區(qū)表格的搭建 77
2.2.4 底部區(qū)表格的搭建 78
實(shí)訓(xùn)任務(wù)2.2 “窯灣印象”網(wǎng)頁(yè)布局框架的搭建 79
任務(wù)2.3 插入圖片等網(wǎng)頁(yè)元素 84
2.3.1 頭部區(qū)背景圖片的插入 85
2.3.2 插入Logo圖片 86
2.3.3 插入天氣預(yù)報(bào)的代碼 86
2.3.4 在導(dǎo)航中插入“鼠標(biāo)經(jīng)過(guò)圖像” 87
2.3.5 插入分割線和Banner圖片 88
2.3.6 在左邊列中插入背景圖片 89
實(shí)訓(xùn)任務(wù)2.3 “窯灣印象”網(wǎng)頁(yè)的制作 90
任務(wù)2.4 表單網(wǎng)頁(yè)的制作 91
2.4.1 創(chuàng)建表單的過(guò)程分析 92
2.4.2 創(chuàng)建“窯灣印象”在線留言表單網(wǎng)頁(yè) 93
實(shí)訓(xùn)任務(wù)2.4 用戶注冊(cè)頁(yè)面的制作 97
同步測(cè)試 101
項(xiàng)目小結(jié) 104
項(xiàng)目3 DIV CSS布局的網(wǎng)頁(yè)制作及上傳 105
任務(wù)3.1 DIV CSS網(wǎng)頁(yè)框架的制作 107
3.1.1 頭部區(qū)框架的搭建 108
3.1.2 橫幅區(qū)框架的搭建 114
3.1.3 主體內(nèi)容區(qū)框架的搭建 116
3.1.4 底部區(qū)框架的搭建 119
3.1.5 主體框架的細(xì)化 120
實(shí)訓(xùn)任務(wù)3.1 制作“窯灣地理”網(wǎng)頁(yè)框架 124
任務(wù)3.2 在DIV CSS框架中添加網(wǎng)頁(yè)元素 130
3.2.1 添加背景圖片 131
3.2.2 插入圖片 132
3.2.3 天氣預(yù)報(bào)代碼的添加 133
3.2.4 應(yīng)用無(wú)序列表添加網(wǎng)頁(yè)頭部區(qū)的導(dǎo)航 134
3.2.5 應(yīng)用定義列表添加主體內(nèi)容區(qū)的二級(jí)導(dǎo)航 138
實(shí)訓(xùn)任務(wù)3.2 在“窯灣地理”網(wǎng)頁(yè)中添加網(wǎng)頁(yè)元素 143
任務(wù)3.3 網(wǎng)頁(yè)視聽(tīng)效果的制作 148
3.3.1 輪播效果的制作 150
3.3.2 “鼠標(biāo)經(jīng)過(guò)圖像”效果的制作 151
3.3.3 滾動(dòng)字幕的制作 152
3.3.4 圖片放大效果的制作 154
3.3.5 透明flash效果的制作 155
3.3.6 視頻文件的添加 157
實(shí)訓(xùn)任務(wù)3.3 在“窯灣首頁(yè)”中添加視聽(tīng)效果 158
任務(wù)3.4 超鏈接的創(chuàng)建 160
3.4.1 圖片鏈接的創(chuàng)建 161
3.4.2 熱點(diǎn)鏈接的創(chuàng)建 163
3.4.3 文字鏈接的創(chuàng)建 164
3.4.4 錨記鏈接的創(chuàng)建 166
實(shí)訓(xùn)任務(wù)3.4 在“窯灣首頁(yè)”中添加超鏈接 167
任務(wù)3.5 域名注冊(cè)和網(wǎng)站上傳 170
3.5.1 域名的注冊(cè) 171
3.5.2 上傳到收費(fèi)空間 173
實(shí)訓(xùn)任務(wù)3.5 注冊(cè)域名 177
同步測(cè)試 179
項(xiàng)目小結(jié) 182
綜合實(shí)訓(xùn)項(xiàng)目小型網(wǎng)站的設(shè)計(jì)與制作 183
任務(wù)1 網(wǎng)站素材的收集和草圖的制作 184
任務(wù)2 網(wǎng)站策劃方案的撰寫(xiě) 184
任務(wù)3 網(wǎng)頁(yè)制作 185
任務(wù)4 網(wǎng)站作品展示與互評(píng) 186
任務(wù)5 網(wǎng)站測(cè)試與發(fā)布 186
任務(wù)6 文檔整理和提交 187