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

第1章 了解網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ) 11.1 網(wǎng)頁(yè)的概述 11.1.1網(wǎng)頁(yè)的基本要素 21.1.2網(wǎng)頁(yè)的基本術(shù)語(yǔ) 31.1.3靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè) 61.2 網(wǎng)頁(yè)編輯器和屏幕分辨率 61.2.1網(wǎng)頁(yè)編輯器 71.2.2屏幕分辨率 71.3 網(wǎng)站制作的基本流程 81.3.1前期策劃 81.3.2收集素材 81.3.3頁(yè)面的版式和布局分析 81.3.4確定網(wǎng)站的主色調(diào) 101.3.5設(shè)計(jì)頁(yè)面整體 101.3.6其他頁(yè)面元素的設(shè)計(jì) 111.3.7切割和優(yōu)化頁(yè)面 111.3.8制作HTML頁(yè)面 111.3.9測(cè)試并上傳網(wǎng)站 121.3.10網(wǎng)站的更新與維護(hù) 121.4 網(wǎng)頁(yè)的色彩特效 121.4.1網(wǎng)頁(yè)色彩的特性 121.4.2網(wǎng)頁(yè)安全色 131.4.3色彩模式 131.4.4網(wǎng)頁(yè)配色的基本規(guī)則 141.4.5網(wǎng)頁(yè)配色中的文本顏色 151.4.6網(wǎng)頁(yè)配色中各元素的關(guān)系 161.5 專(zhuān)家支招 161.5.1網(wǎng)頁(yè)設(shè)計(jì)師有哪些基本要求 161.5.2建設(shè)一個(gè)網(wǎng)站都需要準(zhǔn)備什么 171.6 總結(jié)擴(kuò)展 171.6.1本章小結(jié) 171.6.2舉一反三——網(wǎng)頁(yè)設(shè)計(jì)師需要的基本素質(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啟動(dòng)Dreamweaver CC 212.2 Dreamweaver CC新增功能 212.2.1簡(jiǎn)化的用戶(hù)界面 222.2.2“新建文檔”對(duì)話框 222.2.3 Dreamweaver與Creative Cloud云同步 222.2.4全新的“插入”面板 232.2.5全新的“CSS設(shè)計(jì)器”面板 232.2.6新增HTML5畫(huà)布插入按鈕 232.2.7新增網(wǎng)頁(yè)結(jié)構(gòu)元素 232.2.8新增HTML5音頻和視頻插入按鈕 242.2.9支持導(dǎo)入Adobe Edge Animate作品 242.2.10新增HTML5表單輸入類(lèi)型 242.2.11新增適用于jQuery Mobile的表單元素 242.2.12 jQuery Widget 252.2.13集成Edge Web Fonts 252.2.14支持全新的平臺(tái) 252.2.15增強(qiáng)表單元素對(duì)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使用鍵盤(pán)快捷鍵 33應(yīng)用案例——自定義鍵盤(pán)快捷鍵 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 專(zhuān)家支招 412.6.1網(wǎng)頁(yè)設(shè)計(jì)的常用尺寸 412.6.2定義不同工作環(huán)境的作用 412.7 總結(jié)擴(kuò)展 412.7.1本章小結(jié) 412.7.2舉一反三——Dreamweaver CC 的卸載 423.1 建立站點(diǎn) 433.1.1方便快捷地建立站點(diǎn) 43應(yīng)用案例——?jiǎng)?chuàng)建站點(diǎn) 443.1.2設(shè)置站點(diǎn)服務(wù)器 443.1.3設(shè)置站點(diǎn)服務(wù)器選項(xiàng) 453.1.4設(shè)置版本控制 483.1.5站點(diǎn)的高級(jí)設(shè)置 493.1.6新建Business Catalyst 站點(diǎn) 523.2 站點(diǎn)管理 533.2.1切換站點(diǎn) 533.2.2“管理站點(diǎn)”對(duì)話框 54應(yīng)用案例——新建并管理站點(diǎn) 553.2.3規(guī)劃站點(diǎn)結(jié)構(gòu) 55應(yīng)用案例——設(shè)置站點(diǎn)遠(yuǎn)程服務(wù)器 563.3 構(gòu)建站點(diǎn)結(jié)構(gòu) 573.3.1創(chuàng)建和打開(kāi)文檔 573.3.2管理文件和文件夾 603.3.3重命名和刪除文件 603.3.4存回和取出文件 603.3.5同步文件 613.3.6比較文件的差別 623.3.7測(cè)試站點(diǎn) 62應(yīng)用案例——?jiǎng)?chuàng)建站點(diǎn)文件結(jié)構(gòu) 633.4 專(zhuān)家支招 643.4.1什么是本地站點(diǎn)和遠(yuǎn)程站點(diǎn) 643.4.2如何進(jìn)行站點(diǎn)的管理 643.5 總結(jié)擴(kuò)展 643.5.1本章小結(jié) 653.5.2舉一反三——備份站點(diǎn)并導(dǎo)入站點(diǎn) 654.1 HTML的技術(shù)介紹 674.1.1認(rèn)識(shí)HTML語(yǔ)言 674.1.2 HTML文檔的基本結(jié)構(gòu) 68應(yīng)用案例——?jiǎng)?chuàng)建簡(jiǎn)單的HTML頁(yè)面 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)頁(yè)添加音樂(lè)播放器 754.3 全新的HTML5 764.3.1 HTML 5標(biāo)簽 76應(yīng)用案例——為網(wǎng)頁(yè)添加視頻 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中編寫(xiě)HTML 854.6.1認(rèn)識(shí)代碼視圖 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 站點(diǎn)特定代碼提示 914.8.1創(chuàng)建配置文件 924.8.2保存站點(diǎn)結(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 專(zhuān)家支招 984.13.1如何理解HTML的標(biāo)簽、屬性和事件 984.13.2英文不好可以學(xué)習(xí)HTML嗎 984.14 總結(jié)擴(kuò)展 994.14.1本章小結(jié) 994.14.2舉一反三——制作一個(gè)簡(jiǎn)單的廣告頁(yè)面 995.1 設(shè)置頁(yè)面的頭部?jī)?nèi)容 1005.1.1設(shè)置標(biāo)題 1005.1.2 設(shè)置META 1015.1.3插入關(guān)鍵字 103應(yīng)用案例——向頁(yè)面添加關(guān)鍵字 1035.1.4插入說(shuō)明 104應(yīng)用案例——向頁(yè)面添加說(shuō)明 1045.1.5插入視口 105應(yīng)用案例——向頁(yè)面添加視口 1055.2 設(shè)置網(wǎng)頁(yè)基本屬性 1055.2.1設(shè)置外觀（CSS） 105應(yīng)用案例——設(shè)置頁(yè)面字體 107應(yīng)用案例——設(shè)置頁(yè)面外觀（CSS） 1085.2.2設(shè)置外觀（HTML） 109應(yīng)用案例——設(shè)置頁(yè)面外觀（HTML） 1095.2.3設(shè)置鏈接（CSS） 110應(yīng)用案例——設(shè)置頁(yè)面鏈接（CSS） 1105.2.4設(shè)置標(biāo)題（CSS） 1115.2.5設(shè)置標(biāo)題/編碼 1125.2.6設(shè)置跟蹤圖像 112應(yīng)用案例——設(shè)置頁(yè)面跟蹤圖像 1135.3 專(zhuān)家支招 1145.3.1如何手寫(xiě)頭部信息 1145.3.2網(wǎng)頁(yè)基本屬性對(duì)網(wǎng)頁(yè)有什么影響 1145.4 總結(jié)擴(kuò)展 1145.4.1本章小結(jié) 1155.4.2舉一反三——設(shè)置網(wǎng)頁(yè)的頭部信息 1156.1 認(rèn)識(shí)CSS樣式表 1166.1.1什么是CSS 1166.1.2 CSS的優(yōu)越性 1176.1.3 CSS樣式的類(lèi)型 1176.1.4 CSS樣式的分類(lèi) 1196.2 使用“CSS設(shè)計(jì)器”面板 1206.2.1源 1206.2.2 @媒體 1226.2.3選擇器 1226.2.4屬性 1226.3 關(guān)于響應(yīng)式設(shè)計(jì) 1236.3.1媒體查詢(xún) 1236.3.2有用的媒體特性 1246.3.3常見(jiàn)的媒體查詢(xún) 1266.3.4應(yīng)用媒體查詢(xún)的方法 1266.4 創(chuàng)建與編輯CSS樣式 1276.4.1建立標(biāo)簽樣式 127應(yīng)用案例——建立標(biāo)簽CSS樣式 1276.4.2建立類(lèi)樣式 128應(yīng)用案例——建立類(lèi)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)用案例——搭建頁(yè)面布局 1356.5.2文本樣式設(shè)置 136應(yīng)用案例——控制頁(yè)面中的文本 1376.5.3邊框樣式設(shè)置 1386.5.4背景樣式設(shè)置 139應(yīng)用案例——使用背景豐富頁(yè)面 1396.5.5其他樣式設(shè)置 1406.6 CSS的語(yǔ)法結(jié)構(gòu) 1416.6.1 CSS屬性與選擇符 1416.6.2選擇符的類(lèi)型 1426.6.3偽類(lèi)及偽對(duì)象