《網頁設計制作基礎教程（Dreamweaver+Photoshop+Flash）（21世紀技能創新型人纔培養繫列教材·計算機繫列）》全面繫統地介紹了Dreamweaver的基本操作方法和網頁設計制作技巧，以及Flash和Photoshop的基本使用方法與應用。全書共分為五個模塊：網頁制作基礎知識、Dreamweaver制作網頁、Flash動畫制作、Photoshop圖像技術、測試和發布。
《網頁設計制作基礎教程（Dreamweaver+Photoshop+Flash）（21世紀技能創新型人纔培養繫列教材·計算機繫列）》內容以課堂案例為主線，通過各個案例的實際操作，可以使學生快速上手，熟悉軟件功能和設計思路；課堂的案例解析和課後習題相結合，可以拓展學生的實際應用能力，提高網頁制作水平。

代麗傑：保定市第四職業中學，平面設計專業骨干教師，保定市學術和技術帶頭人，中教高級。主要講授“Photoshop”“Illustrator”等課程。曾在高等教育出版社、南開大學出版社等出版過《Visual FoxPro程序設計實踐教程》《計算機應用基礎Win7+office2010》等教材。2009-2016年先後三次公派赴德參加“TEVT發展職業教育與培訓課程”課題項目的研究；輔導的學生獲河北省技能大賽團體一等獎。主持河北省職業教育教學改革研究課題《中職計算機專業校本教材開發的研究與實踐》經評審委員會對項目成果進行驗收和評審，該成果通過結題鋻定，並獲參等獎；2018年10月1日被評為河北省“三三三，人纔工程”第三層次人選。
宋寶山：保定市第四職業中學，平面設計專業骨干教師。
文娜：保定市第四職業中學，平面設計專業骨干教師。

• 
• 
• 
• 

模塊一網頁制作基礎知識 1
1．1認識Web服務 1
1．1．1網頁的含義 1
1．1．2網頁的分類 1
1．1．3網頁的結構 2
1．2網站與網頁 3
1．2．1網頁、網站和主頁的關繫 3
1．2．2網站制作流程 4
1．3認識網頁制作工具 6
1．3．1網頁編輯工具 6
1．3．2網頁圖像與動畫制作工具 7
1．4網頁配色 7
1．4．1網頁配色基礎知識 7
1．4．2網頁色彩搭配知識 13

模塊二Dreamweaver制作網頁 16
2．1Dreamweaver概述 16
2．1．1Dreamweaver的特點 16
2．1．2Dreamweaver界面 17
2．1．3工具欄 19
2．1．4插入欄 22
2．1．5狀態欄 23
2．2站點的搭建與管理 24
2．2．1創建站點 24
2．2．2管理站點 30
2．2．3管理站點中的文件 31
2．3文本及其格式化 33
2．3．1文本的基本操作 33
2．3．2插素 38
2．3．3項目列表的使用 41
2．3．4插入網頁頭部內容 42
2．4處理圖像 53
2．4．1圖像格式 53
2．4．2插入圖像 54
2．4．3設置圖像的屬性 55
2．4．4圖像占位符 56
2．4．5鼠標指針經過圖像 56
2．4．6背景圖像的設置 57
2．5插入多媒體 65
2．5．1添加背景音樂 65
2．5．2插入Flash動畫 65
2．5．3插入FLV視頻 67
2．6超級鏈接 72
2．6．1超級鏈接的概念 72
2．6．2超級鏈接路徑 73
2．6．3創建超級鏈接的方法 74
2．6．4超級鏈接的分類 75
2．7表格 85
2．7．1表格的基本概念 86
2．7．2創建表格 86
2．7．3導入與導出表格數據 87
2．7．4表格的基本操作 94
2．7．5設置素屬性 98
2．8框架 103
2．8．1框架和框架集的工作原理 103
2．8．2框架的創建 104
2．8．3保存框架頁 105
2．8．4選擇框架和框架集 107
2．8．5設置框架和框架集屬性 110
2．8．6框架內的鏈接 111
2．8．7使用框架存在的問題 111
2．9CSS樣式 124
2．9．1CSS的基本概念 124
2．9．2CSS的基本語法 124
2．9．3新建CSS樣式 125
2．9．4“CSS樣式”面板 126
2．9．5編輯CSS樣式 127
2．9．6使用類自定義規則 131
2．9．7使用“復合內容”選項定義鏈接
?效果 135
2．9．8使用標簽定義樣式 136
2．9．9鏈接外部CSS樣式 137
2．10CSS+DIV布局方法 143
2．10．1初識Div 143
2．10．2CSS定位 145
2．10．3關於CSS+DIV布局 148
2．10．4常見的布局類型 151
2．10．5常見布局形式設計 154
2．11庫與模板 165
2．11．1庫的應用 165
2．11．2模板 172
2．12行為 185
2．12．1行為的概念 185
2．12．2Dreamweaver內置行為 187
2．12．3使用JavaScript 194

