網頁設計與製作

本書內容共分7章。第1章網頁製作基礎。介紹網頁製作的基本概念、優秀網站賞析以及常見的網頁製作技術和開發工具。第2章HTML。詳細介紹網頁製作的最基本語言，超文本標識語言。第3章DHTML技術。 ^[1]  介紹JavaScript、CSS以及HTML DOM（文檔對象模型）等知識。第4~6章分別介紹網頁製作及輔助工具Dreamweaver CS5、Photoshop CS5、Flash CS5的操作和使用方法。第7章介紹幾種工具結合的使用技巧。本書定位於計算機應用基礎層次的課程教學使用。可以滿足不同院校各類非計算機專業專、本科的教學需求，還可作為網站設計、網頁製作人員的參考用書。 ^[1] 

第1章網頁製作基礎

1.1Internet

1.2WWW

1.3優秀網站欣賞

1.4網頁製作技術和開發工具

參考資料

思考題

第2章HTML語言

2.1HTML簡介

2.1.1HTML語言的語法結構

2.1.2HTML語言的語法規則

2.1.3HTML標籤

2.2基本標籤

2.2.1標籤

2.2.2標籤

2.2.3標籤

2.2.4標籤

2.3格式標籤

2.3.1

標籤

2.3.2

標籤

2.3.3標籤

2.3.4、、標籤

2.3.5

、

、

標籤

2.3.6標籤

2.4文本標籤

2.4.1…標籤

2.4.2、、標籤

2.4.3、、、

標籤

2.4.4標籤

2.5圖像標籤

2.6標籤

2.7表格標籤

2.7.1

標籤

2.7.2、

2.8鏈接標籤

2.8.1標籤

2.8.2標籤

2.9框架標籤

2.9.1標籤

2.9.2標籤

2.9.3標籤

2.10表單標籤

2.10.1標籤

2.10.2標籤

2.10.3、標籤

2.10.4標籤

2.10.5標籤

2.10.6標籤

參考資料

思考題

第3章DHTML語言

3.1JavaScript語言

3.1.1JavaScript簡介

3.1.2JavaScript 位置

3.1.3JavaScript 語句

3.1.4JavaScript 代碼

3.1.5JavaScript 函數

3.1.6JavaScript 消息框

3.1.7事件

3.1.8JavaScript 變量

3.1.9JavaScript 運算符

3.1.10JavaScript 循環

3.1.11條件語句

參考資料

3.2層疊樣式表（CSS）

3.2.1CSS簡介

3.2.2CSS的創建

3.2.3CSS基本語法

3.2.4id 選擇器

3.2.5類選擇器

3.2.6CSS偽類

3.2.7CSS樣式

3.2.8CSS框模型

參考資料

3.2.9CSS 定位

參考資料

3.3HTML DOM

3.3.1DOM 節點

3.3.2訪問節點

思考題

第4章Dreamweaver CS5

4.1Dreamweaver CS5概述

4.1.1界面組成

4.1.2開發站點流程

4.2站點創建和管理

4.2.1設置新站點

4.2.2管理和編輯站點

4.2.3使用文件面板

4.3創建簡單頁面

4.3.1文檔創建和保存

4.3.2在文檔中添加文本

4.3.3創建項目列表和編號列表

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.6編輯圖像

4.6.1插入圖像

4.6.2裁剪圖像

4.6.3對齊圖像

4.6.4圖像地圖

參考資料

4.7插入媒體

4.7.1插入 SWF 文件

4.7.2插入FLV文件

4.7.3插入Shockwave影片

4.7.4添加聲音

參考資料

4.8使用CSS控制網頁樣式

4.8.1CSS 規則

4.8.2CSS 規則所處的位置

4.8.3CSS 樣式面板

4.8.4創建CSS 規則

4.8.5設置 CSS 屬性

4.8.6應用CSS樣式

4.9用 CSS 對網頁進行佈局

4.9.1插入div標籤

4.9.2使用CSS佈局塊

4.9.3使用AP元素佈局

4.9.4使用CSS佈局模板創建頁面

參考資料

4.10使用框架佈局

4.11添加行為

4.11.1事件

4.11.2動作

4.12添加表單

4.12.1創建表單

4.12.2驗證表單數據

4.12.3創建跳轉菜單

4.13使用模板

4.13.1創建模板

4.13.2模板區域的類型

4.13.3創建基於模板的文檔

4.14創建動態頁面

4.14.1安裝並運行 IIS

4.14.2創建Dreamweaver 站點

4.14.3創建數據庫

4.14.4創建數據庫連接

4.14.5定義記錄集

4.14.6顯示數據庫記錄

4.14.7添加記錄集導航

4.14.8顯示和隱藏導航區域

思考題

第5章Photoshop CS5

5.1Photoshop概述

5.1.1界面組成

5.1.2文件基本操作

5.2圖像操作

5.2.1裁剪圖像

5.2.2更改圖像像素大小

5.2.3更改畫布大小

5.2.4圖像的變形

5.3選區操作

5.3.1選區工具

5.3.2選區基本操作

5.3.3選區的編輯操作

5.3.4載入和存儲選區

5.3.5選區和圖層的結合變換

5.4圖層操作

5.4.1圖層概述

5.4.2圖層樣式

5.4.3填充圖層、調整圖層

5.4.4蒙版

5.5濾鏡操作

5.5.1濾鏡基本操作

5.5.2使用濾鏡注意事項

5.6繪畫和繪圖操作

5.6.1繪畫工具

5.6.2繪圖工具

5.7通道操作

5.7.1通道類型

5.7.2通道的基本操作

5.8文本操作

5.8.1文字的輸入

5.8.2文字屬性修改

5.8.3文字蒙版

5.8.4在路徑上創建文本

5.8.5使用圖層樣式製作文字效果

5.9Web圖形輸出操作

5.9.1創建切片

5.9.2切片類型

5.9.3修改切片

5.9.4切片輸出類型

5.9.5HTML和圖像輸出設置

參考資料

思考題

第6章Flash CS5

6.1Flash CS5概述

6.2繪製圖形

6.2.1繪製模式

6.2.2使用線條工具繪製直線段

6.2.3繪製矩形和橢圓

6.2.4繪製多邊形和星形

6.2.5使用鉛筆工具繪畫

6.2.6使用鋼筆工具繪圖

6.3導入圖片

6.43D圖形

6.5文本

6.6元件、實例和庫

6.6.1創建元件

6.6.2創建實例

6.6.3庫

6.7動畫

6.7.1逐幀動畫

6.7.2補間形狀

6.7.3傳統補間

6.7.4補間動畫

6.7.5反向運動

6.8特效應用

6.8.1使用噴塗刷工具

6.8.2使用濾鏡

6.8.3應用動畫預設

6.8.4遮罩層動畫

6.8.5引導層動畫

6.9添加聲音

6.9.1導入聲音

6.9.2將聲音添加到時間軸

6.10添加視頻

6.10.1將視頻文件導入舞台中

6.10.2在屬性面板中修改視頻實例屬性

6.11創建按鈕

6.12交互

6.12.1動作面板概述

6.12.2使用代碼片段

參考資料

6.13發佈

思考題

第7章軟件的結合使用

7.1Dreamweaver CS5和Photoshop CS5的完美結合

7.1.1Dreamweaver直接使用Photoshop的源文件

7.1.2將Photoshop選區直接複製到Dreamweaver

7.1.3拷貝Photoshop切片到Dreamweaver

7.2Dreamweaver CS5和Flash CS5的完美結合

附錄1HTML 4.0參考

附錄2Photoshop實用快捷鍵

參考文獻

^[2]