計算機應用是一種技術含量高、更新速度快的職業，要求技術人員具有較強的開發和操作能力。對于高職計算機專業網絡方面的人才，應具有較強的Web站點規劃、建立配置和網上應用開發的能力；對于非計算機專業的高等人才，也應具有一定的網上操作和網頁制作能力。本書通過介紹實例網站的制作過程，使讀者掌握當今網站開發的主要技術，其中包括網站建設、網頁制作、網頁美化、網站檢測、網站發布和網頁維護等。

教材中的實例是作者從實際工作中精選出來的，具有較強的應用性和示范作用。同時，書中所用語言淺顯易懂，并輔之以精選的插圖，相信讀者只要按照書中的步驟進行操作一定能制作出令您滿意的網頁來。

本書是《網頁制作教程》的配套用書，也可作為網頁制作課程的輔導用書。

全書共分4章，第1章介紹一個校園網站的制作實例；第2章介紹個人網站的制作過程；第3章介紹網上售票系統的制作實例；第4章介紹企業網站的制作方法。由于是《網頁制作教程》的配套教材，所以在介紹各個網站的制作過程中，重點介紹靜態網頁的制作方法，對動態部分只作簡單介紹。

選用本教材的學校，可以通過電子郵件與作者聯系，獲取本書的相關教學材料或應用案例。作者的E-mail：qjl@nciae.edu.cn。

本書由齊建玲主編，黃南川、劉博濤、郭鐵柱任副主編。參加本書編寫的還有王嵬嵬、陳曉紅、宋存米等。由于寫作時間緊迫，書中難免有一些疏漏之處，敬請同行和廣大讀者批評指正。

編者

2003年6月

序
前言
第1章 校園網網站制作實例 1
1.1 網站定位 1
1.1.1 定位網站的主題和名稱 1
1.1.2 定位網站的CI形象 2
1.1.3 確定網站的欄目 3
1.1.4 確定網站的目錄結構 4
1.1.5 確定網站的鏈接結構 4
1.2 制作主頁 5
1.2.1 定義站點 5
1.2.2 主頁布局 7
1.2.3 利用Photoshop制作Logo圖片 11
1.2.4 制作首頁特效圖片 15
1.2.5 首頁制作 21
1.3 學校概況頁面的制作 47
1.3.1 框架表格的制作 48
1.3.2 頁面內容制作 51
1.3.3 “學院簡介”頁面的制作 55
1.4 頁面源代碼 55
1.4.1 主頁源代碼 55
1.4.2 “學校概況”頁面的源代碼 61
小結 65
第2章 “清風明月”個人網站的建立實例 66
2.1 個人網站設計原則 66
2.2 總體設計及其網站的建立 66
2.2.1 網站結構 66
2.2.2 網站內容 67
2.2.3 網站目錄 67
2.2.4 建立網站 68
2.3 引導頁的制作 69
2.3.1 背景畫的制作 69
2.3.2 靜態“清風明月”圖的制作 71
2.3.3 廣告條的制作 73
2.3.4 完成引導頁 74
2.4 素材的準備與制作 78
2.4.1 Logo圖的制作 78
2.4.2 NEW圖標的制作 81
2.4.3 變色小球的制作 83
2.4.4 淡入淡出廣告條的制作 85
2.4.5 導航條的制作 87
2.5 模板的制作 90
2.5.1 建立框架結構 90
2.5.2 設置框架屬性 91
2.5.3 保存框架文件 92
2.5.4 上框架（topFrame）的設計 92
2.5.5 左框架（leftFrame）的設計 93
2.5.6 右框架（rightFrame）的設計 96
2.5.7 中間框架（mainFrame）的設計 96
2.5.8 模板的完成 97
2.6 主頁的制作 98
2.7 子網頁的制作 99
2.7.1 花海泛舟網頁的設計 99
2.7.2 “自我寫真”網頁的制作 102
2.8 全面檢查與發布 106
2.8.1 全面檢查網站 106
2.8.2 發布網站 107
2.9 宣傳自己的網站 108
2.10 頁面源代碼 111
小結 114
第3章 “列車訂票查詢系統”網站制作實例 115
3.1 預覽主要網頁畫面 115
3.2 定義站點 116
3.3 制作主頁 118
3.3.1 主頁布局 118
3.3.2 利用Photoshop制作標題圖片 124
3.3.3 利用Fireworks制作導航條 132
3.3.4 利用Fireworks制作縱向導航按鈕 139
3.3.5 制作主頁 142
3.4 制作“新聞”頁面 148
3.5 制作“用戶注冊”頁面 152
3.5.1 創建網頁 152
3.5.2 創建客戶端JavaScript程序 159
3.5.3 創建服務器端ASP腳本文件 162
3.6 主頁源代碼 164
3.6.1 框架集網頁的程序代碼 164
3.6.2 leftFrame.htm的程序代碼 165
3.6.3 topFrame.htm程序代碼 169
3.6.4 mainframe.htm程序代碼 173
小結 174
第4章 企業網站制作實例 175
4.1 預覽主要網頁畫面 175
4.2 制作主頁 177
4.2.1 前期準備 177
4.2.2 定義站點 178
4.2.3 主頁布局 179
4.2.4 利用Fireworks制作導航按鈕 185
4.2.5 利用Fireworks制作banner中的抽線圖效果 190
4.2.6 用Fireworks輸出帶切片的圖形 191
4.2.7 從Fireworks 到Dreamweaver的交互 193
4.2.8 主頁的制作 194
4.3 企業黃頁技術支持頁的制作 199
4.4 動態留言板制作 199
4.5 制作過程中用到的一些技巧 204
4.6 使用Dreamweaver 提高工作效率 207
4.7 后期維護 213
4.8 主頁源代碼 218
小結 228

