目 錄第1篇 基 礎 入 門第1章 開啟網頁設計之路網頁設計與網站建設基礎31.1 認識網頁和網站41.1.1 什么是網頁41.1.2 什么是網站51.1.3 網站的種類和特點51.2 網頁的相關概念71.2.1 因特網與萬維網71.2.2 瀏覽器與HTML71.2.3 URL、域名與IP地址81.2.4 上傳和下載81.3 網頁的HTML構成91.3.1 文檔標記91.3.2 頭部標記101.3.3 主體標記101.4 HTML的常用標記111.4.1 標題標記111.4.2 段落標記111.4.3 換行標記121.4.4 鏈接標記131.4.5 列表標記141.4.6 圖像標記171.4.7 表格標記191.4.8 表單標記211.5 綜合案例制作日程表221.6 疑難解惑25第2章 整體把握網站結構網頁配色與網站布局272.1 善用色彩設計網頁282.1.1 認識色彩282.1.2 確定網站的主題色292.1.3 網頁中色彩的搭配312.1.4 網頁元素的色彩搭配322.1.5 網頁色彩搭配的技巧342.2 常見網站的布局結構362.2.1 國字型362.2.2 標題正文型372.2.3 左右框架型372.2.4 上下框架型372.2.5 綜合框架型382.2.6 封面型382.2.7 Flash型382.3 綜合案例定位網站頁面的框架392.4 疑難解惑40
　　第2篇 網頁內容設計
第3章 磨刀不誤砍柴工使用Dreamweaver CC創(chuàng)建站點433.1 認識Dreamweaver CC443.1.1 啟動Dreamweaver CC443.1.2 認識Dreamweaver CC的工作區(qū)453.1.3 體驗Dreamweaver CC的新增功能473.2 創(chuàng)建站點503.2.1 案例1創(chuàng)建本地站點503.2.2 案例2創(chuàng)建遠程站點513.3 管理站點523.3.1 案例3打開站點523.3.2 案例4編輯站點523.3.3 案例5刪除站點533.3.4 案例6復制站點543.3.5 案例7導出與導入站點543.4 操作站點文件及文件夾553.4.1 案例8創(chuàng)建文件夾563.4.2 案例9創(chuàng)建文件563.4.3 案例10文件或文件夾的移動和復制573.4.4 案例11刪除文件或文件夾573.5 綜合案例創(chuàng)建本地站點583.6 疑難解惑59第4章 制作我的第一個網頁使用文本豐富網頁內容614.1 網頁文檔的基本操作624.1.1 案例1創(chuàng)建網頁624.1.2 案例2頁面屬性624.1.3 案例3保存網頁644.1.4 案例4打開網頁654.1.5 案例5預覽網頁664.2 添加網頁內容674.2.1 案例6插入文字674.2.2 案例7設置字體684.2.3 案例8設置字號684.2.4 案例9設置字體顏色694.2.5 案例10設置字體樣式704.2.6 案例11編輯段落724.2.7 案例12創(chuàng)建項目列表774.3 使用特殊文本添加網頁內容794.3.1 案例13插入換行符794.3.2 案例14插入水平線794.3.3 案例15插入日期804.3.4 案例16插入特殊字符814.4 綜合案例制作圖文并茂的網頁824.5 疑難解惑84第5章 有圖有真相使用圖像與多媒體網頁元素875.1 常用圖像格式885.1.1 GIF格式885.1.2 JPEG格式885.1.3 PNG格式895.2 用圖像美化網頁895.2.1 案例1插入圖像895.2.2 案例2設置圖像的屬性915.2.3 案例3設置圖像對齊方式935.2.4 案例4剪裁需要的圖像945.2.5 案例5調整圖像的亮度與對比度955.2.6 案例6設置圖像的銳化效果965.3 插入其他圖像元素975.3.1 案例7插入鼠標經過圖像975.3.2 案例8插入圖像占位符995.4 在網頁中插入多媒體1005.4.1 案例9插入背景音樂1005.4.2 案例10插入Flash動畫1015.4.3 案例11插入FLV視頻1025.4.4 案例12插入HTML 5音頻1045.4.5 案例13插入HTML 5視頻1055.5 綜合案例1制作精彩的多媒體網頁1075.6 綜合案例2在代碼視圖中插入背景音樂1095.7 疑難解惑110第6章 不在網頁中迷路設計網頁中的超鏈接1136.1 超級鏈接1146.1.1 鏈接的概念1146.1.2 常規(guī)鏈接1146.1.3 鏈接的類型1156.2 鏈接路徑1166.2.1 什么是URL1166.2.2 絕對路徑1166.2.3 文檔相對路徑1176.2.4 根相對路徑1176.3 創(chuàng)建超級鏈接的方法1176.3.1 案例1使用菜單命令創(chuàng)建鏈接1176.3.2 案例2使用【屬性】面板創(chuàng)建鏈接1186.3.3 案例3使用【指向文件】按鈕創(chuàng)建鏈接1186.4 創(chuàng)建不同種類的網頁超鏈接1196.4.1 案例4添加文本鏈接1196.4.2 案例5添加圖像鏈接1206.4.3 案例6創(chuàng)建外部鏈接1216.4.4 案例7創(chuàng)建錨記鏈接1216.4.5 案例8創(chuàng)建圖像熱點鏈接1236.4.6 案例9創(chuàng)建電子郵件鏈接1246.4.7 案例10創(chuàng)建下載文件的鏈接1256.4.8 案例11創(chuàng)建空鏈接1266.4.9 案例12創(chuàng)建腳本鏈接1266.5 綜合案例為企業(yè)網站添加友情鏈接1286.6 疑難解惑128第7章 讓網頁互動起來使用網頁表單和行為1297.1 認識表單1307.1.1 什么是表單1307.1.2 認識表單對象1307.1.3 案例1插入表單1337.1.4 案例2設置表單屬性1347.2 常用表單對象的應用1357.2.1 案例3插入文本域1357.2.2 案例4插入密碼域1367.2.3 案例5插入復選框1377.2.4 案例6插入單選按鈕1387.2.5 案例7插入下拉菜單1387.2.6 案例8插入滾動列表1397.2.7 案例9插入按鈕1407.2.8 案例10插入圖像按鈕1407.2.9 案例11插入文件上傳域1417.3 認識行為1427.3.1 行為的概念1427.3.2 案例12打開【行為】面板1437.4 常用內置行為的應用1437.4.1 案例13交換圖像1437.4.2 案例14彈出信息1457.4.3 案例15打開瀏覽器窗口1467.4.4 案例16檢查表單行為1487.4.5 案例17設置狀態(tài)欄文本1497.5 綜合案例使用表單制作留言本1517.6 疑難解惑154　　第3篇 網頁元素設計
第8章 網頁圖像說變就變調整與修飾圖像1578.1 圖像色調的調整1588.1.1 案例1調整圖像的亮度與對比度1588.1.2 案例2使用【色階】命令調整圖像1588.1.3 案例3使用【曲線】命令調整圖像1628.1.4 案例4調整圖像的曝光度1658.2 圖像色彩的調整1668.2.1 案例5使用【色相/飽和度】命令1668.2.2 案例6使用【自然飽和度】命令1688.2.3 案例7使用【色彩平衡】命令1688.2.4 案例8使用【黑白】命令1698.2.5 案例9使用【照片濾鏡】命令1708.2.6 案例10使用【通道混合器】命令1718.2.7 案例11使用【匹配顏色】命令1728.2.8 案例12使用【替換顏色】命令1748.2.9 案例13使用【可選顏色】命令1758.2.10 案例14使用【陰影/高光】 命令1778.3 修復圖像中的污點與瑕疵1788.3.1 案例15修復圖像中的污點1788.3.2 案例16修復圖像中的瑕疵1798.3.3 案例17修復圖像選中的區(qū)域1798.3.4 案例18內容感知移動工具1808.3.5 案例19消除照片中的紅眼1818.4 通過圖像或圖案修飾圖像1828.4.1 案例20通過復制圖像修飾圖像1828.4.2 案例21通過圖案修飾圖像1838.5 通過橡皮擦修飾圖像1838.5.1 案例22擦除圖像中指定的區(qū)域1848.5.2 案例23擦除圖像中的指定顏色1848.5.3 案例24擦除圖像中相近的顏色1858.6 修飾圖像中的細節(jié)1868.6.1 案例25修飾圖像中生硬的邊緣1868.6.2 案例26提高圖像的清晰度1878.6.3 案例27通過涂抹修飾圖像1878.7 通過調色修飾圖像1888.7.1 案例28減淡工具和加深工具1888.7.2 案例29改變圖像色彩的飽和度1898.8 綜合案例制作放射線背景圖1898.9 疑難解惑190第9章 有情有義的文字制作網頁特效文字1919.1 文字的類型1929.2 輸入文字1929.2.1 案例1通過文字工具輸入文字1929.2.2 案例2通過文字蒙版工具輸入文字狀選區(qū)1949.2.3 案例3轉換點文字和段落文字1959.2.4 案例4轉換文字排列方向1959.3 設置文字格式1969.3.1 案例5通過選項欄設置格式1969.3.2 案例6通過【字符】面板設置文字格式1979.3.3 案例7通過【段落】面板設置段落格式1989.3.4 案例8設置字符樣式和段落樣式2009.3.5 案例9查找和替換文本2009.4 文字轉換2019.4.1 案例10將文字轉換為工作路徑2019.4.2 案例11將文字轉換為形狀2029.4.3 案例12將文字轉換為圖像2029.5 制作常見特效文字2039.5.1 案例13制作路徑文字2039.5.2 案例14制作變形文字2049.5.3 案例15制作燃燒文字特效2069.6 綜合案例制作空心輪廓字2089.7 疑難解惑210第10章 網頁中的路標制作網頁 按鈕與導航條21110.1 按鈕與導航條的設計原則21210.1.1 網頁按鈕的設計注意事項21210.1.2 網頁導航條的設計注意 事項21210.2 制作按鈕21310.2.1 案例1制作普通按鈕21310.2.2 案例2制作迷你按鈕21410.2.3 案例3制作水晶按鈕21710.2.4 案例4制作木紋按鈕22110.3 制作導航條22410.3.1 案例5制作橫向導航條22410.3.2 案例6制作垂直導航條22610.4 綜合案例制作水晶風格網站導航條22810.5 疑難解惑234第11章 網頁中迷人的藍海制作網頁特效邊線與背景23511.1 制作裝飾邊線23611.1.1 案例1制作裝飾虛線23611.1.2 案例2制作內嵌線條23811.1.3 案例3制作斜紋線條23911.2 制作網頁背景圖片24111.2.1 案例4制作漸變背景圖片24111.2.2 案例5制作透明背景圖像24411.3 綜合案例制作夢幻星光網頁背景24511.4 疑難解惑249第12章 網頁中的標志與旗幟制作網頁Logo與網頁Banner25112.1 網頁Logo與Banner概述25212.1.1 網頁Logo設計標準25212.1.2 網頁Logo的標準尺寸25312.1.3 網頁Logo的一般形式25412.1.4 網頁Banner的標準尺寸25512.1.5 Banner設計注意要點25512.2 制作文字Logo25512.2.1 案例1制作背景25512.2.2 案例2制作文字內容25612.2.3 案例3繪制自定義形狀25712.2.4 案例4美化文字Logo25812.3 制作圖案Logo26012.3.1 案例5制作背景26012.3.2 案例6制作圖案效果26212.4 制作英文Banner26412.4.1 案例7制作Banner背景26412.4.2 案例8制作Banner底紋26512.4.3 案例9制作文字特效26712.5 制作中文Banner26712.5.1 案例10輸入特效文字26712.5.2 案例11將輸入的文字設置為3D效果26812.5.3 案例12制作Banner背景27012.6 綜合案例1制作圖文結合 Logo27112.7 綜合案例2制作圖文結合 Banner27512.8 疑難解惑277　　第4篇 網頁動畫設計
第13章 讓網頁活靈活現制作簡單網頁動畫元素28113.1 Flash的基本功能28213.1.1 矢量繪圖28213.1.2 動畫設計28213.1.3 強大的編程功能28213.2 時間軸、幀和圖層28313.2.1 什么是圖層28313.2.2 時間軸與幀28413.3 制作簡單動畫28513.3.1 案例1制作幀幀動畫28513.3.2 案例2制作補間動畫28813.3.3 案例3制作遮罩動畫29213.3.4 案例4使用動畫預設29413.4 綜合案例制作數字倒計時動畫29513.5 疑難解惑297第14章 快速組織動畫素材使用元件和庫29914.1 創(chuàng)建Flash元件30014.1.1 元件概述與分類30014.1.2 案例1創(chuàng)建圖形元件30014.1.3 案例2創(chuàng)建按鈕元件30114.1.4 案例3創(chuàng)建影片剪輯元件30414.1.5 案例4調用其他文檔中的元件30614.2 使用實例30614.2.1 案例5為實例另外指定一個元件30714.2.2 案例6改變實例屬性30714.3 使用【庫】面板31014.3.1 案例7認識【庫】面板31014.3.2 案例8庫的管理與使用31114.4 綜合案例制作絢麗網頁按鈕31314.5 疑難解惑317第15章 網頁元素的動態(tài)交互創(chuàng)建交互式動畫31915.1 ActionScript概述32015.1.1 ActionScript基本術語32015.1.2 【動作】面板32115.2 使用ActionScript制作動畫特效32215.2.1 案例1制作按鈕切換圖片效果32215.2.2 案例2制作按鈕切換背景顏色效果32715.2.3 案例3制作星光閃爍效果33215.3 Flash常用組件的使用33615.3.1 案例4組件的添加與刪除33715.3.2 案例5Button(按鈕)組件33815.3.3 案例6CheckBox(復選框)組件33915.3.4 案例7ComboBox(下拉列表)組件34015.3.5 案例8List平鋪滾動組件34215.3.6 案例9RadioButton(單選按鈕)組件34415.3.7 案例10ProgressBar(加載進度)組件34615.3.8 案例11ScrollPane(滾動條窗口)組件34715.4 綜合案例制作飄雪效果34915.5 疑難解惑352第16章 讓網頁動起來制作動態(tài)網站的Logo與Banner35316.1 制作滾動文字Logo35416.1.1 設置文檔屬性35416.1.2 制作文字元件35416.1.3 制作滾動效果35516.2 制作產品Banner35716.2.1 制作文字動畫35716.2.2 制作文字遮罩動畫35916.2.3 制作圖片動畫36016.3 疑難解惑362第17章 動態(tài)網頁元素的輸出Flash動畫的測試與發(fā)布36317.1 Flash動畫的優(yōu)化36417.1.1 案例1動畫的優(yōu)化36417.1.2 案例2動畫的測試36517.2 輸出前的格式設置36617.2.1 案例3Flash輸出的設置36617.2.2 案例4HTML輸出的設置36717.2.3 案例5GIF輸出的設置36917.2.4 案例6JPEG輸出的設置37017.2.5 案例7PNG輸出的設置37117.3 Flash動畫的發(fā)布37217.3.1 案例8導出動畫37217.3.2 案例9預覽發(fā)布動畫37317.4 疑難解惑374　　第5篇 項 目 開 發(fā)
第18章 讀懂樣式表密碼使用CSS層疊樣式表37718.1 初識CSS樣式表37818.1.1 什么是CSS37818.1.2 CSS的3種類型37818.1.3 CSS的語法格式37918.1.4 案例1使用Dreamweaver編寫CSS38018.2 CSS的使用方式38118.2.1 案例2行內樣式38218.2.2 案例3內嵌樣式38218.2.3 案例4鏈接樣式38318.2.4 案例5導入樣式38518.3 CSS中的常用樣式38618.3.1 案例6使用字體樣式38618.3.2 案例7使用文本樣式39018.3.3 案例8使用背景樣式39418.3.4 案例9設計邊框樣式40118.3.5 案例10設置列表樣式40518.4 綜合案例制作簡單公司主頁40918.5 疑難解惑412第19章 架構師的大比拼利用 Div CSS布局網頁41319.1 認識并創(chuàng)建層41419.1.1 什么是層41419.1.2 案例1使用Dreamweaver 創(chuàng)建層41419.2 Div層的定位方法41519.2.1 盒子模型的概念41519.2.2 案例2定義網頁border 區(qū)域41519.2.3 案例3定義網頁padding 區(qū)域41719.2.4 案例4定義網頁margin 區(qū)域41819.3 使用CSS排版42119.3.1 案例5將頁面用div 分塊42119.3.2 案例6設置各塊位置42219.3.3 案例7用CSS定位42219.4 常見網頁布局模式42519.4.1 案例8網頁單列布局模式42519.4.2 案例9網頁1-2-1型布局模式42919.4.3 案例10網頁1-3-1型布局模式43219.5 綜合案例創(chuàng)建左右布局頁面43519.6 疑難解惑438第20章 制作動態(tài)網頁基礎構建動態(tài)網站的運行環(huán)境43920.1 PHP基本知識44020.1.1 PHP的概念44020.1.2 PHP語言的優(yōu)勢44020.1.3 PHP服務器概述44020.2 安裝PHP前的準備工作44120.2.1 軟硬件環(huán)境44120.2.2 案例1獲取PHP 7.1安裝資源包44220.3 PHP IIS服務器的安裝配置44320.3.1 案例2IIS簡介及安裝44320.3.2 案例3PHP的安裝44420.3.3 案例4設置虛擬目錄44720.4 PHP Apache服務器的環(huán)境搭建44720.4.1 Apache簡介44720.4.2 案例5關閉原有的網站服務器44820.4.3 案例6安裝Apache44920.4.4 案例7將PHP與Apache建立關聯(lián)45020.5 在Windows下使用WampServer組合包45120.6 綜合案例測試第一個PHP程序45420.7 疑難解惑455第21章 構建動態(tài)網站后臺數據使用MySQL數據庫45721.1 定義一個互動網站45821.1.1 定義互動網站的重要性45821.1.2 網頁取得數據庫的原理45821.1.3 案例1在Dreamweaver CC中定義網站45921.2 MySQL數據庫的安裝和管理46221.2.1 案例2MySQL 數據庫的安裝46221.2.2 案例3MySQL 數據庫的配置46621.2.3 案例4phpMyAdmin的安裝47021.2.4 案例5MySQL數據庫的建立47121.3 在網頁中使用MySQL數據庫47721.3.1 案例6添加【數據庫】面板47721.3.2 案例7建立MySQL數據庫連接47921.3.3 案例8綁定記錄集48121.4 數據庫的備份與還原48421.4.1 案例9數據庫的備份48421.4.2 案例10數據庫的還原48521.5 綜合案例給我的MySQL數據庫加密48621.6 疑難解惑487第22章 綜合應用案例開發(fā)網站用戶管理系統(tǒng)48922.1 系統(tǒng)的功能分析49022.1.1 規(guī)劃網頁結構和功能49022.1.2 站點文件規(guī)劃49122.1.3 網頁美工設計49122.2 數據庫設計與連接49122.2.1 數據庫設計49222.2.2 創(chuàng)建數據庫連接49422.3 用戶登錄模塊的設計49622.3.1 登錄頁面49622.3.2 登錄成功和登錄失敗頁面的制作50422.3.3 用戶登錄系統(tǒng)功能的測試50622.4 用戶注冊模塊的設計50722.4.1 用戶注冊頁面50722.4.2 注冊成功和注冊失敗頁面51222.4.3 用戶注冊功能的測試51322.5 用戶注冊資料修改模塊的設計51422.5.1 修改資料頁面51422.5.2 更新成功頁面51622.5.3 修改資料功能的測試51722.6 密碼查詢模塊的設計51822.6.1 密碼查詢頁面51822.6.2 完善密碼查詢功能頁面52222.6.3 密碼查詢模塊的測試524