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

中國水利水電出版社

【作者】齊建玲

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

【責(zé)任編輯】曉淵工作室

【適用讀者群】高職高專

【出版時(shí)間】2008-02-01

【開本】16開本

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

【版次】第1版

【頁數(shù)】240

【千字?jǐn)?shù)】

【印張】

【定價(jià)】￥20

【叢書】21世紀(jì)高職高專新概念教材

【備注信息】

圖書詳情

簡介

本書特色

前言

章節(jié)列表

精彩閱讀

下載資源

相關(guān)圖書

本書介紹了4個(gè)典型的網(wǎng)頁制作實(shí)例；校園網(wǎng)站、個(gè)人網(wǎng)站、網(wǎng)上服務(wù)、企業(yè)網(wǎng)站，這4個(gè)網(wǎng)站屬于不同的網(wǎng)站類型。掌握了這4個(gè)網(wǎng)站的制作方法，其他網(wǎng)站的制作只要在此基礎(chǔ)上稍加改進(jìn)即可。

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

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

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

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

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

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

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

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

編者

2003年6月

序
前言
第1章校園網(wǎng)網(wǎng)站制作實(shí)例 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 定義站點(diǎn) 5
1.2.2 主頁布局 7
1.2.3 利用Photoshop制作Logo圖片 11
1.2.4 制作首頁特效圖片 15
1.2.5 首頁制作 21
1.3 學(xué)校概況頁面的制作 47
1.3.1 框架表格的制作 48
1.3.2 頁面內(nèi)容制作 51
1.3.3 “學(xué)院簡介”頁面的制作 55
1.4 頁面源代碼 55
1.4.1 主頁源代碼 55
1.4.2 “學(xué)校概況”頁面的源代碼 61
小結(jié) 65
第2章 “清風(fēng)明月”個(gè)人網(wǎng)站的建立實(shí)例 66
2.1 個(gè)人網(wǎng)站設(shè)計(jì)原則 66
2.2 總體設(shè)計(jì)及其網(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 引導(dǎo)頁的制作 69
2.3.1 背景畫的制作 69
2.3.2 靜態(tài)“清風(fēng)明月”圖的制作 71
2.3.3 廣告條的制作 73
2.3.4 完成引導(dǎo)頁 74
2.4 素材的準(zhǔn)備與制作 78
2.4.1 Logo圖的制作 78
2.4.2 NEW圖標(biāo)的制作 81
2.4.3 變色小球的制作 83
2.4.4 淡入淡出廣告條的制作 85
2.4.5 導(dǎo)航條的制作 87
2.5 模板的制作 90
2.5.1 建立框架結(jié)構(gòu) 90
2.5.2 設(shè)置框架屬性 91
2.5.3 保存框架文件 92
2.5.4 上框架（topFrame）的設(shè)計(jì) 92
2.5.5 左框架（leftFrame）的設(shè)計(jì) 93
2.5.6 右框架（rightFrame）的設(shè)計(jì) 96
2.5.7 中間框架（mainFrame）的設(shè)計(jì) 96
2.5.8 模板的完成 97
2.6 主頁的制作 98
2.7 子網(wǎng)頁的制作 99
2.7.1 花海泛舟網(wǎng)頁的設(shè)計(jì) 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)站制作實(shí)例 115
3.1 預(yù)覽主要網(wǎng)頁畫面 115
3.2 定義站點(diǎn) 116
3.3 制作主頁 118
3.3.1 主頁布局 118
3.3.2 利用Photoshop制作標(biāo)題圖片 124
3.3.3 利用Fireworks制作導(dǎo)航條 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)建服務(wù)器端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)站制作實(shí)例 175
4.1 預(yù)覽主要網(wǎng)頁畫面 175
4.2 制作主頁 177
4.2.1 前期準(zhǔn)備 177
4.2.2 定義站點(diǎn) 178
4.2.3 主頁布局 179
4.2.4 利用Fireworks制作導(dǎo)航按鈕 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 動(dòng)態(tài)留言板制作 199
4.5 制作過程中用到的一些技巧 204
4.6 使用Dreamweaver 提高工作效率 207
4.7 后期維護(hù) 213
4.8 主頁源代碼 218
小結(jié) 228