網(wǎng)頁制作實例教程

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

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

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

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

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

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

編者

2003年6月

序
前言
第1章 校園網(wǎng)網(wǎng)站制作實例 1
1.1 網(wǎng)站定位 1
1.1.1 定位網(wǎng)站的主題和名稱 1
1.1.2 定位網(wǎng)站的CI形象 2
1.1.3 確定網(wǎng)站的欄目 3
1.1.4 確定網(wǎng)站的目錄結(jié)構(gòu) 4
1.1.5 確定網(wǎng)站的鏈接結(jié)構(gòu) 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 頁面內(nèi)容制作 51
1.3.3 “學院簡介”頁面的制作 55
1.4 頁面源代碼 55
1.4.1 主頁源代碼 55
1.4.2 “學校概況”頁面的源代碼 61
小結(jié) 65
第2章 “清風明月”個人網(wǎng)站的建立實例 66
2.1 個人網(wǎng)站設計原則 66
2.2 總體設計及其網(wǎng)站的建立 66
2.2.1 網(wǎng)站結(jié)構(gòu) 66
2.2.2 網(wǎng)站內(nèi)容 67
2.2.3 網(wǎng)站目錄 67
2.2.4 建立網(wǎng)站 68
2.3 引導頁的制作 69
2.3.1 背景畫的制作 69
2.3.2 靜態(tài)“清風明月”圖的制作 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 建立框架結(jié)構(gòu) 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 子網(wǎng)頁的制作 99
2.7.1 花海泛舟網(wǎng)頁的設計 99
2.7.2 “自我寫真”網(wǎng)頁的制作 102
2.8 全面檢查與發(fā)布 106
2.8.1 全面檢查網(wǎng)站 106
2.8.2 發(fā)布網(wǎng)站 107
2.9 宣傳自己的網(wǎng)站 108
2.10 頁面源代碼 111
小結(jié) 114
第3章 “列車訂票查詢系統(tǒng)”網(wǎng)站制作實例 115
3.1 預覽主要網(wǎng)頁畫面 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制作縱向?qū)Ш桨粹o 139
3.3.5 制作主頁 142
3.4 制作“新聞”頁面 148
3.5 制作“用戶注冊”頁面 152
3.5.1 創(chuàng)建網(wǎng)頁 152
3.5.2 創(chuàng)建客戶端JavaScript程序 159
3.5.3 創(chuàng)建服務器端ASP腳本文件 162
3.6 主頁源代碼 164
3.6.1 框架集網(wǎng)頁的程序代碼 164
3.6.2 leftFrame.htm的程序代碼 165
3.6.3 topFrame.htm程序代碼 169
3.6.4 mainframe.htm程序代碼 173
小結(jié) 174
第4章 企業(yè)網(wǎng)站制作實例 175
4.1 預覽主要網(wǎng)頁畫面 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 企業(yè)黃頁技術(shù)支持頁的制作 199
4.4 動態(tài)留言板制作 199
4.5 制作過程中用到的一些技巧 204
4.6 使用Dreamweaver 提高工作效率 207
4.7 后期維護 213
4.8 主頁源代碼 218
小結(jié) 228

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