人民郵電出版社教材
基本信息
書名網頁設計與製作教程
叢 書 名21世紀高等學校計算機規劃教材
標準書號ISBN 978-7-115-24673-8
編目分類TP393.092
網頁設計與製作教程作者楊帆 嚴耀偉 王方 編著
責任編輯鄒文波
開本16 開
印張16.5
字數432 千字
頁數256 頁
裝幀平裝
版次第1版第1次
初版時間2011年2月
本 印 次2011年2月
首 印 數-- 冊
定價29.60 元
內容提要
本書是按照教育部高等學校計算機基礎課程教學指導委員會提出的《關於進一步加強高校計算機基礎教學的意見》中有關“網頁設計基礎”課程的教學要求及人才培養的新要求，結合獨立院校學生特點組織編寫的。全書共分8章，書中系統地介紹網頁的構思、規劃、製作和網站建設的全過程。主要內容包括：網頁設計基礎知識、Dreamweaver基礎、網頁色彩和布局的控制、製作Web動畫——Flash、網頁常見套用功能設計、網站發布與維護基礎知識、網站設計案例和動態網頁設計介紹。
本書內容全面，構思清晰，結構合理，注重實踐能力的培養，實用性和可操作性較強。各章附有適量的習題，引導讀者學習和掌握各章節的知識，便於自學。
本書可作為高等學校非計算機專業“網頁設計與製作”課程的教材，也可供網頁設計愛好者學習參考。
目錄
第1章網頁設計基礎知識1
1.1網路基礎知識1
1.1.1網路知識簡介1
1.1.2Internet3
1.1.3TCP/TP5
1.1.4IP位址5
1.1.5瀏覽器基本操作7
1.2網頁網站基礎知識9
1.2.1網頁9
1.2.2網頁中的常見元素11
1.2.3網站12
1.2.4HTML12
1.2.5網站伺服器工作的基本原理13
1.2.6網頁設計製作常用的工具軟體15
1.2.7網頁設計製作流程16
習題19
第2章Dreamweaver基礎20
2.1Dreamweaver基本操作20
2.1.1Dreamweaver的工作環境20
2.1.2Dreamweaver的簡單操作30
2.1.3Dreamweaver的視圖模式36
2.1.4在網頁中添加內容與超級連結37
2.1.5網頁設計結果測試41
2.2添加文本43
2.2.1在Dreamweaver中添加文本43
2.2.2文本格式設定44
2.2.3文本相關常用html標記44
2.3添加圖像46
2.3.1在網頁中添加各種圖像46
2.3.2圖像格式設定48
2.3.3圖像標記及其屬性49
2.3.4使用Dreamweaver製作網路相冊52
2.4添加多媒體53
2.4.1在網頁中添加視頻媒體54
2.4.2在網頁中添加音頻媒體55
2.4.3在網頁中添加動畫58
2.4.4媒體播放控制59
2.4.5多媒體標記介紹60
2.5超級連結套用61
2.5.1連結到各種對象67
2.5.2圖像熱區設定78
2.5.3連結的創建與管理81
2.5.4跳轉選單81
2.5.5導航條82
2.5.6查找斷開的、外部的和孤立的連結84
2.5.7修復斷開的連結85
2.5.8將JavaScript腳本附加到連結上86
2.6表單套用基礎86
2.6.1創建表單對象86
2.6.2創建文本域87
2.6.3創建複選框和單選按鈕88
2.6.4建立列表和選單88
2.6.5創建跳轉選單89
2.6.6創建檔案域和圖像域89
2.6.7常見表單元素使用90
2.6.8表單標記介紹90
2.6.9表單套用舉例92
習題93
第3章網頁色彩和布局的控制94
3.1表格套用94
3.1.1表格基礎95
3.1.2修飾網頁各種元素99
3.2框架的規劃與建立101
3.2.1框架與表格101
3.2.2規劃框架102
3.2.3創建框架102
3.2.4框架的操作104
3.2.5Spry框架105
3.3層的運用106
3.3.1創建層107
3.3.2層的操作108
3.3.3層與表格的關係111
3.4CSS樣式布局基礎和套用112
3.4.1CSS樣式表概述112
3.4.2CSS樣式面板114
3.4.3CSS樣式的創建116
3.4.4套用自定義的CSS樣式123
3.4.5附加外部CSS樣式表124
3.4.6導出外部CSS樣式表124
3.4.7編輯CSS樣式表124
3.4.8CSS樣式的優先順序125
3.4.9Spry框架中的CSS設定126
3.5各種樣式表元素套用130
3.5.1文字樣式130
3.5.2框線樣式131
3.5.3顏色樣式132
3.6網頁色彩搭配基礎知識132
3.6.1色彩基礎知識133
3.6.2網頁色彩搭配的原則(配色方案)137
3.6.3網站中的色彩套用147
3.7網頁布局控制153
3.7.1常見的網頁布局153
3.7.2網頁布局補遺156
習題156
第4章製作Web動畫——Flash159
4.1Flash概述159
4.1.1Flash的發展159
4.1.2Flash的功能160
4.1.3Flash的發展趨勢161
4.1.4Flash的工作界面162
4.1.5Flash“工具”面板163
4.1.6Flash常用對象面板164
4.2製作一個Flash165
4.2.1製作Flash文檔165
4.2.2發布Flash文檔168
4.3Flash基礎168
4.3.1使用Flash資源168
4.3.2元件的創建169
4.3.3庫面板中使用資料夾170
4.3.4實例的使用170
4.3.5Flash繪圖170
4.3.6顏色處理173
4.4Flash動畫177
4.4.1幀和關鍵幀177
4.4.2時間軸的功能178
4.4.3圖層和資料夾178
4.4.4繪圖紙按鈕的功能179
4.4.5幀的操作180
4.4.6形狀補間和動畫補間180
4.4.7引導層的使用181
4.4.8遮罩層的使用182
4.4.9多場景動畫182
習題183
第5章網頁常見套用功能設計184
5.1選單設計184
5.1.1選單設計分析184
5.1.2使用Dreamweaver設計選單186
5.2浮動標籤設計188
5.2.1浮動標籤套用舉例188
5.2.2Dreamweaver浮動標籤設計189
5.3網站導航設計190
5.3.1導航案例分析190
5.3.2導航設計190
5.4網站模板設計193
5.4.1模板套用舉例193
5.4.2Dreamweaver設計模板194
5.5其他效果設計196
5.5.1彈出視窗196
5.5.2狀態欄顯示文本197
5.5.3頁面自動跳轉198
5.5.4彈出提示信息200
5.5.5圖片移動效果201
習題203
第6章網站發布與維護基礎知識205
6.1發布網站到IIS205
6.1.1發布網站內容205
6.1.2測試網站207
6.2站點維護基礎知識208
6.2.1停止啟動伺服器208
6.2.2站點基本配置208
習題212
第7章網站設計案例213
7.1網站系統設計213
7.1.1網站設計的基本過程213
7.1.2網站設計的基本原則214
7.2網站內容設計215
7.2.1網頁外觀設計216
7.2.2網站製作流程簡介219
7.3個人網站設計實例224
7.3.1首頁設計224
7.3.2其他頁設計235
7.3.3網站整合239
7.4發布站點241
7.4.1申請空間242
7.4.2發布內容242
7.5網站的管理和維護244
習題244
第8章動態網頁設計介紹245
8.1動態網頁與靜態網頁245
8.2ASP基礎知識與套用246
8.2.1ASP介紹246
8.2.2ASP基礎知識247
8.2.3設計一個簡單的ASP網頁249
8.3常見其他動態網頁設計技術介紹252
8.3.1PHP252
8.3.2JSP253
8.4ASP.net網站設計254
習題256
高等教育出版社教材
基本信息
《網頁設計與製作教程》是一本實用的網頁設計與網站建設教材，內容豐富，簡明扼要，圖文並茂，適合高等學校計算機及非計算機專業學生作為教材和參考書，也可供網站建設人員參考使用。
內容簡介
《網頁設計與製作教程》將當今網頁設計與網站建設中所用的工具進行綜合、歸納，剔除了那些經過實踐檢驗不實用的部分，保留其精華，內容涵蓋了網站建設的各個方面。
《網頁設計與製作教程》主要闡述Interact網頁的製作方法，並簡單介紹動態網頁編程工具。
《網頁設計與製作教程》內容包括：WWW概述，網頁製作概述，使用DreamweaverCS3製作網頁，使用ExpressionWeb製作網頁，使用PhotoshopCS3美化網頁，FireworksCS3，FlashCS3，網頁標記語言HTML、DHTML與CSS，網頁編程，網站建設實例，並在最後介紹一個網站建設的綜合實例，將網站的整個建設過程做了較詳細說明。
目錄
第1章WWW概述
1.1Internet概述
1.1.1什麼是Internet
1.1.2Internet與TCP/IP
1.1.3Internet地址
1.1.4接入Intemet的方式
1.2Web伺服器
1.2.1Web伺服器概述
1.2.2WindowsWeb伺服器的建立
1.2.3UNIXWeb伺服器的建立
1.3IntemetExplorer簡介
1.4InternetExplorer的快捷鍵
1.5Internet常用術語
思考題
第2章網頁製作概述
2.1網站的種類
2.2網站結構的規劃
2.3網站的設計原則及標準
2.4網頁外觀的設計
2.5網頁製作工具概述
2.5.1Dreamweaver
2.5.2ExpressionWeb
2.6網頁美化工具
2.6.1PIhotoslnop
2.6.2Firework
2.6.3Flash
2.6.4PowerPoint
思考題
第3章使用DreamweaverCS3製作網頁
3.1Dreamweaver簡介
3.1.1Dreamweaver的特性
3.1.2DreamweaverCS3的界面
3.2建立站點
3.2.1創建本地站點
3.2.2創建站點地圖
3.2.3編輯站點
3.3建立網頁
3.3.1創建空白頁
3.3.2設定頁面屬性
3.3.3編輯文本
3.3.4查找/替換文本的內容
3.3.5使用圖像
3.4使用表格
3.4.1創建表格
3.4.2編輯表格
3.4.3表格的修飾
3.4.4表格的嵌套
3.4.5導入表格數據檔案
3.4.6用表格進行頁面布局
3.5使用框架
3.5.1創建框架和框架集
3.5設定框架及框架集的屬性
3.5.3對框架頁面進行編輯
3.6建立超連結
3.6.1創建內部超連結
3.6.2添加下載檔案超連結
3.6.3創建錨記連結
3.6.4創建導航條
3.6.5刪除超連結
3.7創建表單
3.7.I表單簡介
3.7.2製作表單
3.8動態效果
3.8.1使用AP元素
3.8.2行為的概念
3.8.3使用行為的實例
思考題
第4章使用ExpressionWeb製作網頁
4.1ExpressionWebb簡介
4.2ExpressionWeb的視窗介紹及視圖
4.3創建網站
4.4網站管理
4.4.1網站設定
4.4.2配置圖片編輯器
4.4.3為已有的網站添加網頁
4.4.4發布網站
4.5利用ExpressionWeb製作網頁
4.5.1創建新網頁與模板
4.5.2打開網頁
4.5.3格式化文本
4.5.4加入項目符號或編號
4.5.5插入圖形和水平線
4.5.6插入超連結
4.5.7表格的插入及格式化
4.5.8創建表單
4.5.9使用框架
4.5.10特殊效果
4.5.11插入腳本程式
4.5.12使用VisualBasic編輯器
思考題
第5章使用PhotoshopCS3美化網頁
5.1概述
5.2顏色模式和檔案格式的介紹
5.2.1顏色模式
5.2.2檔案格式
5.3PhotoshopCS3的基本操作
5.3.1選單欄上主要選單的使用
5.3.2工具箱的使用
5.3.3調板的使用
5.4製作特殊效果圖像
5.5創建特殊效果文字
5.6綜合實例
思考題
第6章FireworksCS3
6.1FireworksCs3的新特性
6.2FireworksCS3的工作界面
6.2.1選單欄
6.2.2工具列
6.2.3“屬性”面板
6.2.4浮動面板
6.2.5工具箱
6.2.6製作實例
思考題
第7章FIashCS3
7.1Flash簡介
7.2Flash中的一些概念
7.3FlashCS3的界面組成
7.4主要繪圖工具的使用
7.5FlashCS3的一些基本操作
7.5.1幀的操作
7.5.2圖層的操作
7.5.3場景的操作
7.5.4常用面板的使用
7.5.5創建和轉換元件
7.5.6作品的播放與測試
7.6添加音效
7.6.1導人聲音檔案
7.6.2在影片中加入聲音
7.6.3聲音的編輯
7.6.4加入音效實例
7.7動畫的製作、編輯及實例
7.7.1Flash動畫的類型
7.7.2Flash動畫的製作
7.7.3Flash動畫的編輯
7.7.4Flash動畫製作實例
7.8檔案的導入、發布和導出
7.8.1.檔案的導入
7.8.2。檔案的發布
7.8.3檔案的導出
思考題
第8章網頁標記語言HTML、DHTML與CSS
8.1HTML簡介
8.1.1一個實例
8.1.2標記
8.1.3標記
8.1.4標題文字顯示等級
8.2格式及文字
8.2.1格式標記
8.2.2文字標記
8.3圖片控制標記
8.3.1插入圖片
8.3.2圖片控制
8.3.3 標記
8.4網頁中的表
8.4.1基本表格
8.4.2表格控制
8.5網頁中的連結
8.5.1連結標記
8.5.2連結錨記
8.6網頁的框架結構
8.6.1基本語法
8.6.2框架的外觀設定
8.7網頁中的表單
8.7.1基本語法
8.7.2列表框標記
8.7.3文本輸入區
8.8其他標記
8.9DHTML與CSSL
8.9.1初步介紹CSSL
8.9.2通用JavaScript
8.9.3分層技術
8.9.4用JavaScript控制圖片
8.9.5提示效果?
思考題
第9章.網頁編程
.9.1XML
9.1.1HTML的局限性
9.1.2XMIL的興起
9.1.3XMIL的例子
9.1.4XMIL的套用展望
9.1.5序
9.1.6元素聲明
9.1.7聲明規則
9.I.8XML的其他組件
9.2JavaScript
9.2.1JavaScript語言介紹
9.2.2JavaSeript編程基礎
9.2.3JavaScript套用實例
9.3ASP編程
9.3.1ASP簡介
9.3.2ASP編程初步
9.3.3ASP的基本腳本語言
9.3.4使用SSI
9.3.5動態數據交換的實現
9.3.6ASP的內置組件
9.4ASP.NET編程
9.4.1ASP.NET簡介
9.4.2Web控制項的使用
9.4.3ASP.NET運算元據庫
9.4.4session和Cookie的使用
9.5PHP編程
9.5.1PHP簡介
9.5.2PHP語法簡介
9.5.3PHP編程實例
9.6Java與JSP
9.6.1Java概述
9.6.2Java應用程式
9.6.3JavaApplet
9.6.4JavaApplet圖形界面輸入/輸出
9.6.5JavaServlet
9.6.6JSP
9.6.7JsP與AsP(ASP.NET)的比較
9.6.8JSP的基本語法與示例
9.6.9XML與JSP
9.7AJAX
9.7.1AJAx簡介
9.7.2AJAx的工作機理
9.7.3簡單實例
思考題
第10章網站建設實例
10.1網站的設計原則及標準
10.2準備工作
10.3具體設計及規劃
10.4建立網站
10.5主頁的製作
10.6網頁的上傳與維護
10.7Intemet技術新進展
10.7.1web2.0簡介
10.7.2IPv6及建站實例
思考題
參考文獻
……
常用軟體
格式與所使用的壓縮算法有關，打開和製作的軟體也是和壓縮算法相聯繫的，下面介紹幾種典型的製作多媒體素材的軟體。
1、文字軟體
Windows記事本、Word、WPS、Excel、COOL 3D等。
2、圖像軟體
Windows畫圖、ACDSee、CoreDraw、Photoshop、Fireworks、conew,CDR等。
3、聲音軟體
Windows錄音機、CoolEdit、Winamp、豪傑超級解霸等。
4、動畫軟體
Gif Animator、Flash、Director、3D MAX等。
5、視頻軟體
Windows Media Player、超級解霸、Premiere、會聲會影等。
思考題
參考文獻
編輯推薦
本書從圖像處理軟體FireworksMX入手，介紹動畫設計和網頁製作的基礎知識。然後，介紹動畫設計軟體Fireworks MX，為製作動態網頁作好準備。最後，介紹網頁設計與製作軟體Dreamweaver MX，將學過的圖像處理和動畫設計的知識套用於網頁製作。為使製作的頁面有賞心悅目的效果，書中用較多篇幅講述了設計和最佳化網頁的方法和技巧，可使讀者在學習創建網站的同時學到平面設計和動畫製作的知識。本書內容安排鬆緊適度，便於教師安排教學計畫。本書各章都配有精心設計的實例，可幫助讀者快速理解和掌握書中的知識點。
媒體推薦
書評
本書從圖像處理軟體FireworksMX入手，介紹動畫設計和網頁製作的基礎知識。然後，介紹動畫設計軟體Fireworks MX，為製作動態網頁作好準備。最後，介紹網頁設計與製作軟體Dreamweaver MX，將學過的圖像處理和動畫設計的知識套用於網頁製作。為使製作的頁面有賞心悅目的效果，書中用較多篇幅講述了設計和最佳化網頁的方法和技巧，可使讀者在學習創建網站的同時學到平面設計和動畫製作的知識。本書內容安排鬆緊適度，便於教師安排教學計畫。本書各章都配有精心設計的實例，可幫助讀者快速理解和掌握書中的知識點。
序言
能夠滿足社會與專業本身需求的計算機套用能力已成為合格的大學畢業生必須具備的素質。
文科類專業與信息技術的相互結合、交叉、滲透，是現代科學技術發展趨勢的重要方面，是不可忽視的新學科的一個生長點。加強文科類專業（包括文史哲法教類、經濟管理類與藝術類一些專業）的計算機教育，開設具有專業特色的計算機課程是培養能夠滿足信息化社會對文科人才要求的重要舉措，是培養跨學科、綜合型文科通才的重要環節。
為了更好地指導文科類專業的計算機教學工作，教育部高等教育司重新組織制訂了《高等學校文科類專業大學計算機教學基本要求》（下面簡稱《基本要求》）。
《基本要求》把大文科各門類的本科計算機教學，按專業門類分為文史哲法教類、經濟管理類與藝術類等三個系列，按教學層次分為計算機大公共課程（也就是計算機公共基礎課程）、計算機小公共課程和計算機背景專業課程三個層次。
第一層次的教學內容是文科某系列（如藝術類）各專業的學生都要應知應會的。第二層次是在第一層次之上，為滿足同一系列某些專業共同需要（包括與專業相結合而不是某個專業所特有的）而開設的計算機課程。第三層次，也就是使用計算機工具，以計算機軟、硬體為依託而開設的為某一專業所特有的課程。
《基本要求》對第一層次課程與第二層次課程的設定與教學內容提出了基本要求。
第一層次的教學內容由計算機基礎知識（軟、硬體平台）、微機作業系統及其使用、多媒體知識和套用基礎、辦公軟體套用、計算機網路基礎、信息檢索與利用基礎、Inter-net基本套用、電子政務基礎、電子商務基礎、網頁設計基礎等15個模組構築。這些內容可為文科學生在與專業緊密結合的信息技術套用方向上進一步深入學習打下基礎。第一層次的教學內容是對文科大學生信息素質培養的基本保證，起著基礎性與先導性的作用。
第二層次的教學內容，或者在深度上超過第一層次的教學內容中的某一相應模組，或者是拓展到第一層次中沒有涉及到的領域。這是滿足文科不同專業對計算機套用需要的課程。這部分教學在更大程度上決定了學生在其專業中套用計算機解決問題的能力與水平。這些課程包括：微機組裝與維護、計算機網路技術及套用、多媒體技術及套用、網頁設計基礎、信息檢索與利用、電子政務套用、電子商務套用、資料庫基礎及套用、程式設計及套用，以及與文史哲法教類、經濟管理類與藝術類相關的許多課程。
作者簡介
謝成開，1963年生，四川美術學院副教授。通信與電子系統專業碩士研究生，主要從事計算機軟體開發、網站與網頁設計、多媒體設計、計算機動畫、計算機圖象處理等課程的教學和相關研究工作。
