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

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