模塊三Flash動畫制作 200
3．1Flash簡介 200
3．1．1Flash新功能 200
3．1．2Flash的工作界面 201
3．2常用工具的使用 207
3．2．1“線條”工具 207
3．2．2“橢圓”工具 208
3．2．3“矩形”工具 208
3．2．4“多角星形”工具 209
3．2．5“鋼筆”工具 209
3．2．6“填充”工具 209
3．3圖形的編輯 210
3．3．1選擇圖形 210
3．3．2移動圖形 211
3．3．3復制和粘貼圖形 211
3．3．4圖形的疊放 212
3．3．5圖形的組合 212
3．3．6圖形的對齊 213
3．3．7翻轉圖形 213
3．3．8任意變形 213
3．3．9封套命令 214
3．4動畫制作基礎 215
3．4．1導入圖像 216
3．4．2層的使用 218
3．5幀與時間軸 220
3．5．1幀的概念 220
3．5．2時間軸和時間軸面板 220
3．5．3幀的分類 220
3．5．4幀的顯示狀態 221
3．5．5Flash動畫的種類 221
3．5．6幀的相關操作 221
3．5．7創建關鍵幀 222
3．5．8創建幀 223
3．5．9移動幀 223
3．5．10翻轉幀 224
3．5．11刪除幀 224
3．5．12逐幀動畫 225
3．5．13創建補間 225
3件的使用 227
3．6．1件 228
3．6．2件 228
3．6．3設置實例屬性 229
3．6．4件 230

模塊四Photoshop圖像技術 232
4．1使用Photoshop選擇圖像 232
4．1．1選取圖像 232
4．1．2調整圖像選區範圍 237
4．2對圖像進行色調和色彩處理 239
4．2．1色調調整 240
4．2．2色彩調整 243
4．3繪圖與照片修飾 249
4．3．1繪圖與擦除 250
4．3．2使用填充設計網頁圖像 251
4．3．3繪圖與照片修飾 254
4．4網頁文字設計 259
4．4．1在圖像中加入文字 259
4．4．2文字的排列與變形 261
4．4．3設置注釋 262
4．5使用圖層進行設計 264
4．5．1圖層的基本概念 264
4．5．2使用蒙版 269
4．5．3使用圖層樣式 271
4．5．4填充圖層和調整圖層 273
4．6使用路徑創建圖形 275
4．6．1使用形狀工具 275
4．6．2繪制路徑 278
4．7提高網頁圖像設計概率 283
4．7．1使用常見濾鏡 283
4．7．2使用動作 287
4．7．3使用批處理和自動化 288
4．8網頁圖像輸出 290
4．8．1優化網頁圖像 291
4．8．2使用切片切割圖像 293

模塊五測試和發布 296
5．1測試站點 296
5．1．1檢查鏈接 296
5．1．2站點報告 298
5．1．3清理文檔 299
5．2發布網站 300
5．2．1關於IIS 300
5．2．2定義遠程服務器 300
5．2．3發布站點 301
5．3網站運營與維護 302
5．3．1網站的運營工作 302
5．3．2網站的更新維護 303

參考文獻 305

