本書是，十一五 高等教育國家級規劃教材、十二五 職業教育國家規劃教材，本書作者為高職示範校優秀教師，獲得院校師生一致好評；本書案例豐富，講解清晰明了，由淺入深，不僅適合院校教材，也適合讀者自學。

本書圍繞網頁的設計與制作，使用PhotoShop、FLASH、DreamWeaver三種工具軟件，將網頁設計過程中的圖像素材設計、動畫素材設計和網頁布局設計等網頁設計知進行講解。依據網頁項目開發的過程將全書分為1。從網站規劃、網頁設計工具的使用到網頁圖片的編輯和設計，形成了網頁的效果圖；然後將效果圖切片處理形成網頁；將網頁的Banner和LOGO制作成動畫；最後利用HTML和CSS將網頁進行處理和編輯並完成網頁的制作。本書強調理論和實踐相結合，在實踐的內容中以實例操作講解為主，理論部分則注重網頁設計知識的記憶和理解。
本書既可以作為計算機各專業網頁設計基礎課程的教材，也可以作為計算機網頁設計培訓或技術人員自學的參考資料。

劉傑，天津電子信息職業技術學院教務處副處長，有多年計算機網頁設計教學經驗。並得到學生的一致好評，並有多篇文章在國家核心期刊上發表。

• 
• 
• 
• 

網站規劃和方案設計
1．1網站的組織和構成
1．1．1什麼是網站
1．1．2網站的構成
1．1．3網頁語言與瀏覽器
1．2網站項目的規劃
1．2．1了解客戶的需求
1．2．2制作項目策劃方案
1．2．3網站主題及風格規劃
1．2．4網站欄目及內容規劃
1．3本地網站環境的配置要求
1．3．1IIS的安裝
1．3．2本地站點的配置
1．4實現繫部專業宣傳網站設計方案
1．4．1客戶需求分析
1．4．2網站定位與內容規劃
1．4．3網站設計制作相關說明
1．4．4網站發布和推廣
1．5本章小結
1．6章後實訓
使用Adobe CC網頁設計工具
2．1網頁前端設計工具
2．1．1Dreamweaver CC
2．1．2Flash CC
2．1．3PhotoShop CC
2．2安裝Adobe CC設計工具
2．2．1安裝Adobe CC的配置要求
2．2．2安裝Adobe CC套裝軟件
2．3網站的創建與管理
2．3．1設置頁面首選參數
2．3．2創建一個新的本地站點
2．3．3管理現存站點
2．3．4創建頁面文檔
2．4網頁的預覽和網站的發布
2．4．1為網頁增加圖像
2．4．2為網頁增加FLASH動畫
2．4．3預覽Dreamweaver網頁文檔
2．4．4將網站發布到服務器
2．5本章小結
2．6章後實訓
商品圖片的編輯和修飾
3．1圖像的分類和格式
3．1．1圖像的分類
3．1．2圖像的格式
3．1．3分辨率與尺寸
3．1．4Photoshop常用術語
3．2創建商品圖片
3．2．1創建圖像
3．2．2使用工具
3．3圖像選取
3．4不規則圖像的選取
3．4．1魔棒工具
3．4．2套索工具集的應用
3．5修改與調整圖像
3．5．1調整圖層圖像尺寸
3．5．2刪除無用的圖像
3．5．3渲染背景圖像
3．6文本的輸入
3．6．1輸入水平文本
3．6．2輸入垂直文本
3．6．3創建文本選區
3．6．4輸入段落文本
3．7不規則路徑的文字輸入
3．7．1文本工具屬性面板的設置
3．7．2設置字符文本格式
3．7．3設置段落文本格式
3．7．4依路徑排列文本
3．8本章小結
3．9課後訓練
創意圖像的設計工具
4．1圖像的繪制
4．1．1畫筆的使用
4．1．2鉛筆工具的使用
4．1．3顏色替換工具和混合器畫筆工具
4．1．4畫筆修復工具集
4．2圖像的填充
4．3色彩處理
4．3．1減淡、加深和海綿工具
4．3．2模糊工具
4．3．3取色工具
4．3．4橡皮擦工具
4．4鋼筆工具
4．4．1鋼筆工具
4．4．2路徑節點種類和轉換點工具
4．4．3、自由鋼筆和磁性鋼筆工具
4．4．4添加錨點工具和刪除錨點工具
4．4．5路徑選擇工具和直接選擇工具
4．5自定義形狀的使用
4．5．1矩形工具
4．5．2圓角矩形工具
4．5．3橢圓工具
4．5．4多邊形工具
4．5．5自定義形狀工具
4．5．6直線工具
4．6本章小結
圖層在圖像設計中的應用
5．1圖層及圖層窗體
5．1．1圖層窗體
5．1．2圖層菜單
5．1．3常用術語
5．1．4常用命令
5．2圖層樣式的設置
5．3應用實例
5．3．1“斜面和浮雕”圖層樣式實例
5．3．2水晶羽毛實例
5．4本章小結
網站主頁效果圖的設計與制作
6．1設計網頁排版結構
6．2制作效果圖切片
6．3本章小結
FLASH動畫基礎
7．1Flash工作界面概述
7．1．1開始頁
7．1．2FLASH工作界面
7．2卡通人物的繪制
7．2．1背景和標題文字的設置
7．2．2繪制哆啦A夢頭像
7．2．3繪制心形素材
7．3測試和發布Flash文檔
7．3．1發布FLASH文檔
7．3．2測試和運行影片
7．4本章小結
FLASH設計工具
8．1使用Flash資源
8．2使用庫
8．2．1庫資源
8．2件的創建
8．2．3“庫”面板中文件夾的使用
8．2．4實例的使用
8．3繪圖
8．3．1線條工具
8．3．2鉛筆工具
8．3．3橢圓工具
8．3．4矩形工具
8．3．5多角星形工具
8．3．6鋼筆工具
8．4顏色處理
8．4．1調整顏色
8．4．2修改顏色
8．5文本處理
8．6實例的創建
8．6．1資源的導入
8．6．2實例的生成
8．7繪制一棵樹
8．8本章小結
FLASH動畫設計
9．1時間軸
9．1．1幀和關鍵幀
9．1．2時間軸功能
9．1．3管理圖層和文件夾
9．1．4繪圖紙按鈕的功能
9．1．5幀的操作
9．2補間形狀和傳統補間動畫
9．2．1補間形狀
9．2．2傳統補間動畫
9．2．3補間動畫
9．3遮罩層的使用
9．4不規則路徑動畫
9．5多場景動畫
9．6本章小結
FLASH交互動畫設計
10．1件
10．1．1實現超鏈接按鈕
10．1．2實現播放控制按鈕

