Dreamweaver CC網(wǎng)頁(yè)設(shè)計(jì)實(shí)戰(zhàn)從入門(mén)到精通（視頻教學(xué)版）

第1篇 基礎(chǔ)知識(shí)第1章　開(kāi)啟網(wǎng)頁(yè)設(shè)計(jì)之路——網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ)1.1 認(rèn)識(shí)網(wǎng)頁(yè)和網(wǎng)站 41.1.1　什么是網(wǎng)頁(yè) 41.1.2　什么是網(wǎng)站 51.1.3　網(wǎng)站的種類(lèi)和特點(diǎn) 51.2 網(wǎng)頁(yè)的相關(guān)概念 61.2.1　因特網(wǎng)與萬(wàn)維網(wǎng) 61.2.2　瀏覽器與HTML 61.2.3　URL、域名與IP地址 71.2.4　上傳和下載 81.3 網(wǎng)頁(yè)的HTML構(gòu)成 81.3.1　文檔標(biāo)簽 91.3.2　頭部標(biāo)簽 91.3.3　主體標(biāo)簽 91.4 HTML常用標(biāo)簽 91.5 實(shí)戰(zhàn)演練——制作日程表 211.6 高手甜點(diǎn) 251.7 跟我練練手 26第2章　磨刀不誤砍柴工——認(rèn)識(shí)Dreamweaver CC72.1 走進(jìn)DreamweaverCC 282.1.1　案例1——安裝DreamweaverCC 282.1.2　案例2——啟動(dòng)DreamweaverCC 292.2 Dreamweaver CC的工作環(huán)境 302.2.1　認(rèn)識(shí)Dreamweaver CC的工作界面 302.2.2　熟悉【插入】面板組 322.3 體驗(yàn)DreamweaverCC的新增功能 342.4 認(rèn)識(shí)站點(diǎn) 362.5 創(chuàng)建站點(diǎn) 362.5.1　案例3——創(chuàng)建本地站點(diǎn) 372.5.2　案例4——創(chuàng)建遠(yuǎn)程站點(diǎn) 372.6 管理站點(diǎn) 382.6.1　案例5——打開(kāi)站點(diǎn) 382.6.2　案例6——編輯站點(diǎn) 392.6.3　案例7——刪除站點(diǎn) 392.6.4　案例8——復(fù)制站點(diǎn) 402.7 操作站點(diǎn)文件及文件夾 402.7.1　案例9——創(chuàng)建文件夾 402.7.2　案例10——創(chuàng)建文件 412.7.3　案例11——文件或文件夾的移動(dòng)和復(fù)制 412.7.4　案例12——刪除文件或文件夾 422.8 實(shí)戰(zhàn)演練1——創(chuàng)建本地站點(diǎn) 422.9 實(shí)戰(zhàn)演練2——創(chuàng)建站點(diǎn)文件和文件夾 432.10 高手甜點(diǎn) 452.11 跟我練練手 46第3章　網(wǎng)頁(yè)內(nèi)容之美——創(chuàng)建網(wǎng)頁(yè)中的文本3.1 網(wǎng)頁(yè)設(shè)計(jì)的基本操作 483.1.1　案例1——新建網(wǎng)頁(yè) 483.1.2　案例2——保存網(wǎng)頁(yè) 483.1.3　案例3——打開(kāi)網(wǎng)頁(yè) 493.1.4　案例4——預(yù)覽網(wǎng)頁(yè) 493.2 設(shè)置頁(yè)面屬性 503.3 用文字充實(shí)網(wǎng)頁(yè) 543.3.1　案例5——插入文字 543.3.2　案例6——設(shè)置字體 553.3.3　案例7——設(shè)置字號(hào) 573.3.4　案例8——設(shè)置字體顏色 573.3.5　案例9——設(shè)置字體樣式 583.3.6　案例10——編輯段落 593.3.7　案例11——檢查拼寫(xiě) 643.3.8　案例12——創(chuàng)建項(xiàng)目列表 653.4 特殊文本的操作 673.4.1　案例13——插入換行符 673.4.2　案例14——插入水平線 673.4.3　案例15——插入日期 683.4.4　案例16——插入特殊字符 693.4.5　案例17——插入注釋 703.5 實(shí)戰(zhàn)演練——設(shè)置主頁(yè)中的跟蹤圖像 713.6 高手甜點(diǎn) 733.7 跟我練練手 74第2篇 核心技術(shù)第4章　有圖有真相——使用圖像和多媒體4.1 選擇適合網(wǎng)頁(yè)中圖像的格式 784.2 用圖像美化網(wǎng)頁(yè) 794.2.1　案例1——插入圖像 794.2.2　案例2——圖像屬性設(shè)置 804.2.3　案例3——圖像的對(duì)齊方式 824.2.4　案例4——插入鼠標(biāo)經(jīng)過(guò)圖像 834.2.5　案例5——插入圖像占位符 844.3 在網(wǎng)頁(yè)中插入多媒體 854.3.1　案例6——插入背景音樂(lè) 854.3.2　案例7——插入Flash動(dòng)畫(huà) 86 4.3.3　案例8——插入FLV 874.3.4　案例9——插入HTML5音頻 884.3.5　案例10——插入HTML5視頻 894.4　實(shí)戰(zhàn)演練——制作圖文并茂的網(wǎng)頁(yè) 904.5 高手甜點(diǎn) 924.6 跟我練練手 92第5章　Web新面孔——HTML5新增元素與屬性速覽5.1 新增的主體結(jié)構(gòu)元素 945.1.1　案例1——section元素 945.1.2　案例2——article元素 945.1.3　案例3——aside元素 975.1.4　案例4——nav元素 985.1.5　案例5——time元素 1005.2 新增的非主體結(jié)構(gòu)元素 1015.2.1　案例6——header元素 1015.2.2　案例7——hgroup元素 1025.2.3　案例8——footer元素 1035.2.4　案例9——figure元素 1045.2.5　案例10——address元素 1055.3 新增其他常用元素 1075.3.1　案例11——mark元素 1075.3.2　案例12——rp、rt與ruby元素 1075.3.3　案例13——progress元素 1085.3.4　案例14——command元素 1095.3.5　案例15——embed元素 1095.3.6　案例16——details與summary元素 1105.3.7　案例17——datalist元素 1105.4 新增的全局屬性 1115.4.1　案例18——contentEditable屬性 1115.4.2　案例19——spellcheck屬性 1125.4.3　案例20——tabIndex屬性 1125.5 新增的其他屬性與廢除的屬性 1145.5.1　案例21——表單相關(guān)的屬性 1145.5.2　案例22——鏈接相關(guān)屬性 1195.5.3　案例23——其他新增屬性 1215.5.4　案例24——HTML5廢除的屬性 1215.6 實(shí)戰(zhàn)演練——制作HTML5的網(wǎng)頁(yè) 1235.7 高手甜點(diǎn) 1255.8 跟我練練手 126第6章　不在網(wǎng)頁(yè)中迷路——設(shè)計(jì)網(wǎng)頁(yè)超鏈接6.1 鏈接與路徑 1286.1.1　鏈接的概念 1286.1.2　鏈接的路徑 1286.1.3　鏈接的類(lèi)型 1296.2 添加網(wǎng)頁(yè)超鏈接 1306.2.1　案例1——添加文本鏈接 1306.2.2　案例2——添加圖像鏈接 1316.2.3　案例3——創(chuàng)建外部鏈接 1326.2.4　案例4——創(chuàng)建錨記鏈接 1326.2.5　案例5——創(chuàng)建圖像熱點(diǎn)鏈接 1336.2.6　案例6——創(chuàng)建電子郵件鏈接 1346.2.7　案例7——創(chuàng)建下載文件的鏈接 1356.2.8　案例8——創(chuàng)建空鏈接 1366.2.9　案例9——創(chuàng)建腳本鏈接 1366.2.10 案例10——鏈接的檢查 1376.3 實(shí)戰(zhàn)演練——為企業(yè)網(wǎng)站添加友情鏈接 1386.4 高手甜點(diǎn) 1396.5 跟我練練手 139第7章　簡(jiǎn)單的網(wǎng)頁(yè)布局——表格的應(yīng)用7.1 插入表格 1427.2 選擇表格 1437.2.1　案例1——選擇完整的表格 1437.2.2　案例2——選擇行和列 1447.2.3　案例3——選擇單元格 1447.3 表格屬性 1457.3.1　案例4——設(shè)置單元格屬性 1457.3.2　案例5——設(shè)置整個(gè)表格屬性 1467.4 操作表格 1477.4.1　案例6——調(diào)整大小 1477.4.2　案例7——增加行、列 1477.4.3　案例8——刪除行、列 1497.4.4　案例9——剪切、復(fù)制和粘貼單元格 1497.4.5　案例10——合并和拆分單元格 1507.5　操作表格數(shù)據(jù) 1517.5.1　案例11——向表格中輸入文本 1517.5.2　案例12——向表格中插入圖像 1517.5.3　案例13——表格數(shù)據(jù)的排序 1527.5.4　案例14——導(dǎo)入表格數(shù)據(jù) 1537.5.5　案例15——導(dǎo)出表格數(shù)據(jù) 1537.6 實(shí)戰(zhàn)演練——使用表格布局網(wǎng)頁(yè) 1547.7 高手甜點(diǎn) 1577.8 跟我練練手 158第8章　讓網(wǎng)頁(yè)互動(dòng)起來(lái)——使用網(wǎng)頁(yè)表單和行為8.1 認(rèn)識(shí)表單 1608.2 在網(wǎng)頁(yè)中插入表單元素 1608.2.1　案例1——插入表單域 1618.2.2　案例2——插入文本域 1618.2.3　案例3——插入密碼域 1638.3 在網(wǎng)頁(yè)中插入復(fù)選框和單選按鈕 1648.3.1　案例4——插入復(fù)選框 1648.3.2　案例5——插入單選按鈕 1658.4 制作網(wǎng)頁(yè)菜單和列表 1658.4.1　案例6——插入下拉菜單 1658.4.2　案例7——插入滾動(dòng)列表 1668.5 在網(wǎng)頁(yè)中插入按鈕 1678.5.1　案例8——插入按鈕 1678.5.2　案例9——插入圖像按鈕 1678.6 插入文件上傳域 1688.7 添加網(wǎng)頁(yè)行為 1698.7.1　案例10——打開(kāi)【行為】面板 1698.7.2　案例11——添加行為 1708.8 常用行為的應(yīng)用 1708.8.1　案例12——交換圖像 1718.8.2　案例13——彈出信息 1728.8.3　案例14——打開(kāi)瀏覽器窗口 1738.8.4　案例15——檢查表單行為 1758.8.5　案例16——設(shè)置狀態(tài)欄文本 1778.9 實(shí)戰(zhàn)演練——使用表單制作留言本 1788.10 高手甜點(diǎn) 1818.11 跟我練練手 182第9章　批量制作風(fēng)格統(tǒng)一的網(wǎng)頁(yè)——使用模板和庫(kù)9.1 創(chuàng)建模板 1849.1.1　案例1——在空白文檔中創(chuàng)建模板 1849.1.2　案例2——在【資源】面板中創(chuàng)建模板 1849.1.3　案例3——從現(xiàn)有文檔創(chuàng)建模板 1859.1.4　案例4——創(chuàng)建可編輯區(qū)域 1869.2 管理模板 1879.2.1　案例5——從模板中分離文檔 1879.2.2　案例6——更新模板及基于模板的網(wǎng)頁(yè) 1889.3 庫(kù)概述 1899.4 庫(kù)的創(chuàng)建、管理與應(yīng)用 1909.4.1　案例7——創(chuàng)建庫(kù)項(xiàng)目 1909.4.2　案例8——庫(kù)項(xiàng)目的應(yīng)用 1919.4.3　案例9——編輯庫(kù)項(xiàng)目 1929.5 實(shí)戰(zhàn)演練——創(chuàng)建基于模板的頁(yè)面 1949.6　高手甜點(diǎn) 1969.7　跟我練練手 196第3篇 高級(jí)應(yīng)用第10章　讀懂樣式表密碼——使用CSS樣式表美化網(wǎng)頁(yè)10.1 初識(shí)CSS 20010.1.1　CSS概述 20010.1.2　CSS的作用 20010.1.3　基本CSS語(yǔ)法 20110.1.4　案例1——使用DreamweaverCC 編寫(xiě)CSS 20110.2 使用CSS的方法 20310.2.1　案例2——行內(nèi)樣式 20310.2.2　案例3——內(nèi)嵌樣式 20310.2.3　案例4——鏈接樣式 20410.2.4　案例5——導(dǎo)入樣式 20510.2.5　案例6——優(yōu)先級(jí)問(wèn)題 20610.3 使用CSS樣式美化網(wǎng)頁(yè) 20810.3.1　案例7——使用字體樣式美化文字 20810.3.2　案例8——使用文本樣式美化文本 21210.3.3　案例9——使用背景樣式美化背景 21510.3.4　案例10——使用鏈接樣式美化鏈接 21810.3.5　案例11——使用列表樣式美化列表 21910.3.6　案例12——使用區(qū)塊樣式美化區(qū)塊 22110.3.7　案例13——使用寬高樣式設(shè)定寬高 22210.3.8　案例14——使用邊框樣式美化邊框 22310.4 實(shí)戰(zhàn)演練——設(shè)定網(wǎng)頁(yè)中鏈接樣式 22510.5 高手甜點(diǎn) 22810.6 跟我練練手 228第11章　架構(gòu)師的大比拼——網(wǎng)頁(yè)布局典型范例11.1 使用CSS排版 23011.1.1　案例1——將頁(yè)面用DIV分塊 23011.1.2　案例2——設(shè)置各塊位置 23011.1.3　案例3——用CSS定位 23011.2 固定寬度網(wǎng)頁(yè)剖析與布局 23311.2.1　案例4——網(wǎng)頁(yè)單列布局模式 23311.2.2　案例5——網(wǎng)頁(yè)1-2-1型布局模式 23711.2.3　案例6——網(wǎng)頁(yè)1-3-1型布局模式 24011.3 自動(dòng)縮放網(wǎng)頁(yè)1-2-1型布局模式 24411.3.1　案例7——“1-2-1”等比例變寬布局 24411.3.2　案例8——“1-2-1”單列變寬布局 24511.4 自動(dòng)縮放網(wǎng)頁(yè)1-3-1型布局模式 24611.4.1　案例9——“1-3-1”三列寬度等比例布局 24611.4.2　案例10——“1-3-1”單側(cè)列寬度固定的 變寬布局 24611.4.3　案例11——“1-3-1”中間列寬度固定的　 變寬布局 24911.4.4　案例12——“1-3-1”雙側(cè)列寬度固定的 變寬布局 25211.4.5　案例13——“1-3-1”中列和側(cè)列寬度 固定的變寬布局 25511.5 實(shí)戰(zhàn)演練——使用CSS設(shè)定網(wǎng)頁(yè)布局 列的背景色 25811.6 高手甜點(diǎn) 25911.7 跟我練練手 260第12章　讓網(wǎng)頁(yè)更絢麗——在網(wǎng)頁(yè)中編寫(xiě)JavaScript12.1 認(rèn)識(shí)JavaScript 26212.1.1　什么是JavaScript 26212.1.2　JavaScript的特點(diǎn) 26212.2 JavaScript 在HTML中的使用 26312.2.1　案例1——在HTML網(wǎng)頁(yè)頭中嵌入 JavaScript代碼 26312.2.2　案例2——在HTML網(wǎng)頁(yè)中嵌入 JavaScript代碼 26412.2.3　案例3——在HTML網(wǎng)頁(yè)的元素事件中嵌 入JavaScript代碼 26512.2.4　案例4——在HTML中調(diào)用已經(jīng)存在的 JavaScript文件 26612.2.5　案例5——通過(guò)JavaScript偽URL引入 JavaScript腳本代碼 26712.3　JavaScript的基本語(yǔ)法 26812.3.1　執(zhí)行順序 26812.3.2　區(qū)分大小寫(xiě) 26812.3.3　分號(hào)與空格 26812.3.4　對(duì)代碼行進(jìn)行折行 26912.3.5　案例6——注釋 26912.4 JavaScript 的數(shù)據(jù)結(jié)構(gòu) 27012.4.1　標(biāo)識(shí)符 27012.4.2　關(guān)鍵字 27112.4.3　保留字 27112.4.4　常量 27212.4.5　變量 27212.5　案例7——使用函數(shù) 27412.6 JavaScript的常用事件 27512.6.1　案例8——頁(yè)面事件 27512.6.2　案例9——鼠標(biāo)事件 27612.6.3　案例10——鍵盤(pán)事件 27712.6.4　案例11——表單處理事件 27912.7 實(shí)戰(zhàn)演練——使用事件動(dòng)態(tài)改變圖片 的焦點(diǎn) 28112.8 高手甜點(diǎn) 28212.9 跟我練練手 282第13章　讓別人瀏覽我的成果——網(wǎng)站的發(fā)布13.1　上傳網(wǎng)站前的準(zhǔn)備工作 28413.1.1　注冊(cè)域名 28413.1.2　申請(qǐng)空間 28513.2 測(cè)試網(wǎng)站 28613.2.1　案例1——測(cè)試站點(diǎn)范圍的鏈接 28613.2.2　案例2——改變站點(diǎn)范圍的鏈接 28613.2.3　案例3——查找和替換 28713.2.4　案例4——清理文檔 28813.3 上傳網(wǎng)站 28913.3.1　案例5——使用DreamweaverCC上傳網(wǎng)站 28913.3.2　案例6——使用FTP工具上傳網(wǎng)站 29013.4 高手甜點(diǎn) 29213.5 跟我練練手 293第14章　整體把握網(wǎng)站結(jié)構(gòu)——網(wǎng)站配色與布局14.1　善用色彩設(shè)計(jì)網(wǎng)頁(yè) 29614.1.1　認(rèn)識(shí)色彩 29614.1.2　案例1——網(wǎng)頁(yè)上的色彩處理 29714.2 網(wǎng)頁(yè)色彩的搭配 30014.2.1　案例2——確定網(wǎng)站的主題色 30014.2.2　案例3——網(wǎng)頁(yè)色彩搭配原理 30114.2.3　案例4——網(wǎng)頁(yè)中色彩的搭配 30314.2.4　案例5——網(wǎng)頁(yè)元素的色彩搭配 30414.2.5　案例6——網(wǎng)頁(yè)色彩搭配的技巧 30514.3 布局網(wǎng)站板塊結(jié)構(gòu) 30614.3.1　案例7——“國(guó)”字型 30714.3.2　案例8——標(biāo)題正文型 30714.3.3　案例9——左右框架型 30714.3.4　案例10——上下框架型 30714.3.5　案例11——綜合框架型 30814.3.6　案例12——封面型 30814.3.7　案例13——Flash型 30814.4 網(wǎng)站配色應(yīng)用案例 30814.4.1　案例14——網(wǎng)絡(luò)購(gòu)物網(wǎng)站色彩應(yīng)用 30814.4.2　案例15——游戲網(wǎng)站色彩應(yīng)用 30914.4.3　案例16——企業(yè)門(mén)戶(hù)網(wǎng)站色彩應(yīng)用 31014.4.4　案例17——時(shí)政新聞網(wǎng)站色彩應(yīng)用 31114.4.5　案例18——影音視頻網(wǎng)站色彩應(yīng)用 31114.4.6　案例19——電子商務(wù)網(wǎng)站色彩應(yīng)用 31214.4.7　案例20——娛樂(lè)網(wǎng)站色彩應(yīng)用 31214.5　實(shí)戰(zhàn)演練——定位網(wǎng)站頁(yè)面的框架 31314.6　高手甜點(diǎn) 31414.7 跟我練練手 314第4篇 行業(yè)應(yīng)用案例第15章　行業(yè)綜合案例1——制作電子商務(wù)類(lèi)網(wǎng)頁(yè)15.1 整體布局 31815.1.1　設(shè)計(jì)分析 31815.1.2　排版架構(gòu) 31815.2 模塊組成 31915.3 制作步驟 31915.3.1　樣式表 31915.3.2　網(wǎng)頁(yè)頭部 32515.3.3　主體第一通欄 32815.3.4　主體第二通欄 32815.3.5　主體第三通欄 32915.3.6　網(wǎng)頁(yè)底部 331第16章　行業(yè)綜合案例2——制作網(wǎng)上音樂(lè)類(lèi)網(wǎng)頁(yè)16.1 構(gòu)思布局 33616.1.1　設(shè)計(jì)分析 33616.1.2　排版架構(gòu) 33616.2 模塊分割 33816.2.1　頁(yè)頭部分 33816.2.2　左側(cè)內(nèi)容列表 34016.2.3　中間內(nèi)容列表 34216.2.4　右側(cè)內(nèi)容列表 34416.2.5　頁(yè)腳部分 34616.3 整體調(diào)整 34616.3.1　頁(yè)面內(nèi)容主體調(diào)整 34616.3.2　頁(yè)面整體調(diào)整 347第17章　行業(yè)綜合案例3——制作休閑娛樂(lè)類(lèi)網(wǎng)頁(yè)17.1 整體布局 35017.1.1　設(shè)計(jì)分析 35017.1.2　排版架構(gòu) 35117.2 模塊組成 35117.3 制作步驟 35217.3.1　制作樣式表 35217.3.2　Logo與導(dǎo)航菜單 35917.3.3　搜索條 35917.3.4　左側(cè)視頻模塊 36017.3.5　評(píng)論模塊 36117.3.6　右側(cè)熱門(mén)推薦 36217.3.7　底部模塊 365第18章　行業(yè)綜合案例4——制作移動(dòng)設(shè)備類(lèi)網(wǎng)頁(yè)18.1 網(wǎng)站設(shè)計(jì)分析 36818.2 網(wǎng)站結(jié)構(gòu)分析 36818.3 網(wǎng)站主頁(yè)面的制作 36918.4 網(wǎng)站成品預(yù)覽 370第5篇 全能拓展第19章　增加點(diǎn)擊率——網(wǎng)站優(yōu)化與推廣19.1 在網(wǎng)站中添加廣告 38019.1.1　網(wǎng)站廣告分類(lèi) 38019.1.2　添加網(wǎng)站廣告 38119.2　添加實(shí)用查詢(xún)工具 38219.2.1　添加天氣預(yù)報(bào) 38219.2.2　添加IP查詢(xún) 38319.2.3　添加萬(wàn)年歷 38319.2.4　添加列車(chē)時(shí)刻查詢(xún) 38419.3 網(wǎng)站的宣傳與推廣 38519.3.1　網(wǎng)站宣傳實(shí)用策略 38519.3.2　利用大眾傳媒進(jìn)行推廣 38619.3.3　利用網(wǎng)絡(luò)媒介進(jìn)行推廣 38619.3.4　利用其他形式進(jìn)行推廣 38819.4 實(shí)戰(zhàn)演練——查看網(wǎng)站的流量 38819.5 高手甜點(diǎn) 39119.6 跟我練練手 391第20章　打造堅(jiān)實(shí)的堡壘——網(wǎng)站安全與防御20.1 網(wǎng)站維護(hù)基礎(chǔ)知識(shí) 39420.1.1　網(wǎng)站的維護(hù)與安全 39420.1.2　常見(jiàn)的網(wǎng)站攻擊方式 39520.2 網(wǎng)站安全防御策略 39620.2.1　案例1——檢測(cè)上傳文件的安全性 39620.2.2　案例2——設(shè)置網(wǎng)站訪問(wèn)權(quán)限 39720.3 高手甜點(diǎn) 39920.4 跟我練練手 400