網(wǎng)站設(shè)計與網(wǎng)頁制作項目化教程（微課版）

項目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 上傳到收費空間 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