網頁設計與製作

網頁設計與製作

所屬類別

教材 >> 高職 >> 高職經濟與管理

作者：趙克寶、林萍 主編

出版日期：2008年1月 書號：978-7-122-01784-0

開本：16 裝幀：平 版次：1版1次 頁數：216頁

本書全面介紹了網頁設計與製作技術，以目前最流行的網頁設計軟體為基礎，系統地介紹了網頁的設計、網站開發的全過程。從網頁的基本概念講起，詳細講述了HTML語言的基本語法和編程規則，製作網頁和管理網站軟體Dreamweaver MX2004，以及如何在網頁中應用CSS樣式。同時，還介紹了利用ASP和CGI實現動態資料庫交互，用Fireworks MX 2004進行專門的網頁圖像處理，用Flash MX 2004製作矢量動畫和互動式網頁。

本書可作為高職高專院校電子商務、計算機等專業的教材和相關專業的培訓教材，同時也適合網站設計人員或相關愛好者自學使用。

第1章 網站開發基礎知識 1

1.1 網路基礎知識 1

1.1.1 Internet發展概述 1

1.1.2 IP地址和域名 2

1.1.3 統一資源定位器（URL） 2

1.1.4 超文本置標語言 2

1.1.5 萬維網和瀏覽器 4

1.2 網站開發流程 4

1.2.1 網站的種類 4

1.2.2 網站建設的需求分析 6

1.2.3 網站的規劃 6

1.2.4 網站的設計 6

1.3 Dreamweaver的編輯環境 7

1.3.1 文檔窗口的組成 7

1.3.2 應用對象面板 8

1.3.3 工具欄 10

1.4 面板介紹 11

1.4.1 面板的基本操作 11

1.4.2 【屬性】面板 11

1.4.3 【歷史記錄】面板 11

1.5 標尺、輔助線、網格和狀態欄 12

1.5.1 標尺的應用 12

1.5.2 輔助線的應用 12

1.5.3 網格的應用 12

1.5.4 狀態欄 12

1.6 創建站點 12

1.6.1 申請免費空間 12

1.6.2 定義本地站點 13

思考與練習題 18

第2章 編輯網頁元素 19

2.1 網頁組成元素 19

2.1.1 概述 19

2.1.2 文本元素 19

2.1.3 圖像元素 20

2.2 編輯文本 21

2.2.1 在網頁中插入文本 21

2.2.2 編輯與設置文本格式 21

2.2.3 段落格式的編輯 22

2.2.4 使用文本列表 23

2.2.5 插入其他網頁元素 24

2.3 編輯圖像 25

2.3.1 在網頁插入圖像 25

2.3.2 設置圖像屬性 26

2.3.3 圖像的應用 27

2.3.4 背景圖像 28

2.4 編輯超級鏈接 28

2.4.1 超級鏈接簡述 28

2.4.2 文本超級鏈接 29

2.4.3 圖像超級鏈接 30

2.4.4 郵件鏈接 31

2.4.5 錨記鏈接 31

2.4.6 空鏈接和腳本鏈接 32

2.5 編輯多媒體 32

2.5.1 插入Flash對象 32

2.5.2 插入Flash文本 32

2.5.3 插入Flash按鈕 33

2.5.4 插入音頻和視頻 33

思考與練習題 34

第3章 設計網頁布局 35

3.1 創建表格 35

3.1.1 插入表格 35

3.1.2 在表格中添加內容 37

3.1.3 導入表格數據 38

3.2 格式化表格 40

3.2.1 選定表格元素並調整表格大小 40

3.2.2 設置表格屬性 41

3.2.3 設置單元格屬性 42

3.2.4 使用預先設計的格式化表格 42

3.3 表格的導入、排序與導出 45

3.4 對錶格的操作 50

3.4.1 複製、粘貼和刪除單元格 50

3.4.2 添加和刪除表格行與列 51

3.4.3 合併、拆分單元格 52

3.5 利用表格製作產品報價單 54

3.6 應用【布局】模式設計網頁 57

3.6.1 在【布局】模式中創建表格和單元格 57

3.6.2 添加布局單元格內容 61

3.6.3 調整布局表格和單元格 61

3.6.4 設置表格和單元格寬度 63

3.6.5 修改布局表格和單元格的屬性 65

3.6.6 設置【布局】模式的首選參數 66

