第 1章 創(chuàng)建站點(diǎn) 1 1.1 認(rèn)識(shí)Dreamweaver CC 2017 1 1.1.1 認(rèn)識(shí)網(wǎng)頁(yè) 1 1.1.2 發(fā)展概況 1 1.1.3 工作流程 2 1.1.4 工作界面 2 1.1.5 工具欄 5 1.1.6 常用面板 6 1.1.7 首選項(xiàng) 8 1.2 創(chuàng)建和管理站點(diǎn) 10 1.2.1 創(chuàng)建站點(diǎn) 10 1.2.2 管理站點(diǎn) 11 1.2.3 課堂案例──創(chuàng)建和管理站點(diǎn) 11 1.2.4 課堂實(shí)訓(xùn)──導(dǎo)入和編輯站點(diǎn) 14 1.3 創(chuàng)建文件夾和文件 14 1.3.1 創(chuàng)建文件夾和文件 14 1.3.2 保存、打開(kāi)、關(guān)閉和刪除文件 15 1.3.3 課堂案例──創(chuàng)建“朵朵家園”文件 16 1.3.4 課堂實(shí)訓(xùn)──創(chuàng)建“我的小屋”網(wǎng)站文件 18 1.4 發(fā)布站點(diǎn) 18 1.4.1 課堂案例1──連接遠(yuǎn)程服務(wù)器 19 1.4.2 課堂案例2──發(fā)布站點(diǎn) 20 1.5 綜合案例──創(chuàng)建“生態(tài)文明”站點(diǎn)和文件 21 1.6 習(xí)題 22 第 2章 使用文本 23 2.1 添加文本 23 2.1.1 添加文本 23 2.1.2 插入水平線 24 2.1.3 插入日期 25 2.1.4 課堂案例──袋鼠與籠子 25 2.1.5 課堂實(shí)訓(xùn)──羊和狗 27 2.2 編排文本 28 2.2.1 HTML和CSS 28 2.2.2 設(shè)置頁(yè)面屬性 29 2.2.3 設(shè)置字體屬性 33 2.2.4 設(shè)置段落屬性 34 2.2.5 課堂案例──熱水里的石頭 36 2.2.6 課堂實(shí)訓(xùn)──浴火重生的老鷹 39 2.3 綜合案例──幸福是靠奮斗得來(lái)的 40 2.4 習(xí)題 42 第3章 使用圖像和媒體 43 3.1 插入和設(shè)置圖像 43 3.1.1 圖像類(lèi)型 43 3.1.2 插入圖像 44 3.1.3 設(shè)置圖像屬性 45 3.1.4 設(shè)置網(wǎng)頁(yè)背景 46 3.1.5 課堂案例──校園風(fēng)光 46 3.1.6 課堂實(shí)訓(xùn)──瑤琳仙境 48 3.2 插入和設(shè)置媒體 49 3.2.1 媒體類(lèi)型 50 3.2.2 插入Flash SWF 50 3.2.3 插入Flash Video 52 3.2.4 插入HTML5 Audio 53 3.2.5 插入HTML5 Video 53 3.2.6 課堂案例──校園一角 54 3.2.7 課堂實(shí)訓(xùn)──綠色怡園 58 3.3 綜合案例──瘦西湖 58 3.4 習(xí)題 61 第4章 設(shè)置超級(jí)鏈接 62 4.1 認(rèn)識(shí)超級(jí)鏈接 62 4.1.1 超級(jí)鏈接的概念 62 4.1.2 超級(jí)鏈接的路徑類(lèi)型 62 4.1.3 超級(jí)鏈接的種類(lèi) 63 4.2 設(shè)置普通超級(jí)鏈接 64 4.2.1 創(chuàng)建文本超級(jí)鏈接 64 4.2.2 創(chuàng)建圖像超級(jí)鏈接 66 4.2.3 創(chuàng)建電子郵件超級(jí)鏈接 66 4.2.4 課堂案例──古代詩(shī)歌欣賞 67 4.2.5 課堂實(shí)訓(xùn)──近代作家作品 70 4.3 設(shè)置特殊超級(jí)鏈接 71 4.3.1 設(shè)置圖像熱點(diǎn) 71 4.3.2 插入鼠標(biāo)經(jīng)過(guò)圖像 72 4.3.3 設(shè)置空鏈接和下載超級(jí)鏈接 73 4.3.4 設(shè)置腳本鏈接 73 4.3.5 課堂案例──古代名畫(huà) 74 4.3.6 課堂實(shí)訓(xùn)──古代書(shū)法 77 4.4 綜合案例──文化習(xí)俗 77 4.5 習(xí)題 81 第5章 使用表格 82 5.1 認(rèn)識(shí)表格 82 5.1.1 表格概念 82 5.1.2 導(dǎo)入表格式數(shù)據(jù) 83 5.1.3 導(dǎo)出表格數(shù)據(jù) 84 5.1.4 課堂案例──通訊錄 85 5.1.5 課堂實(shí)訓(xùn)──工資表 86 5.2 設(shè)置表格 86 5.2.1 插入表格 87 5.2.2 設(shè)置表格屬性 88 5.2.3 設(shè)置單元格屬性 88 5.2.4 課堂案例──中國(guó)瓷器 89 5.2.5 課堂實(shí)訓(xùn)──四大名橋 92 5.3 編輯表格 93 5.3.1 選擇表格 93 5.3.2 增加和刪除行列 94 5.3.3 合并和拆分單元格 95 5.3.4 復(fù)制/粘貼/移動(dòng)操作 95 5.3.5 課堂案例──中國(guó)名塔 96 5.3.6 課堂實(shí)訓(xùn)──四大名樓 100 5.4 綜合案例──美好河山 101 5.5 習(xí)題 104 第6章 使用CSS樣式 105 6.1 CSS基礎(chǔ)知識(shí) 105 6.1.1 HTML基礎(chǔ) 105 6.1.2 CSS的概念 108 6.1.3 CSS的存儲(chǔ)和層疊次序 108 6.1.4 CSS的語(yǔ)法結(jié)構(gòu) 109 6.1.5 CSS的樣式類(lèi)型 110 6.1.6 CSS速記格式 111 6.2 創(chuàng)建和應(yīng)用CSS樣式 112 6.2.1 創(chuàng)建CSS樣式 113 6.2.2 應(yīng)用CSS樣式 116 6.2.3 課堂案例──一諾千金 116 6.2.4 課堂實(shí)訓(xùn)──烽火戲諸侯 119 6.3 設(shè)置CSS屬性 120 6.3.1 布局屬性 120 6.3.2 文本屬性 122 6.3.3 邊框?qū)傩?124 6.3.4 背景屬性 126 6.3.5 課堂案例──蘇東坡與海棠 127 6.3.6 課堂實(shí)訓(xùn)──自己折斷的樹(shù)枝 130 6.4 CSS過(guò)渡效果 131 6.5 綜合案例──守望相助 132 6.6 習(xí)題 135 第7章 使用Div+CSS 137 7.1 使用Div+CSS布局技術(shù) 137 7.1.1 認(rèn)識(shí)CSS盒子模型 137 7.1.2 使用Div+CSS布局頁(yè)面 138 7.1.3 課堂案例──感悟人生 141 7.1.4 課堂實(shí)訓(xùn)──日光鄉(xiāng)間 144 7.2 使用HTML5結(jié)構(gòu)語(yǔ)意元素 145 7.2.1 認(rèn)識(shí)HTML5結(jié)構(gòu)語(yǔ)意元素 146 7.2.2 插入HTML5結(jié)構(gòu)語(yǔ)意元素 147 7.2.3 課堂案例──每周時(shí)報(bào) 148 7.2.4 課堂實(shí)訓(xùn)──體育要聞 152 7.3 使用Query UI布局部件 153 7.3.1 插入Query UI布局部件 153 7.3.2 課堂案例──風(fēng)景如畫(huà) 154 7.3.3 課堂實(shí)訓(xùn)──美麗如初 157 7.4 綜合案例──啟迪人生 160 7.5 習(xí)題 164 第8章 使用庫(kù)和模板 165 8.1 使用庫(kù) 165 8.1.1 認(rèn)識(shí)庫(kù) 165 8.1.2 創(chuàng)建庫(kù)項(xiàng)目 166 8.1.3 應(yīng)用庫(kù)項(xiàng)目 167 8.1.4 維護(hù)庫(kù)項(xiàng)目 167 8.1.5 課堂案例──羅布泊 168 8.1.6 課堂實(shí)訓(xùn)──火焰山 170 8.2 使用模板 171 8.2.1 認(rèn)識(shí)模板 171 8.2.2 創(chuàng)建模板 172 8.2.3 應(yīng)用模板 175 8.2.4 維護(hù)模板 176 8.2.5 課堂案例──百慕大 177 8.2.6 課堂實(shí)訓(xùn)──海洋生物 181 8.3 綜合案例──南極洲 182 8.4 習(xí)題 186 第9章 使用行為 187 9.1 關(guān)于行為 187 9.1.1 認(rèn)識(shí)行為 187 9.1.2 添加行為 188 9.1.3 【行為】面板 189 9.2 常用行為 190 9.2.1 彈出信息 190 9.2.2 設(shè)置狀態(tài)欄文本 191 9.2.3 調(diào)用JavaScript 192 9.2.4 改變屬性 193 9.2.5 交換圖像 194 9.2.6 恢復(fù)交換圖像 195 9.2.7 預(yù)先載入圖像 195 9.2.8 打開(kāi)瀏覽器窗口 195 9.2.9 轉(zhuǎn)到URL 196 9.2.10 效果 197 9.3 課堂案例──海上名山 198 9.4 課堂實(shí)訓(xùn)──江南園林 201 9.5 綜合案例──沙漠之舟 203 9.6 習(xí)題 205 第 10章 使用表單 206 10.1 認(rèn)識(shí)表單 206 10.1.1 表單的概念 206 10.1.2 HTML5表單對(duì)象 207 10.2 常用表單對(duì)象 208 10.2.1 插入和設(shè)置表單 208 10.2.2 文本類(lèi)表單對(duì)象 209 10.2.3 選擇類(lèi)表單對(duì)象 214 10.2.4 按鈕類(lèi)表單對(duì)象 217 10.2.5 域集和標(biāo)簽 219 10.3 使用行為驗(yàn)證表單 220 10.4 課堂案例──用戶登記表 221 10.5 課堂實(shí)訓(xùn)──郵箱登錄 225 10.6 綜合案例──期刊投稿 226 10.7 習(xí)題 228 第 11章 制作移動(dòng)設(shè)備網(wǎng)頁(yè) 229 11.1 使用jQuery Mobile 229 11.1.1 認(rèn)識(shí)jQuery Mobile 229 11.1.2 創(chuàng)建jQuery Mobile頁(yè)面 230 11.1.3 使用jQuery Mobile組件 232 11.1.4 設(shè)置jQuery Mobile主題 237 11.1.5 課堂案例──賬號(hào)注冊(cè) 238 11.1.6 課堂實(shí)訓(xùn)──碧海藍(lán)天 240 11.2 使用Bootstrap 241 11.2.1 認(rèn)識(shí)Bootstrap 241 11.2.2 創(chuàng)建基于Bootstrap模板的文檔 242 11.2.3 創(chuàng)建基于Bootstrap框架的文檔 243 11.2.4 課堂案例──塞舌爾群島 245 11.2.5 課堂實(shí)訓(xùn)──世界旅游 247 11.3 使用jQuery UI 249 11.3.1 認(rèn)識(shí)jQuery UI 249 11.3.2 使用jQuery UI部件 249 11.4 習(xí)題 256