網頁設計與製作

《網頁設計與製作》是普通高等教育“十五”國家級規劃教材。本教材以設計實用網頁的過程為主線，圍繞創建與設計Web站點、創建與優化網頁、測試與發佈站點這三個基本步驟，全面介紹利用Dreamweaver MX 2004創建、管理與優化站點的方法，並介紹Fireworks MX 2004與FlashMX 2004的應用。

《網頁設計與製作》的編寫採用任務驅動方法，注重實例，使讀者逐步構建設計與製作實用網頁的能力，逐步提高設計與製作實用網頁的方法與技巧。本教材安排了大量應用實例的講解，並提供了大量的實驗內容。

《網頁設計與製作》適合於高等職業學校、高等專科學校、成人高校、本科院校舉辦的二級職業技術學院，也可供示範性軟件職業技術學院、繼續教育學院、民辦高校、技能型緊缺人才培養使用，還可供本科院校、計算機專業人員和愛好者參考使用。

第1章 網頁概述

1.1 網頁基礎

1.1.1 Web的起源

1.1.2 Web的特點

1.1.3 HTML

1.1.4 Web的結構

1.1.5 瀏覽器

1.2 Web的常用術語

1.3 網頁製作工具

1.3.1 網頁編輯工具

1.3.2 網頁圖像與動畫製作工具

1.4 網站開發流程

1.4.1 網站規劃

1.4.2 網站製作

1.4.3 後期維護

上機實驗1

習題1

第2章 網頁製作基礎

2.1 中文DreamweaverMX2004的工作窗口

2.1.1 工作窗口

2.1.2 文檔窗口

2.1.3 浮動面板

2.2 使用面板、菜單和輔助設計工具

2.2.1 顯示和隱藏面板

2.2.2 調整面板形狀與面板組合

2.2.3 使用快捷方式

2.2.4 使用標尺

2.2.5 使用網格

2.3 HTML基礎

2.3.1 HTML的基本概念

2.3.2 HTML網頁的編寫方法

2.3.3 HTML的頭部標記與主體標記

2.3.4 HTML的文本標記於鏈接標記

2.3.5 HTML的圖像標記

2.3.6 HTML的表格標記

2.3.7 HTML的表單標記

2.3.8 HTML的框架標記

2.3.9 HTML的其他標記

上機實驗2

習題2

第3章 創建“我們的班”網頁

3.1 創建“我們的班”站點

3.1.1 設置站點存儲位置

3.1.2 建立Dreamweaver站點

3.1.3 建立站點文件夾

3.1.4 建立網頁新文件

3.1.5 打開站點窗口

3.2 製作“我們的班”網頁

3.2.1 製作網頁標題

3.2.2 設置導航欄

3.2.3 設置網頁內容

3.2.4 網頁的超級鏈接

3.2.5 設置頁面屬性

3.2.6 保存網頁

3.2.7 瀏覽頁面

3.2.8 設置首頁及應用站點地圖

3.3 網站上傳

3.3.1 保存完整的Web站點

3.3.2 申請網頁空間與註冊域名

3.3.3 上傳本地站點

上機實驗3

習題3

第4章 網頁編輯與超級鏈接

4.1 網頁中文本的設置

4.1.1 輸入文本

4.1.2 修飾文本

4.1.3 插入日期

4.1.4 創建文本的超級鏈接

4.2 網頁中圖像的設置

4.2.1 網頁圖像的基礎知識

4.2.2 網頁圖像素材的蒐集

4.2.3 插入圖像

4.2.4 設置圖像屬性

4.2.5 製作圖像的提示信息

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.4.6 創建E―mail鏈接

上機實驗4

習題4

第5章 美化網頁圖像

5.1 FireworksMX2004的工作窗口

5.1.1 FireworksMX2004的工作窗口

5.1.2 浮動面板組

5.2 文字設計

5.2.1 文字的輸入與編輯

5.2.2 將文本附加於路徑

5.2.3 將文本轉換為路徑

5.3 矢量對象的製作

5.3.1 創建基本圖形

5.3.2 設計網站logo

5.3.3 繪製球體

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.6.3 彈出菜單

上機實驗

第6章 讓網頁動起來

6.1 Flash動畫原理

6.1.1 電腦動畫

6.1.2 Flash的特點與應用領域

6.1.3 FlashMX2004的主要功能

6.2 Flash基礎

6.2.1 矢量圖與位圖

6.2.2 FlashMX2004的工作窗口

6.3 FlashMX2004中圖形的繪製與處理

6.3.1 基本圖形的創建

6.3.2 圖形、聲音素材的處理

6.3.3 矢量圖的轉換

6.4 元件的創建與應用

6.4.1 元件的創建

6.4.2 製作按鈕

6.5 圖層

6.5.1 創建層

6.5.2 編輯層

6.6 基礎動畫與實例

6.6.1 幀與關鍵幀

6.6.2 創建逐幀動畫

6.6.3 創建補間動畫

6.6.4 創建引導線動畫

6.6.5 創建遮罩動畫

6.7 聲音

6.7.1 導入聲音

6.7.2 為動畫添加聲音

6.7.3 編輯聲音

6.7.4 輸出與壓縮

6.8 創建交互動畫

6.8.1 動作面板

6.8.2 為對象添加交互語句

6.9 Flash影片的發佈

6.9.1 測試與播放Flash影片

6.9.2 發佈Flash影片

第7章 網頁佈局

7.1 表格的應用

7.1.1 創建表格

7.1.2 表格的基本操作與屬性設置

7.1.3 應用格式表格

7.1.4 表格的修飾和嵌套

7.1.5 應用實例――利用表格設計網頁

7.2 層的應用

7.2.1 插入新層

7.2.2 設置層的屬性

7.2.3 調整層

7.2.4 層與表格的轉換

7.3 框架

7.3.1 創建框架

7.3.2 設置框架與框架集的屬性

7.3.3 應用實例――利用框架設計網頁

上機實驗7

習題7

第8章 創建動態網頁

8.1 表單

8.1.1 表單和表單對象

8.1.2 創建表單

8.1.3 插入表單對象

8.1.4 表單與表單對象的應用

8.2 行為

8.2.1 行為的概念

8.2.2 附加行為

8.2.3 行為的應用

8.3 時間軸

8.3.1 時間軸的概念

8.3.2 製作一個簡單的時間軸動畫

8.3.3 製作動態文字

8.3.4 製作飄動的廣告

上機實驗8

習題8

第9章 模板與CSS樣式

9.1 模版

9.1.1 模板概述

9.1.2 創建模板

9.1.3 設定模板的可編輯區域

9.1.4 應用模板

9.1.5 編輯模板

9.1.6 更新基於模板的網頁文件

9.2 文字樣式

9.2.1 CSS樣式的基本操作

9.2.2 設置CSS樣式的屬性

9.2.3 CSS樣式應用實例

上機實驗9

習題9