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