10．2常用動作腳本
10．2．1鼠標形狀
10．2．2動態加載外部資源
10．2．3件
10．3聲音控制
10．3．1聲音的導入
10．3．2按鈕聲音
10．4本章小結
第網素處理
11．1頁面文本的處理
11．1．1頁面文本的添加
11．1．2頁面文本的格式設置
11．1．3頁面文本列表的設置
11．2頁面圖片的處理
11．2．1頁面圖片簡介
11．2．2頁面圖片的基本操作
11．2．3鼠標經過圖像
11．3頁面鏈接的處理
11．3．1頁面鏈接簡介
11．3．2鏈接的基本操作
11．3．3設置熱點鏈接
11．4郵票愛好者網站的設計
11．5本章小結
第網頁語言
12．1HTML概述
12．2頂級標記
12．2．1HEAD頭標記
12．2．2Body體標記
12．3文本處理標記
12．3．1格式標記
12．3．2列表標記
12．3．3文本格式化標記
12．4圖像處理標記
12．5鏈接處理標記
12．6表格處理標記
12．6．1Table表格標記
12．6．2TR行標記
12．6．3格標記
12．7表單處理標記
12．7．1Form表單標記
12．7．2Input輸入域標記
12．7．3其他標記
12．8框架處理標記
12．8．1FrameSet框架集標記
12．8．2Frame框架標記
12．9其他常用標記
12．10HTML5
12．11本章小結
12．12課後訓練
第CSS樣式風格設計
13．1CSS樣式表概述
13．1．1什麼是CSS
13．1．2CSS的作用
13．1．3CSS的語法規則
13．2CSS設計器
13．3CSS設計實現
13．3．1CSS表達格式：
13．3．2選擇器的分組表示
13．3．3樣式表的繼承
13．3．4派生選擇器
13．3．5id選擇器
13．3．6類選擇器
13．3．7id和class的派生用法
13．3．8單獨標簽的選擇器
13．3．9超鏈接的選擇器
13．4CSS的屬性和值
13．4．1規則定義窗體
13．4．2CSS背景規則
13．4．3常用類型定義
13．4．4區塊樣式
13．4．5方框部分
13．4．6邊框部分
13．4．7列表部分
13．4．8定位部分
13．4．9擴展部分
13．5基本濾鏡設置
13．5．1Alpha 濾鏡
13．5．2Blur 濾鏡
13．5．3FlipH， FlipV 濾鏡
13．5．4Chroma 濾鏡
13．5．5DropShadow 濾鏡
13．5．6Glow 濾鏡
13．5．7Gray ，Invert，Xray 濾鏡
13．5．8Light 濾鏡
13．5．9Mask 濾鏡
13．5．10Shadow 濾鏡
13．5．11Wave 濾鏡
13．6本章小結
第網頁的布局設計
14．1層布局
14．1．1層的概念
14．1．2插入圖層
14．1．3實現div+css網頁布局
14．2表格布局
14．2．1創建表格
14．2．2選定表格
14．2．3設置表格屬性
14．2．4設置行、格屬性
14．3框架布局
14．3．1框架的作用
14．3．2框架集實現
14．3．3框架的實現
14．4本章小結
第網素的設計
15．1認識網頁表單
15．2創建表單
15．2．1插入表單
15．2．2表單的屬性
15．3插入