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

第1篇 基礎(chǔ)知識第1章　開啟網(wǎng)頁設(shè)計之路——網(wǎng)頁設(shè)計與制作基礎(chǔ)1.1 認識網(wǎng)頁和網(wǎng)站 41.1.1　什么是網(wǎng)頁 41.1.2　什么是網(wǎng)站 51.1.3　網(wǎng)站的種類和特點 51.2 網(wǎng)頁的相關(guān)概念 61.2.1　因特網(wǎng)與萬維網(wǎng) 61.2.2　瀏覽器與HTML 61.2.3　URL、域名與IP地址 71.2.4　上傳和下載 81.3 網(wǎng)頁的HTML構(gòu)成 81.3.1　文檔標簽 91.3.2　頭部標簽 91.3.3　主體標簽 91.4 HTML常用標簽 91.5 實戰(zhàn)演練——制作日程表 211.6 高手甜點 251.7 跟我練練手 26第2章　磨刀不誤砍柴工——認識Dreamweaver CC72.1 走進DreamweaverCC 282.1.1　案例1——安裝DreamweaverCC 282.1.2　案例2——啟動DreamweaverCC 292.2 Dreamweaver CC的工作環(huán)境 302.2.1　認識Dreamweaver CC的工作界面 302.2.2　熟悉【插入】面板組 322.3 體驗DreamweaverCC的新增功能 342.4 認識站點 362.5 創(chuàng)建站點 362.5.1　案例3——創(chuàng)建本地站點 372.5.2　案例4——創(chuàng)建遠程站點 372.6 管理站點 382.6.1　案例5——打開站點 382.6.2　案例6——編輯站點 392.6.3　案例7——刪除站點 392.6.4　案例8——復(fù)制站點 402.7 操作站點文件及文件夾 402.7.1　案例9——創(chuàng)建文件夾 402.7.2　案例10——創(chuàng)建文件 412.7.3　案例11——文件或文件夾的移動和復(fù)制 412.7.4　案例12——刪除文件或文件夾 422.8 實戰(zhàn)演練1——創(chuàng)建本地站點 422.9 實戰(zhàn)演練2——創(chuàng)建站點文件和文件夾 432.10 高手甜點 452.11 跟我練練手 46第3章　網(wǎng)頁內(nèi)容之美——創(chuàng)建網(wǎng)頁中的文本3.1 網(wǎng)頁設(shè)計的基本操作 483.1.1　案例1——新建網(wǎng)頁 483.1.2　案例2——保存網(wǎng)頁 483.1.3　案例3——打開網(wǎng)頁 493.1.4　案例4——預(yù)覽網(wǎng)頁 493.2 設(shè)置頁面屬性 503.3 用文字充實網(wǎng)頁 543.3.1　案例5——插入文字 543.3.2　案例6——設(shè)置字體 553.3.3　案例7——設(shè)置字號 573.3.4　案例8——設(shè)置字體顏色 573.3.5　案例9——設(shè)置字體樣式 583.3.6　案例10——編輯段落 593.3.7　案例11——檢查拼寫 643.3.8　案例12——創(chuà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 實戰(zhàn)演練——設(shè)置主頁中的跟蹤圖像 713.6 高手甜點 733.7 跟我練練手 74第2篇 核心技術(shù)第4章　有圖有真相——使用圖像和多媒體4.1 選擇適合網(wǎng)頁中圖像的格式 784.2 用圖像美化網(wǎng)頁 794.2.1　案例1——插入圖像 794.2.2　案例2——圖像屬性設(shè)置 804.2.3　案例3——圖像的對齊方式 824.2.4　案例4——插入鼠標經(jīng)過圖像 834.2.5　案例5——插入圖像占位符 844.3 在網(wǎng)頁中插入多媒體 854.3.1　案例6——插入背景音樂 854.3.2　案例7——插入Flash動畫 86 4.3.3　案例8——插入FLV 874.3.4　案例9——插入HTML5音頻 884.3.5　案例10——插入HTML5視頻 894.4　實戰(zhàn)演練——制作圖文并茂的網(wǎng)頁 904.5 高手甜點 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 實戰(zhàn)演練——制作HTML5的網(wǎng)頁 1235.7 高手甜點 1255.8 跟我練練手 126第6章　不在網(wǎng)頁中迷路——設(shè)計網(wǎng)頁超鏈接6.1 鏈接與路徑 1286.1.1　鏈接的概念 1286.1.2　鏈接的路徑 1286.1.3　鏈接的類型 1296.2 添加網(wǎng)頁超鏈接 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)建圖像熱點鏈接 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 實戰(zhàn)演練——為企業(yè)網(wǎng)站添加友情鏈接 1386.4 高手甜點 1396.5 跟我練練手 139第7章　簡單的網(wǎng)頁布局——表格的應(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è)置整個表格屬性 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——導入表格數(shù)據(jù) 1537.5.5　案例15——導出表格數(shù)據(jù) 1537.6 實戰(zhàn)演練——使用表格布局網(wǎng)頁 1547.7 高手甜點 1577.8 跟我練練手 158第8章　讓網(wǎng)頁互動起來——使用網(wǎng)頁表單和行為8.1 認識表單 1608.2 在網(wǎng)頁中插入表單元素 1608.2.1　案例1——插入表單域 1618.2.2　案例2——插入文本域 1618.2.3　案例3——插入密碼域 1638.3 在網(wǎng)頁中插入復(fù)選框和單選按鈕 1648.3.1　案例4——插入復(fù)選框 1648.3.2　案例5——插入單選按鈕 1658.4 制作網(wǎng)頁菜單和列表 1658.4.1　案例6——插入下拉菜單 1658.4.2　案例7——插入滾動列表 1668.5 在網(wǎng)頁中插入按鈕 1678.5.1　案例8——插入按鈕 1678.5.2　案例9——插入圖像按鈕 1678.6 插入文件上傳域 1688.7 添加網(wǎng)頁行為 1698.7.1　案例10——打開【行為】面板 1698.7.2　案例11——添加行為 1708.8 常用行為的應(yīng)用 1708.8.1　案例12——交換圖像 1718.8.2　案例13——彈出信息 1728.8.3　案例14——打開瀏覽器窗口 1738.8.4　案例15——檢查表單行為 1758.8.5　案例16——設(shè)置狀態(tài)欄文本 1778.9 實戰(zhàn)演練——使用表單制作留言本 1788.10 高手甜點 1818.11 跟我練練手 182第9章　批量制作風格統(tǒng)一的網(wǎng)頁——使用模板和庫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)頁 1889.3 庫概述 1899.4 庫的創(chuàng)建、管理與應(yīng)用 1909.4.1　案例7——創(chuàng)建庫項目 1909.4.2　案例8——庫項目的應(yīng)用 1919.4.3　案例9——編輯庫項目 1929.5 實戰(zhàn)演練——創(chuàng)建基于模板的頁面 1949.6　高手甜點 1969.7　跟我練練手 196第3篇 高級應(yīng)用第10章　讀懂樣式表密碼——使用CSS樣式表美化網(wǎng)頁10.1 初識CSS 20010.1.1　CSS概述 20010.1.2　CSS的作用 20010.1.3　基本CSS語法 20110.1.4　案例1——使用DreamweaverCC 編寫CSS 20110.2 使用CSS的方法 20310.2.1　案例2——行內(nèi)樣式 20310.2.2　案例3——內(nèi)嵌樣式 20310.2.3　案例4——鏈接樣式 20410.2.4　案例5——導入樣式 20510.2.5　案例6——優(yōu)先級問題 20610.3 使用CSS樣式美化網(wǎng)頁 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 實戰(zhàn)演練——設(shè)定網(wǎng)頁中鏈接樣式 22510.5 高手甜點 22810.6 跟我練練手 228第11章　架構(gòu)師的大比拼——網(wǎng)頁布局典型范例11.1 使用CSS排版 23011.1.1　案例1——將頁面用DIV分塊 23011.1.2　案例2——設(shè)置各塊位置 23011.1.3　案例3——用CSS定位 23011.2 固定寬度網(wǎng)頁剖析與布局 23311.2.1　案例4——網(wǎng)頁單列布局模式 23311.2.2　案例5——網(wǎng)頁1-2-1型布局模式 23711.2.3　案例6——網(wǎng)頁1-3-1型布局模式 24011.3 自動縮放網(wǎng)頁1-2-1型布局模式 24411.3.1　案例7——“1-2-1”等比例變寬布局 24411.3.2　案例8——“1-2-1”單列變寬布局 24511.4 自動縮放網(wǎng)頁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 實戰(zhàn)演練——使用CSS設(shè)定網(wǎng)頁布局 列的背景色 25811.6 高手甜點 25911.7 跟我練練手 260第12章　讓網(wǎng)頁更絢麗——在網(wǎng)頁中編寫JavaScript12.1 認識JavaScript 26212.1.1　什么是JavaScript 26212.1.2　JavaScript的特點 26212.2 JavaScript 在HTML中的使用 26312.2.1　案例1——在HTML網(wǎng)頁頭中嵌入 JavaScript代碼 26312.2.2　案例2——在HTML網(wǎng)頁中嵌入 JavaScript代碼 26412.2.3　案例3——在HTML網(wǎng)頁的元素事件中嵌 入JavaScript代碼 26512.2.4　案例4——在HTML中調(diào)用已經(jīng)存在的 JavaScript文件 26612.2.5　案例5——通過JavaScript偽URL引入 JavaScript腳本代碼 26712.3　JavaScript的基本語法 26812.3.1　執(zhí)行順序 26812.3.2　區(qū)分大小寫 26812.3.3　分號與空格 26812.3.4　對代碼行進行折行 26912.3.5　案例6——注釋 26912.4 JavaScript 的數(shù)據(jù)結(jié)構(gòu) 27012.4.1　標識符 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——頁面事件 27512.6.2　案例9——鼠標事件 27612.6.3　案例10——鍵盤事件 27712.6.4　案例11——表單處理事件 27912.7 實戰(zhàn)演練——使用事件動態(tài)改變圖片 的焦點 28112.8 高手甜點 28212.9 跟我練練手 282第13章　讓別人瀏覽我的成果——網(wǎng)站的發(fā)布13.1　上傳網(wǎng)站前的準備工作 28413.1.1　注冊域名 28413.1.2　申請空間 28513.2 測試網(wǎng)站 28613.2.1　案例1——測試站點范圍的鏈接 28613.2.2　案例2——改變站點范圍的鏈接 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 高手甜點 29213.5 跟我練練手 293第14章　整體把握網(wǎng)站結(jié)構(gòu)——網(wǎng)站配色與布局14.1　善用色彩設(shè)計網(wǎng)頁 29614.1.1　認識色彩 29614.1.2　案例1——網(wǎng)頁上的色彩處理 29714.2 網(wǎng)頁色彩的搭配 30014.2.1　案例2——確定網(wǎng)站的主題色 30014.2.2　案例3——網(wǎng)頁色彩搭配原理 30114.2.3　案例4——網(wǎng)頁中色彩的搭配 30314.2.4　案例5——網(wǎng)頁元素的色彩搭配 30414.2.5　案例6——網(wǎng)頁色彩搭配的技巧 30514.3 布局網(wǎng)站板塊結(jié)構(gòu) 30614.3.1　案例7——“國”字型 30714.3.2　案例8——標題正文型 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ò)購物網(wǎng)站色彩應(yīng)用 30814.4.2　案例15——游戲網(wǎng)站色彩應(yīng)用 30914.4.3　案例16——企業(yè)門戶網(wǎng)站色彩應(yīng)用 31014.4.4　案例17——時政新聞網(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——娛樂網(wǎng)站色彩應(yīng)用 31214.5　實戰(zhàn)演練——定位網(wǎng)站頁面的框架 31314.6　高手甜點 31414.7 跟我練練手 314第4篇 行業(yè)應(yīng)用案例第15章　行業(yè)綜合案例1——制作電子商務(wù)類網(wǎng)頁15.1 整體布局 31815.1.1　設(shè)計分析 31815.1.2　排版架構(gòu) 31815.2 模塊組成 31915.3 制作步驟 31915.3.1　樣式表 31915.3.2　網(wǎng)頁頭部 32515.3.3　主體第一通欄 32815.3.4　主體第二通欄 32815.3.5　主體第三通欄 32915.3.6　網(wǎng)頁底部 331第16章　行業(yè)綜合案例2——制作網(wǎng)上音樂類網(wǎng)頁16.1 構(gòu)思布局 33616.1.1　設(shè)計分析 33616.1.2　排版架構(gòu) 33616.2 模塊分割 33816.2.1　頁頭部分 33816.2.2　左側(cè)內(nèi)容列表 34016.2.3　中間內(nèi)容列表 34216.2.4　右側(cè)內(nèi)容列表 34416.2.5　頁腳部分 34616.3 整體調(diào)整 34616.3.1　頁面內(nèi)容主體調(diào)整 34616.3.2　頁面整體調(diào)整 347第17章　行業(yè)綜合案例3——制作休閑娛樂類網(wǎng)頁17.1 整體布局 35017.1.1　設(shè)計分析 35017.1.2　排版架構(gòu) 35117.2 模塊組成 35117.3 制作步驟 35217.3.1　制作樣式表 35217.3.2　Logo與導航菜單 35917.3.3　搜索條 35917.3.4　左側(cè)視頻模塊 36017.3.5　評論模塊 36117.3.6　右側(cè)熱門推薦 36217.3.7　底部模塊 365第18章　行業(yè)綜合案例4——制作移動設(shè)備類網(wǎng)頁18.1 網(wǎng)站設(shè)計分析 36818.2 網(wǎng)站結(jié)構(gòu)分析 36818.3 網(wǎng)站主頁面的制作 36918.4 網(wǎng)站成品預(yù)覽 370第5篇 全能拓展第19章　增加點擊率——網(wǎng)站優(yōu)化與推廣19.1 在網(wǎng)站中添加廣告 38019.1.1　網(wǎng)站廣告分類 38019.1.2　添加網(wǎng)站廣告 38119.2　添加實用查詢工具 38219.2.1　添加天氣預(yù)報 38219.2.2　添加IP查詢 38319.2.3　添加萬年歷 38319.2.4　添加列車時刻查詢 38419.3 網(wǎng)站的宣傳與推廣 38519.3.1　網(wǎng)站宣傳實用策略 38519.3.2　利用大眾傳媒進行推廣 38619.3.3　利用網(wǎng)絡(luò)媒介進行推廣 38619.3.4　利用其他形式進行推廣 38819.4 實戰(zhàn)演練——查看網(wǎng)站的流量 38819.5 高手甜點 39119.6 跟我練練手 391第20章　打造堅實的堡壘——網(wǎng)站安全與防御20.1 網(wǎng)站維護基礎(chǔ)知識 39420.1.1　網(wǎng)站的維護與安全 39420.1.2　常見的網(wǎng)站攻擊方式 39520.2 網(wǎng)站安全防御策略 39620.2.1　案例1——檢測上傳文件的安全性 39620.2.2　案例2——設(shè)置網(wǎng)站訪問權(quán)限 39720.3 高手甜點 39920.4 跟我練練手 400