1. 基于.NET Core框架的分布式系統架構設計 [湯佳 著]
2. Web用戶界面設計與制作 [主編 趙娟]
3. ASP.NET（C#）網站開發（第二版） [主編 張志明 王輝]
4. Web開發實戰 [主編　肖睿　陳永]
5. Bootstrap與jQuery UI框架設計 [主編 肖睿 吳振宇]
6. 網頁設計與制作 [主編 楊毅]
7. 網頁制作實戰 [主編 肖睿 羅保山]
8. 網頁設計與制作 [主編 陳建國 項煒]
9. 16課學會網頁程序設計—— HTML5+CSS3+JavaScript+jQuery+ [施威銘研究室 著]
10. HTML5+CSS3前端技術——UI設計師與開發人員合作秘籍 [北京課工場教育科技有限公司Q]
11. Web程序設計實踐教程 [主編 侯萍 郭俊榮]
12. 網頁設計與制作 [孫娜 蒲秋梅 南洋 編著]
13. 玩轉Axure RP——Axure RP 7.0高保真網頁、APP原型設計 [謝星星 編著]
14. ASP.NET Web程序設計 [吳琴霞 栗青生 康晶 編著]
15. CSS+DIV頁面布局技術 [主編 朱翠苗]
16. Web開發與安全防范 [主編 武春嶺]
17. 網頁設計實訓教程 [主編 張春英 李英文 鐘大偉]
18. ASP.NET（C#）網站開發 [主編 張志明 王輝]
19. 網頁設計實用技術 [主 編 陳建國 李勤]
20. JSP設計與開發 [秦毅 王可]
21. ASP.NET項目開發教程 [鄒承俊 任 華]
22. 動態網頁設計與制作實用教程（第三版） [程偉淵 倪燃]
23. ASP程序設計（第二版） [葉潮流 杜奕智]
24. 網頁設計與制作實用技術（第二版） [齊建玲 楊艷杰]
25. 網頁前端技術 [主 編 王敏杰 任云暉]
26. 多媒體網頁設計教程 [主編 朱國華 齊暉 李楓]
27. 網站建設與網頁制作 [姚翠友 楊艷紅 編著]
28. 網頁設計與制作（第二版）實訓指導 [任正云 賴玲 嚴永松 王婭紛]
29. 網頁設計與制作（第二版） [任正云 賴玲 嚴永松 編著]
30. 網頁設計與制作 [主編 陳彥許 陳維華]