中文版Dreamweaver CC完全自學(xué)一本通

第1章 了解網(wǎng)頁設(shè)計的基礎(chǔ) 11.1 網(wǎng)頁的概述 11.1.1網(wǎng)頁的基本要素 21.1.2網(wǎng)頁的基本術(shù)語 31.1.3靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁 61.2 網(wǎng)頁編輯器和屏幕分辨率 61.2.1網(wǎng)頁編輯器 71.2.2屏幕分辨率 71.3 網(wǎng)站制作的基本流程 81.3.1前期策劃 81.3.2收集素材 81.3.3頁面的版式和布局分析 81.3.4確定網(wǎng)站的主色調(diào) 101.3.5設(shè)計頁面整體 101.3.6其他頁面元素的設(shè)計 111.3.7切割和優(yōu)化頁面 111.3.8制作HTML頁面 111.3.9測試并上傳網(wǎng)站 121.3.10網(wǎng)站的更新與維護(hù) 121.4 網(wǎng)頁的色彩特效 121.4.1網(wǎng)頁色彩的特性 121.4.2網(wǎng)頁安全色 131.4.3色彩模式 131.4.4網(wǎng)頁配色的基本規(guī)則 141.4.5網(wǎng)頁配色中的文本顏色 151.4.6網(wǎng)頁配色中各元素的關(guān)系 161.5 專家支招 161.5.1網(wǎng)頁設(shè)計師有哪些基本要求 161.5.2建設(shè)一個網(wǎng)站都需要準(zhǔn)備什么 171.6 總結(jié)擴(kuò)展 171.6.1本章小結(jié) 171.6.2舉一反三——網(wǎng)頁設(shè)計師需要的基本素質(zhì)有哪些 182.1 安裝Dreamweaver CC 192.1.1 Dreamweaver CC的系統(tǒng)要求 192.1.2 Dreamweaver CC的安裝 19應(yīng)用案例——安裝Dreamweaver CC 202.1.3啟動Dreamweaver CC 212.2 Dreamweaver CC新增功能 212.2.1簡化的用戶界面 222.2.2“新建文檔”對話框 222.2.3 Dreamweaver與Creative Cloud云同步 222.2.4全新的“插入”面板 232.2.5全新的“CSS設(shè)計器”面板 232.2.6新增HTML5畫布插入按鈕 232.2.7新增網(wǎng)頁結(jié)構(gòu)元素 232.2.8新增HTML5音頻和視頻插入按鈕 242.2.9支持導(dǎo)入Adobe Edge Animate作品 242.2.10新增HTML5表單輸入類型 242.2.11新增適用于jQuery Mobile的表單元素 242.2.12 jQuery Widget 252.2.13集成Edge Web Fonts 252.2.14支持全新的平臺 252.2.15增強(qiáng)表單元素對HTML5的支持 252.2.16增強(qiáng)FTP 262.3 使用Dreamweaver CC工作區(qū) 262.3.1在文檔窗口工作 272.3.2使用工具欄、檢查器和快捷菜單 292.3.3自定義Dreamweaver工作區(qū) 29應(yīng)用案例——自定義工作區(qū) 312.3.4使用鍵盤快捷鍵 33應(yīng)用案例——自定義鍵盤快捷鍵 342.3.5添加管理擴(kuò)展功能 35應(yīng)用案例——添加擴(kuò)展功能 352.4 Dreamweaver 工作流程 36 2.5 使用可視化助理布局 372.5.1使用標(biāo)尺 372.5.2網(wǎng)格的設(shè)置 382.5.3使用輔助線 392.5.4使用跟蹤圖像 402.6 專家支招 412.6.1網(wǎng)頁設(shè)計的常用尺寸 412.6.2定義不同工作環(huán)境的作用 412.7 總結(jié)擴(kuò)展 412.7.1本章小結(jié) 412.7.2舉一反三——Dreamweaver CC 的卸載 423.1 建立站點 433.1.1方便快捷地建立站點 43應(yīng)用案例——創(chuàng)建站點 443.1.2設(shè)置站點服務(wù)器 443.1.3設(shè)置站點服務(wù)器選項 453.1.4設(shè)置版本控制 483.1.5站點的高級設(shè)置 493.1.6新建Business Catalyst 站點 523.2 站點管理 533.2.1切換站點 533.2.2“管理站點”對話框 54應(yīng)用案例——新建并管理站點 553.2.3規(guī)劃站點結(jié)構(gòu) 55應(yīng)用案例——設(shè)置站點遠(yuǎn)程服務(wù)器 563.3 構(gòu)建站點結(jié)構(gòu) 573.3.1創(chuàng)建和打開文檔 573.3.2管理文件和文件夾 603.3.3重命名和刪除文件 603.3.4存回和取出文件 603.3.5同步文件 613.3.6比較文件的差別 623.3.7測試站點 62應(yīng)用案例——創(chuàng)建站點文件結(jié)構(gòu) 633.4 專家支招 643.4.1什么是本地站點和遠(yuǎn)程站點 643.4.2如何進(jìn)行站點的管理 643.5 總結(jié)擴(kuò)展 643.5.1本章小結(jié) 653.5.2舉一反三——備份站點并導(dǎo)入站點 654.1 HTML的技術(shù)介紹 674.1.1認(rèn)識HTML語言 674.1.2 HTML文檔的基本結(jié)構(gòu) 68應(yīng)用案例——創(chuàng)建簡單的HTML頁面 694.1.3 HTML標(biāo)簽形式 704.2 常用的重要標(biāo)簽 714.2.1文件結(jié)構(gòu)標(biāo)簽 714.2.2字符格式標(biāo)簽 724.2.3區(qū)段格式標(biāo)簽 724.2.4表格標(biāo)簽 734.2.5列表標(biāo)簽 734.2.6鏈接標(biāo)簽 744.2.7表單標(biāo)簽 744.2.8多媒體標(biāo)簽 75應(yīng)用案例——為網(wǎng)頁添加音樂播放器 754.3 全新的HTML5 764.3.1 HTML 5標(biāo)簽 76應(yīng)用案例——為網(wǎng)頁添加視頻 794.3.2全局屬性 804.3.3事件屬性 814.3.4字符引用 824.4 為文檔添加注釋 834.5 關(guān)于空白和空白字符 844.5.1使用斷行符 844.5.2空白字符 854.6 在Dmeamweaver CC中編寫HTML 854.6.1認(rèn)識代碼視圖 864.6.2使用代碼視圖 874.6.3代碼的折疊 884.6.4選擇父標(biāo)簽 884.6.5代碼的注釋 894.6.6環(huán)繞標(biāo)簽 89應(yīng)用案例——使用“環(huán)繞標(biāo)簽”創(chuàng)建超鏈接 894.7 使用快速標(biāo)簽編輯器 904.7.1使用插入模式的快速標(biāo)簽編輯器 904.7.2使用編輯模式的快速標(biāo)簽編輯器 904.7.3使用環(huán)繞模式的快速標(biāo)簽編輯器 914.7.4設(shè)置標(biāo)簽編輯器屬性 914.8 站點特定代碼提示 914.8.1創(chuàng)建配置文件 924.8.2保存站點結(jié)構(gòu) 934.9 優(yōu)化和清理HTML代碼 934.9.1優(yōu)化HTML代碼 934.9.2清理Word生成的HTML代碼 94應(yīng)用案例——清理Word生成的HTML 954.10 使用“代碼片段”面板 954.10.1插入代碼片段 954.10.2新建代碼片段 964.11 HTML與CSS 964.12 HTML與JavaScript 974.12.1什么是JavaScript 974.12.1 JavaScript放在HTML中的位置 974.13 專家支招 984.13.1如何理解HTML的標(biāo)簽、屬性和事件 984.13.2英文不好可以學(xué)習(xí)HTML嗎 984.14 總結(jié)擴(kuò)展 994.14.1本章小結(jié) 994.14.2舉一反三——制作一個簡單的廣告頁面 995.1 設(shè)置頁面的頭部內(nèi)容 1005.1.1設(shè)置標(biāo)題 1005.1.2 設(shè)置META 1015.1.3插入關(guān)鍵字 103應(yīng)用案例——向頁面添加關(guān)鍵字 1035.1.4插入說明 104應(yīng)用案例——向頁面添加說明 1045.1.5插入視口 105應(yīng)用案例——向頁面添加視口 1055.2 設(shè)置網(wǎng)頁基本屬性 1055.2.1設(shè)置外觀（CSS） 105應(yīng)用案例——設(shè)置頁面字體 107應(yīng)用案例——設(shè)置頁面外觀（CSS） 1085.2.2設(shè)置外觀（HTML） 109應(yīng)用案例——設(shè)置頁面外觀（HTML） 1095.2.3設(shè)置鏈接（CSS） 110應(yīng)用案例——設(shè)置頁面鏈接（CSS） 1105.2.4設(shè)置標(biāo)題（CSS） 1115.2.5設(shè)置標(biāo)題/編碼 1125.2.6設(shè)置跟蹤圖像 112應(yīng)用案例——設(shè)置頁面跟蹤圖像 1135.3 專家支招 1145.3.1如何手寫頭部信息 1145.3.2網(wǎng)頁基本屬性對網(wǎng)頁有什么影響 1145.4 總結(jié)擴(kuò)展 1145.4.1本章小結(jié) 1155.4.2舉一反三——設(shè)置網(wǎng)頁的頭部信息 1156.1 認(rèn)識CSS樣式表 1166.1.1什么是CSS 1166.1.2 CSS的優(yōu)越性 1176.1.3 CSS樣式的類型 1176.1.4 CSS樣式的分類 1196.2 使用“CSS設(shè)計器”面板 1206.2.1源 1206.2.2 @媒體 1226.2.3選擇器 1226.2.4屬性 1226.3 關(guān)于響應(yīng)式設(shè)計 1236.3.1媒體查詢 1236.3.2有用的媒體特性 1246.3.3常見的媒體查詢 1266.3.4應(yīng)用媒體查詢的方法 1266.4 創(chuàng)建與編輯CSS樣式 1276.4.1建立標(biāo)簽樣式 127應(yīng)用案例——建立標(biāo)簽CSS樣式 1276.4.2建立類樣式 128應(yīng)用案例——建立類CSS樣式 1286.4.3建立ID樣式 129應(yīng)用案例——建立ID CSS樣式 1296.4.4建立復(fù)合內(nèi)容樣式 130應(yīng)用案例——建立復(fù)合內(nèi)容 CSS樣式 1306.4.5鏈接外部樣式表 1316.4.6編輯樣式 131應(yīng)用案例——編輯CSS樣式 1326.5 在面板中設(shè)置CSS樣式 1336.5.1布局樣式設(shè)置 133應(yīng)用案例——搭建頁面布局 1356.5.2文本樣式設(shè)置 136應(yīng)用案例——控制頁面中的文本 1376.5.3邊框樣式設(shè)置 1386.5.4背景樣式設(shè)置 139應(yīng)用案例——使用背景豐富頁面 1396.5.5其他樣式設(shè)置 1406.6 CSS的語法結(jié)構(gòu) 1416.6.1 CSS屬性與選擇符 1416.6.2選擇符的類型 1426.6.3偽類及偽對象