網頁制作實例教程

中國水利水電出版社

【作者】齊建玲

【I S B N 】978-7-5084-1648-9

【責任編輯】曉淵工作室

【適用讀者群】高職高專

【出版時間】2008-02-01

【開本】16開本

【裝幀信息】平裝（光膜）

【版次】第1版

【頁數】240

【千字數】

【印張】

【定價】￥20

【叢書】21世紀高職高專新概念教材

【備注信息】

圖書詳情

簡介

本書特色

前言

章節列表

精彩閱讀

下載資源

相關圖書

本書介紹了4個典型的網頁制作實例；校園網站、個人網站、網上服務、企業網站，這4個網站屬于不同的網站類型。掌握了這4個網站的制作方法，其他網站的制作只要在此基礎上稍加改進即可。

本書所使用的工具有：網頁制作工具FrontPage、Dreamweaver；網頁美化工具Fireworks、Flash、Photoshop等，在每個實例的最后給出了該網站主頁的源代碼，供讀者查閱參考。

本書內容豐富、語言通俗易懂，是一本能使讀者全面掌握網頁制作技術的好教程。可以作為高職高專學校網頁制作課程的輔助教材，也可以用于高等教育自學輔助教材。本書配有書中的全部安全，購買本書的學校請與北京萬水電子信息有限公司聯系，可免費獲取該素材。聯系電話：010-82562819-331。

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

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

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

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

選用本教材的學校，可以通過電子郵件與作者聯系，獲取本書的相關教學材料或應用案例。作者的E-mail：[email protected]。

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

編者

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