網(wǎng)頁設(shè)計(jì)與制作教程

第一篇 基 礎(chǔ) 篇
第1章 Internet和WWW2
1.1Internet簡(jiǎn)介2
1.1.1什么是Internet2
1.1.2Internet的起源3
1.1.3中國Internet的發(fā)展3
1.1.4Internet的功能和應(yīng)用6
1.2WWW簡(jiǎn)介8
1.2.1WWW的起源8
1.2.2Web的特點(diǎn)和結(jié)構(gòu)9
1.2.3WWW的基本概念10
1.3常見網(wǎng)絡(luò)瀏覽器--IE15
思考與練習(xí)題19
第2章 網(wǎng)站建設(shè)概論20
2.1網(wǎng)站概論20
2.1.1網(wǎng)站的種類20
2.1.2網(wǎng)站建設(shè)的步驟21
2.1.3網(wǎng)站設(shè)計(jì)的原則32
2.2網(wǎng)頁的可視化設(shè)計(jì)概論34
2.2.1網(wǎng)頁設(shè)計(jì)的原則34
2.2.2網(wǎng)頁版面布局的設(shè)計(jì)39
2.2.3網(wǎng)頁色彩的設(shè)計(jì)44
2.2.4圖形與文字的設(shè)計(jì)45
2.2.5首頁的設(shè)計(jì)48
2.3網(wǎng)頁制作工具概述48
2.3.1網(wǎng)頁設(shè)計(jì)的常用工具49
2.3.2網(wǎng)頁設(shè)計(jì)的輔助美化工具50
思考與練習(xí)題50
第3章 HTML簡(jiǎn)介52
3.1HTML概述52
3.1.1簡(jiǎn)單的HTML實(shí)例52
3.1.2HTML的基本概念53
3.1.3HTML的基本結(jié)構(gòu)54
3.1.4HTML的語法規(guī)則55
3.2HTML的文本格式標(biāo)記57
3.2.1標(biāo)題格式標(biāo)記57
3.2.2文字格式標(biāo)記58
3.2.3字型設(shè)置標(biāo)記59
3.2.4段落標(biāo)記59
3.2.5強(qiáng)制換行標(biāo)記60
3.2.6預(yù)排格式標(biāo)記61
3.2.7文本堆砌方式標(biāo)記61
3.2.8插入水平線標(biāo)記61
3.2.9文本縮進(jìn)標(biāo)記61
3.2.10列表標(biāo)記62
3.3HTML的表格標(biāo)記65
3.4HTML的圖像與多媒體標(biāo)記69
3.4.1圖像標(biāo)記69
3.4.2背景音樂標(biāo)記70
3.4.3視頻標(biāo)記71
3.5HTML的超鏈接標(biāo)記71
3.6HTML的表單標(biāo)記72
3.7HTML的框架標(biāo)記74
3.8HTML綜合實(shí)例77
3.9DHTML. XML簡(jiǎn)介79
3.9.1DHTML簡(jiǎn)介79
3.9.2XML簡(jiǎn)介79
思考與練習(xí)題80
第二篇 應(yīng) 用 篇
第4章 FrontPage 2003基礎(chǔ)知識(shí)82
4.1FrontPage 2003概述82
4.1.1FrontPage 2003功能特點(diǎn)82
4.1.2FrontPage 2003工作界面83
4.2網(wǎng)站的創(chuàng)建和管理85
4.2.1網(wǎng)站的創(chuàng)建85
4.2.2網(wǎng)站的管理87
4.2.3網(wǎng)站的基本操作90
4.2.4網(wǎng)頁的基本操作92
4.3網(wǎng)頁的文字處理94
4.3.1網(wǎng)頁標(biāo)題的建立94
4.3.2文字的添加95
4.3.3文字的修飾95
4.4網(wǎng)頁圖像的基本操作100
4.4.1圖像的添加100
4.4.2圖像的編輯103
4.4.3圖像的保存105
4.4.4設(shè)置網(wǎng)頁的背景106
4.5建立超鏈接107
4.5.1文本超鏈接107
4.5.2圖像超鏈接108
4.5.3電子郵件超鏈接111
4.6建立表格112
4.6.1表格的創(chuàng)建112
4.6.2表格的編輯114
4.6.3表格的嵌套117
4.6.4表格的網(wǎng)頁布局功能118
4.7建立表單120
4.7.1表單的構(gòu)成121
4.7.2使用模板創(chuàng)建表單121
4.7.3使用向?qū)?chuàng)建表單123
4.7.4自定義表單126
4.8框架的使用129
4.8.1框架的創(chuàng)建129
4.8.2框架的保存129
4.8.3框架的基本操作131
4.8.4框架的屬性設(shè)置133
4.9一些特殊效果的運(yùn)用134
4.9.1制作不斷彈出提示窗口的頁面134
4.9.2插入滾動(dòng)字幕136
4.9.3創(chuàng)建交互式按鈕137
4.9.4消除超鏈接的下劃線138
4.10網(wǎng)站的測(cè)試與發(fā)布140
4.10.1網(wǎng)站的測(cè)試140
4.10.2網(wǎng)站的發(fā)布140
4.11FrontPage 2003綜合實(shí)例142
思考與練習(xí)題146
第5章 Dreamweaver MX 2004基礎(chǔ)知識(shí)148
5.1Dreamweaver MX 2004簡(jiǎn)介148
5.1.1Dreamweaver MX 2004概述148
5.1.2Dreamweaver MX 2004的工作界面149
5.2Dreamweaver MX 2004的站點(diǎn)管理153
5.2.1站點(diǎn)的創(chuàng)建153
5.2.2站點(diǎn)的配置155
5.2.3站點(diǎn)的管理158
5.2.4網(wǎng)頁的創(chuàng)建158
5.3建立框架160
5.3.1框架的創(chuàng)建160
5.3.2框架的屬性設(shè)置161
5.3.3模板的使用162
5.4網(wǎng)頁的文字處理163
5.4.1文字的添加163
5.4.2頁面的修飾164
5.5網(wǎng)頁的圖像處理165
5.5.1圖像的添加165
5.5.2圖像的修飾167
5.6建立超鏈接167
5.6.1為文字添加超鏈接168
5.6.2為圖像建立超鏈接169
5.6.3建立電子郵件超鏈接170
5.6.4建立錨點(diǎn)171
5.7建立表格171
5.7.1表格的創(chuàng)建與編輯171
5.7.2表格的嵌套173
5.7.3用表格進(jìn)行頁面布局173
5.8建立表單175
5.8.1表單的創(chuàng)建175
5.8.2表單元素的添加175
5.8.3一個(gè)表單制作的實(shí)例177
5.9層的運(yùn)用179
5.9.1層的基本概念179
5.9.2層的基本操作179
5.9.3層的屬性設(shè)置180
5.10Dreamweaver中樣式表和行為的運(yùn)用181
5.10.1CSS樣式表181
5.10.2行為的運(yùn)用182
5.11測(cè)試和發(fā)布網(wǎng)站182
5.11.1測(cè)試網(wǎng)站182
5.11.2發(fā)布網(wǎng)站184
5.12網(wǎng)頁制作實(shí)例188
思考與練習(xí)題190
第6章 網(wǎng)站的發(fā)布與維護(hù)191
6.1發(fā)布網(wǎng)站前的準(zhǔn)備191
6.1.1本地測(cè)試191
6.1.2WWW服務(wù)器的選擇192
6.1.3申請(qǐng)域名和網(wǎng)頁空間192
6.2網(wǎng)站的發(fā)布193
6.2.1上傳網(wǎng)站193
6.2.2在線測(cè)試站點(diǎn)198
6.3網(wǎng)站的宣傳199
6.3.1登錄搜索引擎200
6.3.2廣告交換201
6.3.3網(wǎng)絡(luò)廣告202
6.3.4利用網(wǎng)絡(luò)工具203
6.4網(wǎng)站的日常管理和維護(hù)203
思考與練習(xí)題204
第三篇 提 高 篇
第7章 Photoshop CS基礎(chǔ)知識(shí)206
7.1Photoshop CS概述206
7.1.1顏色模式和文件格式介紹206
7.1.2Photoshop CS的功能特點(diǎn)208
7.1.3Photoshop CS的工作界面209
7.2Photoshop CS的基本操作214
7.2.1圖像的基本操作214
7.2.2文字的基本操作215
7.2.3選區(qū)的基本操作216
7.3創(chuàng)作特殊效果圖像222
7.3.1水波紋的制作222
7.3.2水晶球的效果224
7.3.3制作掃描線效果225
7.3.4制作射線效果226
7.3.5代碼背景的制作227
7.4創(chuàng)建特殊效果文字228
7.4.1火焰字228
7.4.2印章字228
7.4.3發(fā)光字229
7.4.4浮雕字230
思考與練習(xí)題230
第8章 Fireworks MX 2004基礎(chǔ)知識(shí)231
8.1Fireworks MX 2004概述231
8.1.1Fireworks MX 2004的功能特點(diǎn)231
8.1.2Fireworks MX 2004工作界面232
8.1.3Fireworks MX 2004的基本操作238
8.2文本的編輯和運(yùn)用241
8.3圖像的編輯246
8.3.1對(duì)矢量圖的編輯246
8.3.2對(duì)位圖的編輯249
8.3.3對(duì)效果的處理250
8.4Web圖像的處理253
8.4.1圖像熱點(diǎn)253
8.4.2圖像切片256
8.4.3制作按鈕258
8.4.4制作導(dǎo)航欄263
8.5動(dòng)畫的制作265
8.5.1關(guān)于GIF動(dòng)畫265
8.5.2制作步驟266
8.6圖像的優(yōu)化和導(dǎo)出267
8.6.1優(yōu)化圖像267
8.6.2導(dǎo)出圖像272
8.7Fireworks與Dreamweaver的協(xié)同工作276
8.7.1在Dreamweaver中插入Fireworks圖像276
8.7.2在Dreamweaver中編輯Fireworks圖像277
思考與練習(xí)題279
第9章 Flash MX 2004基礎(chǔ)知識(shí)280
9.1Flash概述280
9.1.1Flash MX 2004的新增功能280
9.1.2Flash MX 2004的工作界面282
9.2使用時(shí)間軸. 幀. 圖層以及時(shí)間軸特效285
9.2.1時(shí)間軸285
9.2.2幀286
9.2.3圖層287
9.2.4時(shí)間軸特效289
9.3Flash的簡(jiǎn)單動(dòng)畫制作291
9.3.1Flash動(dòng)畫的基本類型291
9.3.2制作動(dòng)畫的一般過程291
9.4元件以及交互動(dòng)畫的制作294
9.4.1元件的制作294
9.4.2交互動(dòng)畫的制作299
9.5聲音的導(dǎo)入302
9.5.1聲音的類型302
9.5.2聲音的應(yīng)用302
9.5.3聲音的屬性設(shè)置304
9.6影片的優(yōu)化. 測(cè)試與發(fā)布305
9.6.1影片優(yōu)化306
9.6.2加速顯示的速度307
9.6.3Flash的發(fā)布307
9.7Flash綜合實(shí)例309
思考與練習(xí)題316
第10章 常用的網(wǎng)頁設(shè)計(jì)與制作輔助小軟件318
10.1博碩網(wǎng)頁設(shè)計(jì)師318
10.2小榕圖標(biāo)編輯器V1.0318
10.3超級(jí)圖標(biāo)3.5319
10.4HyperSnapDX321
10.5UltraEdit 10.x323
思考與練習(xí)題324
第11章 綜合實(shí)例326
11.1使用Fireworks制作Logo326
11.2使用Flash制作帶有動(dòng)態(tài)效果導(dǎo)航的圖片327
11.3使用FrontPage或Dreamweaver建立簡(jiǎn)單主頁329
附錄A 一些非常實(shí)用的特效源代碼333
A.1文字向上滾動(dòng)特效333
A.2鼠標(biāo)滾屏特效334
A.3加入收藏夾特效334
A.4去除超鏈接下劃線特效335
A.5設(shè)為首頁特效335
A.6彩色滾動(dòng)條特效336
A.7關(guān)閉窗口特效336
A.8移動(dòng)字幕鏈接特效336
A.9返回上一頁特效337
A.10圖像漸顯特效337
A.11狀態(tài)欄動(dòng)態(tài)文字特效338
A.12顯示時(shí)間特效339
參考文獻(xiàn)341