目 錄第1篇 基 礎 入 門第1章 開啟網(wǎng)頁設計之路網(wǎng)頁設計與網(wǎng)站建設基礎31.1 認識網(wǎng)頁和網(wǎng)站41.1.1 什么是網(wǎng)頁41.1.2 什么是網(wǎng)站51.1.3 網(wǎng)站的種類和特點51.2 網(wǎng)頁的相關概念71.2.1 因特網(wǎng)與萬維網(wǎng)71.2.2 瀏覽器與HTML71.2.3 URL、域名與IP地址81.2.4 上傳和下載81.3 網(wǎng)頁的HTML構(gòu)成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章 整體把握網(wǎng)站結(jié)構(gòu)網(wǎng)頁配色與網(wǎng)站布局272.1 善用色彩設計網(wǎng)頁282.1.1 認識色彩282.1.2 確定網(wǎng)站的主題色292.1.3 網(wǎng)頁中色彩的搭配312.1.4 網(wǎng)頁元素的色彩搭配322.1.5 網(wǎng)頁色彩搭配的技巧342.2 常見網(wǎng)站的布局結(jié)構(gòu)362.2.1 國字型362.2.2 標題正文型372.2.3 左右框架型372.2.4 上下框架型372.2.5 綜合框架型382.2.6 封面型382.2.7 Flash型382.3 綜合案例定位網(wǎng)站頁面的框架392.4 疑難解惑40
　　第2篇 網(wǎng)頁內(nèi)容設計
第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章 制作我的第一個網(wǎng)頁使用文本豐富網(wǎng)頁內(nèi)容614.1 網(wǎng)頁文檔的基本操作624.1.1 案例1創(chuàng)建網(wǎng)頁624.1.2 案例2頁面屬性624.1.3 案例3保存網(wǎng)頁644.1.4 案例4打開網(wǎng)頁654.1.5 案例5預覽網(wǎng)頁664.2 添加網(wǎng)頁內(nèi)容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 使用特殊文本添加網(wǎng)頁內(nèi)容794.3.1 案例13插入換行符794.3.2 案例14插入水平線794.3.3 案例15插入日期804.3.4 案例16插入特殊字符814.4 綜合案例制作圖文并茂的網(wǎng)頁824.5 疑難解惑84第5章 有圖有真相使用圖像與多媒體網(wǎng)頁元素875.1 常用圖像格式885.1.1 GIF格式885.1.2 JPEG格式885.1.3 PNG格式895.2 用圖像美化網(wǎng)頁895.2.1 案例1插入圖像895.2.2 案例2設置圖像的屬性915.2.3 案例3設置圖像對齊方式935.2.4 案例4剪裁需要的圖像945.2.5 案例5調(diào)整圖像的亮度與對比度955.2.6 案例6設置圖像的銳化效果965.3 插入其他圖像元素975.3.1 案例7插入鼠標經(jīng)過圖像975.3.2 案例8插入圖像占位符995.4 在網(wǎng)頁中插入多媒體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制作精彩的多媒體網(wǎng)頁1075.6 綜合案例2在代碼視圖中插入背景音樂1095.7 疑難解惑110第6章 不在網(wǎng)頁中迷路設計網(wǎng)頁中的超鏈接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)建不同種類的網(wǎ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è)網(wǎng)站添加友情鏈接1286.6 疑難解惑128第7章 讓網(wǎng)頁互動起來使用網(wǎng)頁表單和行為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 常用內(nèi)置行為的應用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篇 網(wǎng)頁元素設計
第8章 網(wǎng)頁圖像說變就變調(diào)整與修飾圖像1578.1 圖像色調(diào)的調(diào)整1588.1.1 案例1調(diào)整圖像的亮度與對比度1588.1.2 案例2使用【色階】命令調(diào)整圖像1588.1.3 案例3使用【曲線】命令調(diào)整圖像1628.1.4 案例4調(diào)整圖像的曝光度1658.2 圖像色彩的調(diào)整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內(nèi)容感知移動工具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 通過調(diào)色修飾圖像1888.7.1 案例28減淡工具和加深工具1888.7.2 案例29改變圖像色彩的飽和度1898.8 綜合案例制作放射線背景圖1898.9 疑難解惑190第9章 有情有義的文字制作網(wǎng)頁特效文字1919.1 文字的類型1929.2 輸入文字1929.2.1 案例1通過文字工具輸入文字1929.2.2 案例2通過文字蒙版工具輸入文字狀選區(qū)1949.2.3 案例3轉(zhuǎn)換點文字和段落文字1959.2.4 案例4轉(zhuǎn)換文字排列方向1959.3 設置文字格式1969.3.1 案例5通過選項欄設置格式1969.3.2 案例6通過【字符】面板設置文字格式1979.3.3 案例7通過【段落】面板設置段落格式1989.3.4 案例8設置字符樣式和段落樣式2009.3.5 案例9查找和替換文本2009.4 文字轉(zhuǎn)換2019.4.1 案例10將文字轉(zhuǎn)換為工作路徑2019.4.2 案例11將文字轉(zhuǎn)換為形狀2029.4.3 案例12將文字轉(zhuǎn)換為圖像2029.5 制作常見特效文字2039.5.1 案例13制作路徑文字2039.5.2 案例14制作變形文字2049.5.3 案例15制作燃燒文字特效2069.6 綜合案例制作空心輪廓字2089.7 疑難解惑210第10章 網(wǎng)頁中的路標制作網(wǎng)頁 按鈕與導航條21110.1 按鈕與導航條的設計原則21210.1.1 網(wǎng)頁按鈕的設計注意事項21210.1.2 網(wǎng)頁導航條的設計注意 事項21210.2 制作按鈕21310.2.1 案例1制作普通按鈕21310.2.2 案例2制作迷你按鈕21410.2.3 案例3制作水晶按鈕21710.2.4 案例4制作木紋按鈕22110.3 制作導航條22410.3.1 案例5制作橫向?qū)Ш綏l22410.3.2 案例6制作垂直導航條22610.4 綜合案例制作水晶風格網(wǎng)站導航條22810.5 疑難解惑234第11章 網(wǎng)頁中迷人的藍海制作網(wǎng)頁特效邊線與背景23511.1 制作裝飾邊線23611.1.1 案例1制作裝飾虛線23611.1.2 案例2制作內(nèi)嵌線條23811.1.3 案例3制作斜紋線條23911.2 制作網(wǎng)頁背景圖片24111.2.1 案例4制作漸變背景圖片24111.2.2 案例5制作透明背景圖像24411.3 綜合案例制作夢幻星光網(wǎng)頁背景24511.4 疑難解惑249第12章 網(wǎng)頁中的標志與旗幟制作網(wǎng)頁Logo與網(wǎng)頁Banner25112.1 網(wǎng)頁Logo與Banner概述25212.1.1 網(wǎng)頁Logo設計標準25212.1.2 網(wǎng)頁Logo的標準尺寸25312.1.3 網(wǎng)頁Logo的一般形式25412.1.4 網(wǎng)頁Banner的標準尺寸25512.1.5 Banner設計注意要點25512.2 制作文字Logo25512.2.1 案例1制作背景25512.2.2 案例2制作文字內(nèi)容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制作圖文結(jié)合 Logo27112.7 綜合案例2制作圖文結(jié)合 Banner27512.8 疑難解惑277　　第4篇 網(wǎng)頁動畫設計
第13章 讓網(wǎng)頁活靈活現(xiàn)制作簡單網(wǎng)頁動畫元素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 綜合案例制作數(shù)字倒計時動畫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調(diào)用其他文檔中的元件30614.2 使用實例30614.2.1 案例5為實例另外指定一個元件30714.2.2 案例6改變實例屬性30714.3 使用【庫】面板31014.3.1 案例7認識【庫】面板31014.3.2 案例8庫的管理與使用31114.4 綜合案例制作絢麗網(wǎng)頁按鈕31314.5 疑難解惑317第15章 網(wǎng)頁元素的動態(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章 讓網(wǎng)頁動起來制作動態(tài)網(wǎng)站的Logo與Banner35316.1 制作滾動文字Logo35416.1.1 設置文檔屬性35416.1.2 制作文字元件35416.1.3 制作滾動效果35516.2 制作產(chǎn)品Banner35716.2.1 制作文字動畫35716.2.2 制作文字遮罩動畫35916.2.3 制作圖片動畫36016.3 疑難解惑362第17章 動態(tài)網(wǎng)頁元素的輸出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行內(nèi)樣式38218.2.2 案例3內(nèi)嵌樣式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章 架構(gòu)師的大比拼利用 Div CSS布局網(wǎng)頁41319.1 認識并創(chuàng)建層41419.1.1 什么是層41419.1.2 案例1使用Dreamweaver 創(chuàng)建層41419.2 Div層的定位方法41519.2.1 盒子模型的概念41519.2.2 案例2定義網(wǎng)頁border 區(qū)域41519.2.3 案例3定義網(wǎng)頁padding 區(qū)域41719.2.4 案例4定義網(wǎng)頁margin 區(qū)域41819.3 使用CSS排版42119.3.1 案例5將頁面用div 分塊42119.3.2 案例6設置各塊位置42219.3.3 案例7用CSS定位42219.4 常見網(wǎng)頁布局模式42519.4.1 案例8網(wǎng)頁單列布局模式42519.4.2 案例9網(wǎng)頁1-2-1型布局模式42919.4.3 案例10網(wǎng)頁1-3-1型布局模式43219.5 綜合案例創(chuàng)建左右布局頁面43519.6 疑難解惑438第20章 制作動態(tài)網(wǎng)頁基礎構(gòu)建動態(tài)網(wǎng)站的運行環(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關閉原有的網(wǎng)站服務器44820.4.3 案例6安裝Apache44920.4.4 案例7將PHP與Apache建立關聯(lián)45020.5 在Windows下使用WampServer組合包45120.6 綜合案例測試第一個PHP程序45420.7 疑難解惑455第21章 構(gòu)建動態(tài)網(wǎng)站后臺數(shù)據(jù)使用MySQL數(shù)據(jù)庫45721.1 定義一個互動網(wǎng)站45821.1.1 定義互動網(wǎng)站的重要性45821.1.2 網(wǎng)頁取得數(shù)據(jù)庫的原理45821.1.3 案例1在Dreamweaver CC中定義網(wǎng)站45921.2 MySQL數(shù)據(jù)庫的安裝和管理46221.2.1 案例2MySQL 數(shù)據(jù)庫的安裝46221.2.2 案例3MySQL 數(shù)據(jù)庫的配置46621.2.3 案例4phpMyAdmin的安裝47021.2.4 案例5MySQL數(shù)據(jù)庫的建立47121.3 在網(wǎng)頁中使用MySQL數(shù)據(jù)庫47721.3.1 案例6添加【數(shù)據(jù)庫】面板47721.3.2 案例7建立MySQL數(shù)據(jù)庫連接47921.3.3 案例8綁定記錄集48121.4 數(shù)據(jù)庫的備份與還原48421.4.1 案例9數(shù)據(jù)庫的備份48421.4.2 案例10數(shù)據(jù)庫的還原48521.5 綜合案例給我的MySQL數(shù)據(jù)庫加密48621.6 疑難解惑487第22章 綜合應用案例開發(fā)網(wǎng)站用戶管理系統(tǒng)48922.1 系統(tǒng)的功能分析49022.1.1 規(guī)劃網(wǎng)頁結(jié)構(gòu)和功能49022.1.2 站點文件規(guī)劃49122.1.3 網(wǎng)頁美工設計49122.2 數(shù)據(jù)庫設計與連接49122.2.1 數(shù)據(jù)庫設計49222.2.2 創(chuàng)建數(shù)據(jù)庫連接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