子項目1 網站建設基礎知識與整體流程 1 項目任務1.1 了解網站建設的基礎知識 1 1.1.1 認識網頁和網站 2 1.1.2 了解網頁制作技術 3 1.1.3 了解網頁制作常用工具 4 1.1.4 編寫第一個網頁 10 項目任務1.2 熟悉網站建設的整體流程 11 1.2.1 網站前期策劃 12 1.2.2 制作裁切網站設計稿 16 1.2.3 規(guī)劃與建立站點 16 1.2.4 實現網頁結構 17 1.2.5 使用CSS樣式美化首頁 17 1.2.6 創(chuàng)建并應用網頁模板 17 1.2.7 測試與發(fā)布網站 17 1.2.8 更新與維護網站 18 1.2.9 網站項目總結 18 1.3 小結 18 子項目2 “我的E站”前期策劃 19 項目任務2.1 “我的E站”項目立項 19 2.1.1 分析“我的E站”需求說明書 20 2.1.2 組建項目團隊 20 項目任務2.2 撰寫“我的E站”項目策劃書 21 2.2.1 分析確定網站邏輯結構圖 22 2.2.2 設計網站界面原型 22 2.2.3 撰寫項目策劃書 26 2.3 小結 28 子項目3 “我的E站”前期準備 29 項目任務3.1 設計網站LOGO 29 3.1.1 LOGO設計思想與設計原則 30 3.1.2 網站常用圖片格式 31 3.1.3 制作“我的E站”LOGO 32 項目任務3.2 加工圖像素材 36 3.2.1 批量處理圖像 39 3.2.2 去除圖片水印 41 3.2.3 調整圖像屬性 41 3.2.4 美化加工圖像 43 3.2.5 應用特殊文字 46 項目任務3.3 設計制作網站界面 48 3.3.1 設置頁面大小 49 3.3.2 規(guī)劃首頁內容并設計版式 50 3.3.3 確定配色方案 50 3.3.4 制作網站首頁效果圖 52 3.3.5 制作網站子頁效果圖 64 項目任務3.4 裁切網站設計稿 68 3.4.1 切片的原則 70 3.4.2 創(chuàng)建首頁切片 70 3.4.3 編輯首頁切片 73 3.4.4 命名首頁切片 74 3.4.5 導出首頁切片 74 3.4.6 裁切子頁設計稿 75 項目任務3.5 制作網站中的動畫 77 3.5.1 Flash基本概念 77 3.5.2 Flash基本操作 80 3.5.3 Flash基本動畫形式 83 3.5.4 制作網站首頁banner 88 3.6 小結 93 3.7 技能訓練 93 3.7.1 裁切網站設計稿 93 3.7.2 Flash動畫設計 94 3.7.3 Flash交互界面開發(fā) 99 子項目4 實現網頁布局 105 項目任務4.1 創(chuàng)建本地站點 105 4.1.1 規(guī)劃目錄結構 105 4.1.2 熟悉Dreamweaver工作區(qū)并新建本地站點 106 4.1.3 管理本地站點 108 4.1.4 HTML基本概念及結構 110 項目任務4.2 一列固定寬度布局 113 4.2.1 插入Div標簽 114 4.2.2 樣式表種類和CSS選擇器 115 4.2.3 在頁面中引入CSS樣式表 117 4.2.4 CSS樣式代碼編寫規(guī)則 118 4.2.5 CSS盒模型 121 項目任務4.3 一列多行固定寬度居中布局 127 4.3.1 一列固定寬度居中布局 128 4.3.2 一列多行固定寬度居中布局 129 項目任務4.4 多列多行固定寬度居中布局 130 4.4.1 DOM樹 132 4.4.2 CSS盒子在標準流中的定位 133 4.4.3 CSS盒子浮動方式 133 4.4.4 二列固定寬度居中布局 135 4.4.5 二列多行固定寬度居中布局 135 4.4.6 清除浮動屬性 136 4.4.7 三列固定寬度居中布局 137 4.4.8 三列多行固定寬度居中布局 137 項目任務4.5 “我的E站”頁面布局 138 4.5.1 “我的E站”子頁布局 139 4.5.2 “我的E站”首頁布局 143 4.6 小結 150 4.7 技能訓練 150 4.7.1 建立站點 150 4.7.2 編寫HTML代碼結構 150 子項目5 添加和美化網頁內容 151 項目任務5.1 “我的E站”子頁制作 151 5.1.1 文本圖像及樣式 152 5.1.2 列表及樣式 160 5.1.3 超鏈接及樣式 163 5.1.4 背景樣式 166 5.1.5 “關于我們”頭部制作 169 5.1.6 “E站日記”列表制作 170 5.1.7 表格及樣式 171 項目任務5.2 “我的E站”首頁制作 178 5.2.1 頭部制作 179 5.2.2 banner制作 180 5.2.3 中部制作 186 5.2.4 其他信息制作 188 5.2.5 底部制作 190 5.3 小結 192 5.4 技能訓練 192 5.4.1 使用CSS布局技術完成網頁 192 5.4.2 使用列表和CSS制作菜單 193 子項目6 網頁模板及多媒體應用 194 項目任務6.1 創(chuàng)建并應用網頁模板 194 6.1.1 創(chuàng)建模板 194 6.1.2 制作模板頁面 196 6.1.3 插入或刪除可編輯區(qū)域 200 6.1.4 應用模板 201 項目任務6.2 添加多媒體元素 204 6.2.1 插入多媒體元素 205 6.2.2 應用行為 208 6.2.3 運用JavaScript實現banner效果 210 6.3 小結 211 6.4 技能訓練 212 子項目7 “我的E站”測試與發(fā)布 213 項目任務7.1 常見瀏覽器兼容問題及解決方案 213 7.1.1 網頁中的標簽問題 213 7.1.2　div的垂直居中問題 214 7.1.3　margin加倍的問題 215 7.1.4　浮動IE產生的雙倍距離 216 7.1.5 寬度和高度問題 217 7.1.6 DIV浮動IE文本產生3像素的BUG 220 7.1.7 float清除浮動 220 7.1.8 圖片間有空白間隙問題 224 7.1.9 不同瀏覽器對實際像素的解釋 225 7.1.10 應用條件注釋實現瀏覽器兼容 225 7.1.11 常用hack方法兼容介紹 226 項目任務7.2 站點的測試與調試 227 7.2.1 檢查站點范圍的鏈接 227 7.2.2 改變站點范圍的鏈接 228 7.2.3 清理HTML 228 7.2.4 清理Word生成的HTML 229 7.2.5 同步 229 7.2.6 生成輔助功能報告 230 7.2.7 站點測試指南 230 項目任務7.3 網站的發(fā)布 231 7.3.1 申請域名 231 7.3.2 申請空間 235 7.3.3 站點的上傳 238 7.4 小結 240 7.5 技能訓練 240 子項目8 網站的宣傳推廣與維護 241 項目任務8.1 網站宣傳推廣 241 8.1.1 常見網站推廣方式 242 8.1.2 網站推廣步驟 249 8.1.3 搜索引擎優(yōu)化工具 250 項目任務8.2 網站維護 252 8.2.1 網站維護的重要性 252 8.2.2 網站維護的基本內容 253 8.3 小結 254 子項目9 “我的E站”項目總結 255 項目任務9.1 文檔的書寫與整理 255 項目任務9.2 網站展示、交流與評價 257 9.3 小結 259 子項目10 將頁面移植到移動設備 260 項目任務10.1 將“我的E站” 頁面 轉為響應式 設計 260 10.1.1 響應式設計概述 262 10.1.2 移動化“關于我們”頁面 264 項目任務10.2 Bootstrap框架介紹 266 10.2.1 Bootstrap框架 簡介 267 10.2.2 下載Bootstrap 框架 268 10.2.3 Bootstrap框架文件結構 269 10.2.4 HTML標準模板 269 10.2.5 響應式的柵格系統(tǒng) 270 10.2.6 基于Bootstrap框架的首頁制作 271 10.3 小結 275 附錄A 常用工具、插件及用戶 手冊 276 附錄B 網站制作規(guī)范 277 參考文獻 280