3.7 製作導航欄 67

3.8 框架 70

3.8.1 創建框架集 71

3.8.2 創建嵌套框架集 74

3.8.3 保存框架 75

3.8.4 選中框架和框架集 76

3.8.5 為框架添加內容 77

3.9 設置框架和框架集屬性 80

3.9.1 設置框架背景顏色 81

3.9.2 設置框架的屬性 81

3.9.3 設置框架集的屬性 82

3.10 使用鏈接控制框架的內容 83

3.11 框架製作實例 83

思考與練習 87

第4章 定義與優化網頁 88

4.1 HTML基本結構 88

4.1.1 HTML基本樣式 88

4.1.2 標籤 91

4.1.3 主體標籤和排版標籤 93

4.1.4 字體標籤 95

4.1.5 列表 100

4.2 網頁製作實戰 105

4.3 HTML信息 108

4.3.1 查看HTML信息 108

4.3.2 HTML代碼格式 111

4.3.3 清理HTML代碼 113

4.4 CSS基礎 114

4.4.1 CSS樣式簡介 114

4.4.2 CSS語法 115

4.4.3 在網頁中插入CSS 116

4.5 CSS應用 118

4.5.1 CSS樣式的種類 118

4.5.2 創建CSS樣式 120

4.5.3 鏈接和編輯外部CSS樣式 124

4.6 特效文字的製作 128

思考與練習 131

第5章 添加網頁特效 132

5.1 行為概述 132

5.2 添加和編輯行為 133

5.2.1 行為面板 133

5.2.2 關於事件 134

5.2.3 為對象附加行為 134

5.2.4 編輯已經附加的行為 134

5.3 常見行為的使用 135

5.3.1 交換圖像 135

5.3.2 彈出信息 138

5.3.3 恢復交換圖像 139

5.3.4 打開瀏覽器窗口 139

5.3.5 控制Shockwave或Flash 142

5.3.6 播放聲音 144

5.3.7 顯示彈出式菜單 146

5.3.8 檢查插件 150

5.3.9 檢查瀏覽器 151

5.3.10 設置文本 153

思考與練習題 156

第6章 網站的高效管理 157

6.1 庫項目 157

6.1.1 生成庫項目並將其插入文檔 157

6.1.2 在文檔中插入庫項目 158

6.1.3 編輯庫項目 159

6.1.4 使文檔中庫項目可編輯 160

6.2 模板 161

6.2.1 生成一個模板 161

6.2.2 模板中的可編輯區域 163

6.2.3 創建重複區域 164

6.2.4 插入重複表格 165

6.2.5 插入可選區域 166

6.2.6 基本模板創建文件 168

6.2.7 使頁面中的模板可編輯 169

6.3 資源管理 169

6.3.1 認識資源面板 169

6.3.2 使用【資源】面板 171

6.3.3 如何在網頁中添加圖像 172

6.3.4 使用資源面板改變顏色 173

6.3.5 使用鏈接資源 174

6.3.6 改變資源順序 175

思考與練習題 175

第7章 動態網頁設計 176

7.1 動態網頁實現技術簡介 176

7.2 ASP開發平台 177

7.2.1 ASP的特點 177

7.2.2 ASP的工作原理 178

7.2.3 ASP的運行環境 178

7.2.4 腳本語言 179

7.2.5 ASP內置對象 180

7.3 表單設計 180

7.4 答題靜態網頁製作實戰 185

7.5 創建與調試動態網頁 187

7.5.1 創建動態網頁 187

7.5.2 調試動態網頁 188

7.6 答題動態網頁製作實戰 188

思考與練習 188

第8章 Dreamweaver動態網站設計 189

8.1 資料庫的建立 189

8.1.1 建立資料庫 189

8.1.2 建立數據表 189

8.2 製作網站程序的基本資料表 190

8.3 新聞發布系統的主頁面製作 190

8.3.1 新建站點 190

8.3.2 新聞系統的主頁面製作 191

8.4 新聞發布系統管理頁面的製作 198

8.4.1 管理員登錄頁面的製作 198

8.4.2 新聞管理主頁面的製作 199

8.4.3 添加新聞頁面的製作 200

8.4.4 修改頁面的製作 201

8.4.5 刪除新聞頁面的製作 202

思考與練習 204

參考文獻 205