1.1.1網頁的含義
網頁可以將不同類型的多媒體信息（例如文本、圖像、聲音和動畫等）組合在一個文檔中。由於這些文檔是用超文本標記語言（Hyper text Markup Language，HTML）表示的，其文件名一般以.htm或.html結尾，因此又稱為HTML文檔或超文本。超文本可以給瀏覽者帶來視覺和聽覺的享受，所以Web技術又稱為超媒體技術。一個Web站點由一個或多個Web頁組成，這些Web頁相互連接在一起，存放在Web服務器上，以供瀏覽者訪問。瀏覽者通過Web頁可以進行跳躍式的查詢與瀏覽，可以在世界各地的計算機之間自由、高效率地選擇和收集各種各樣的信息，而不必知道所瀏覽的信息來自哪臺計算機。
Web所包含的是雙向信息。一方面，瀏覽者可以通過瀏覽器瀏覽他人的信息；另一方面，瀏覽者也可以通過Web服務器建立自己的網站並發布自己的信息。

1.1.2網頁的分類
根據網頁的交互性，可將網頁分為靜態網頁與動態網頁。
1.靜態網頁
網站提供的最基本的內容，使用HTML描述，它包括文本、表格、圖像以及其他內容，不同用戶訪問時內容均相同。靜態網頁隻要將放在網站服務器上的文件授權用戶訪問即可。靜態網頁的文件後綴名一般為：.htm、.html、.shtml、.xml等。
2.動態網頁
網頁內容隨不同用戶、不同訪問的需求而發生變化，網頁中不僅包含HTML代碼，同時也包含在Web服務器端執行的腳本程序代碼。用戶可以訪問服務器端的資源，服務器將用戶請求的資源，通過瀏覽器呈現給用戶。動態網頁的文件後綴名一般為：.asp、.jsp、.php、.perl、.cgi等。

隨著Internet技術及其應用的不斷發展，網絡對於我們的生活、學習和工作的影響越來越大。網站是Internet提供服務的門戶和基礎，網頁又是宣傳網站的重要窗口。內容豐富、制作精美的網頁會吸引越來越多的訪問者瀏覽，這是網站生存和發展的關鍵。
Dreamweaver是網頁設計與制作領域中用戶多、應用廣、功能強的軟件之一，無論在國內還是在國外，它都備受專業Web開發人員喜愛。Photoshop是專業的圖像設計軟件，Flash軟件是動畫制作軟件，三者的搭配，無疑是當今網頁設計的無敵夢幻組合。
全書共分五個模塊，從基礎知識人手，以實例操作的形式深入淺出地講解網頁制作與網站建設的各種知識和操作技巧。
本書主要內容如下：
模塊一——網頁制作基礎知識。內容包括網頁制作的基礎知識、網站建設規範和基本流程、網頁的配色方法。
模塊二——Dreamweaver制作網頁。內容包括Dreamweaver工作環境、站點的搭建與管理、文本網頁的創建、絢麗多彩的圖像和多媒體網頁的創建、創建超級鏈接、使用表格布局網頁、使用框架布局網頁、使用CSS修飾美化網頁、使用CS S+DIV布局網頁、使用模板和庫提高網頁制作效率、使用行為和JavaScript為網頁增添活力。
模塊三——Flash動畫制作。內容包括Flash軟件的使用、Flash繪圖工具的使用、典型Flash動畫的制作方法、Fla件的使用。
模塊四——HPhotoshop圖像技術。內容包括圖像的選取、色彩的調整、圖層的使用、文字的設計、網頁圖像的輸出。
模塊五——測試和發布。內容包括網站的發布與推廣、網站的安全。
根據現代職業學校的教學方向和教學特色，我們對本書的編寫體繫做了精心的設計。模塊按照“軟件基本知識講解一課堂範例解析一課堂綜合案例一課後習題鞏固”這一思路進行編排，力求通過課堂範例解析，使學生快速熟悉網頁設計理念和軟件功能；通過軟件相關功能解析使學生深入學習軟件功能和制作特色；通過綜合案例演練和課後習題演練，拓展學生的實際應用能力。
在內容編寫方面，力求細致全面、重點突出；在文字敘述方面，注意言簡意賅、通俗易懂；在案例選取方面，強調案例的針對性和實用性。
由於編者水平有限，時間比較倉促，書中難免有疏漏和不妥之處，懇請廣大讀者提出寶貴意見。