網(wǎng)站設(shè)計與網(wǎng)頁制作項目化教程(微課版)
定 價:45 元
- 作者:周惠
- 出版時間:2022/3/1
- ISBN:9787121432262
- 出 版 社:電子工業(yè)出版社
- 中圖法分類:TP393.092
- 頁碼:196
- 紙張:
- 版次:01
- 開本:16開
本書遵循“以真實項目為載體,以學(xué)習(xí)者為中心”的原則進(jìn)行教學(xué)設(shè)計。讀者通過制作5個由易到難的完整網(wǎng)頁,循序漸進(jìn)地學(xué)習(xí)靜態(tài)網(wǎng)站的策劃、制作及上傳等全過程。本書選取具有深厚歷史底蘊(yùn)的景點“湘潭窯灣”作為引導(dǎo)項目的主題。引導(dǎo)項目分為3個子項目。項目1為網(wǎng)站總體設(shè)計,項目2為表格布局的網(wǎng)頁制作,項目3為DIV+CSS布局的網(wǎng)頁制作及上傳。在引導(dǎo)項目中,以網(wǎng)頁制作為主線設(shè)計了14個主任務(wù)、53個子任務(wù)。針對每個主任務(wù),設(shè)計了學(xué)習(xí)導(dǎo)圖、任務(wù)描述、任務(wù)實施、考核評價、問題探究等學(xué)習(xí)環(huán)節(jié)。每個子項目都配有同步測試和項目小結(jié),用來鞏固所學(xué)知識。同時,本書融入了湖湘文化、家國情懷、工匠精神等人文元素與思政元素。此外,本書還設(shè)計了1個綜合實訓(xùn)項目,讓學(xué)生根據(jù)自己的興趣收集資料、積極探索和創(chuàng)新,應(yīng)用在引導(dǎo)項目中所學(xué)的知識技能獨立制作1個小型網(wǎng)站,進(jìn)一步提高自身的思維遷移能力。本書是湖南省高職精品在線開放課程的配套教材,在超星“學(xué)銀在線”平臺中有課程標(biāo)準(zhǔn)、授課計劃、微課視頻、電子課件、拓展資源、網(wǎng)站源文件、素材等豐富的數(shù)字化教學(xué)資源,方便讀者借鑒和使用。本書既可作為高等職業(yè)院校電子商務(wù)及計算機(jī)等專業(yè)的教材,也可作為網(wǎng)頁制作的培訓(xùn)教材,還可供網(wǎng)頁設(shè)計愛好者學(xué)習(xí)參考
周惠,碩士,教授,工程師,全國機(jī)械職業(yè)教育教學(xué)指導(dǎo)委員會委員,湖南省綜合評標(biāo)專家委員會評標(biāo)專家,主持省級課題及院級課題12 項,湖南省職業(yè)教育名師空間課堂1 項,湖南省高等職業(yè)教育省級精品在線開放課程1 門,出版專著1 本,編寫教材4 本,發(fā)表論文20 余篇,開發(fā)網(wǎng)站10余個,獲軟件著作權(quán)4 項,指導(dǎo)學(xué)生榮獲全國大學(xué)生網(wǎng)上零售技能競賽二等獎,湖南省第五屆“挑戰(zhàn)杯”大學(xué)生創(chuàng)業(yè)計劃競賽銀獎,2015 年省職業(yè)院校技能競賽電子商務(wù)賽項二等獎。
項目1 網(wǎng)站總體設(shè)計 1
任務(wù)1.1 本地站點的創(chuàng)建與管理 2
1.1.1 創(chuàng)建本地站點 2
1.1.2 管理本地站點 4
1.1.3 管理站點內(nèi)容 5
實訓(xùn)任務(wù)1.1 使用Dreamweaver創(chuàng)建并管理站點 7
任務(wù)1.2 網(wǎng)站建設(shè)流程分析 11
1.2.1 總體策劃 11
1.2.2 網(wǎng)站形象設(shè)計 12
1.2.3 網(wǎng)站制作 13
1.2.4 網(wǎng)站測試 13
1.2.5 網(wǎng)站發(fā)布 14
實訓(xùn)任務(wù)1.2 網(wǎng)站欄目設(shè)置分析 14
任務(wù)1.3 網(wǎng)站結(jié)構(gòu)和網(wǎng)站類型 16
1.3.1 網(wǎng)站結(jié)構(gòu)設(shè)計 17
1.3.2 網(wǎng)站的分類 21
實訓(xùn)任務(wù)1.3 網(wǎng)站欄目設(shè)計與內(nèi)容策劃 28
任務(wù)1.4 網(wǎng)頁的構(gòu)成 32
1.4.1 網(wǎng)頁的版面構(gòu)成 32
1.4.2 網(wǎng)頁布局設(shè)計 34
1.4.3 網(wǎng)頁中色彩的應(yīng)用 40
實訓(xùn)任務(wù)1.4 網(wǎng)頁的版面設(shè)計 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)頁素材 55
實訓(xùn)任務(wù)1.5 網(wǎng)頁素材的收集和處理 55
同步測試 58
項目小結(jié) 60
項目2 表格布局的網(wǎng)頁制作 61
任務(wù)2.1 網(wǎng)頁基本屬性的設(shè)置及文本的編輯 62
2.1.1 設(shè)置網(wǎng)頁屬性 63
2.1.2 編輯網(wǎng)頁文本 66
2.1.3 插入水平線和版權(quán)符號 68
實訓(xùn)任務(wù)2.1 “窯灣簡介”網(wǎng)頁的制作 69
任務(wù)2.2 利用表格布局網(wǎng)頁 73
2.2.1 頭部區(qū)表格的搭建 75
2.2.2 橫幅區(qū)表格的搭建 77
2.2.3 主體內(nèi)容區(qū)表格的搭建 77
2.2.4 底部區(qū)表格的搭建 78
實訓(xùn)任務(wù)2.2 “窯灣印象”網(wǎng)頁布局框架的搭建 79
任務(wù)2.3 插入圖片等網(wǎng)頁元素 84
2.3.1 頭部區(qū)背景圖片的插入 85
2.3.2 插入Logo圖片 86
2.3.3 插入天氣預(yù)報的代碼 86
2.3.4 在導(dǎo)航中插入“鼠標(biāo)經(jīng)過圖像” 87
2.3.5 插入分割線和Banner圖片 88
2.3.6 在左邊列中插入背景圖片 89
實訓(xùn)任務(wù)2.3 “窯灣印象”網(wǎng)頁的制作 90
任務(wù)2.4 表單網(wǎng)頁的制作 91
2.4.1 創(chuàng)建表單的過程分析 92
2.4.2 創(chuàng)建“窯灣印象”在線留言表單網(wǎng)頁 93
實訓(xùn)任務(wù)2.4 用戶注冊頁面的制作 97
同步測試 101
項目小結(jié) 104
項目3 DIV+CSS布局的網(wǎng)頁制作及上傳 105
任務(wù)3.1 DIV+CSS網(wǎng)頁框架的制作 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
實訓(xùn)任務(wù)3.1 制作“窯灣地理”網(wǎng)頁框架 124
任務(wù)3.2 在DIV+CSS框架中添加網(wǎng)頁元素 130
3.2.1 添加背景圖片 131
3.2.2 插入圖片 132
3.2.3 天氣預(yù)報代碼的添加 133
3.2.4 應(yīng)用無序列表添加網(wǎng)頁頭部區(qū)的導(dǎo)航 134
3.2.5 應(yīng)用定義列表添加主體內(nèi)容區(qū)的二級導(dǎo)航 138
實訓(xùn)任務(wù)3.2 在“窯灣地理”網(wǎng)頁中添加網(wǎng)頁元素 143
任務(wù)3.3 網(wǎng)頁視聽效果的制作 148
3.3.1 輪播效果的制作 150
3.3.2 “鼠標(biāo)經(jīng)過圖像”效果的制作 151
3.3.3 滾動字幕的制作 152
3.3.4 圖片放大效果的制作 154
3.3.5 透明flash效果的制作 155
3.3.6 視頻文件的添加 157
實訓(xùn)任務(wù)3.3 在“窯灣首頁”中添加視聽效果 158
任務(wù)3.4 超鏈接的創(chuàng)建 160
3.4.1 圖片鏈接的創(chuàng)建 161
3.4.2 熱點鏈接的創(chuàng)建 163
3.4.3 文字鏈接的創(chuàng)建 164
3.4.4 錨記鏈接的創(chuàng)建 166
實訓(xùn)任務(wù)3.4 在“窯灣首頁”中添加超鏈接 167
任務(wù)3.5 域名注冊和網(wǎng)站上傳 170
3.5.1 域名的注冊 171
3.5.2 上傳到收費(fèi)空間 173
實訓(xùn)任務(wù)3.5 注冊域名 177
同步測試 179
項目小結(jié) 182
綜合實訓(xùn)項目 小型網(wǎng)站的設(shè)計與制作 183
任務(wù)1 網(wǎng)站素材的收集和草圖的制作 184
任務(wù)2 網(wǎng)站策劃方案的撰寫 184
任務(wù)3 網(wǎng)頁制作 185
任務(wù)4 網(wǎng)站作品展示與互評 186
任務(wù)5 網(wǎng)站測試與發(fā)布 186
任務(wù)6 文檔整理和提交 187