《網(wǎng)頁(yè)設(shè)計(jì)與制作》由17章構(gòu)成，詳細(xì)介紹了網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)和使用Dreamweaver CS3進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的方法和技巧，內(nèi)容包括站點(diǎn)的創(chuàng)建、管理和維護(hù)，在網(wǎng)頁(yè)中使用文本、圖像、多媒體和超級(jí)鏈接，運(yùn)用表格、框架、模板和庫(kù)、Div+CSS等技術(shù)對(duì)網(wǎng)頁(yè)進(jìn)行布局，使用源代碼、行為和Spry構(gòu)件完善網(wǎng)頁(yè)，使用AP元素和時(shí)間軸制作動(dòng)畫(huà)，開(kāi)發(fā)ASP應(yīng)用程序的基礎(chǔ)及應(yīng)用等�！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》遵循由淺入深、循序漸進(jìn)的原則進(jìn)行編排，內(nèi)容全面，重點(diǎn)突出，實(shí)例豐富，步驟清晰，旨在把理論知識(shí)融入到實(shí)際操作中，力求易教易學(xué)。《網(wǎng)頁(yè)設(shè)計(jì)與制作》可作為高等院�！熬W(wǎng)頁(yè)設(shè)計(jì)與制作”課程的教材，也可作為網(wǎng)頁(yè)設(shè)計(jì)愛(ài)好者的入門(mén)讀物。

　　Dreamweaver是一款優(yōu)秀的所見(jiàn)即所得式的網(wǎng)頁(yè)制作軟件，它集網(wǎng)頁(yè)制作、網(wǎng)站管理、程序開(kāi)發(fā)于一身，可以幫助用戶在同一個(gè)軟件中完成網(wǎng)站建設(shè)的所有相關(guān)工作，而且它易學(xué)易用，已經(jīng)成為最流行的網(wǎng)頁(yè)制作軟件之一。目前，我國(guó)很多高等院校的計(jì)算機(jī)相關(guān)專業(yè)都將“網(wǎng)頁(yè)設(shè)計(jì)與制作”作為一門(mén)重要的專業(yè)課程。
　　本書(shū)由17章構(gòu)成，本著由淺人深、循序漸進(jìn)的原則詳細(xì)介紹了網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)和使用Dreamweaver CS3進(jìn)行網(wǎng)頁(yè)制作的方法和技巧。在編排本書(shū)時(shí)，我們力求在內(nèi)容全面的基礎(chǔ)上做到重點(diǎn)突出，并力爭(zhēng)把理論知識(shí)融人到實(shí)際操作中，盡量做到易教易學(xué)。相信通過(guò)本書(shū)的學(xué)習(xí)，學(xué)生可以掌握網(wǎng)頁(yè)設(shè)計(jì)與制作的基本方法和應(yīng)用技巧，并能順利開(kāi)發(fā)一個(gè)完整的網(wǎng)站。本書(shū)對(duì)應(yīng)的教學(xué)時(shí)數(shù)為96學(xué)時(shí)，各章的參考教學(xué)學(xué)時(shí)如下所示。教師可根據(jù)實(shí)際需要進(jìn)行調(diào)整。

第1章 網(wǎng)頁(yè)制作基礎(chǔ)知識(shí).1
1.1 基本概念1
1.1.1 Internet與Intranet1
1.1.2 IP和域名2
1.1.3 WWW和FTP2
1.1.4 瀏覽器與Web服務(wù)器2
1.1.5 網(wǎng)頁(yè).網(wǎng)站和URL3
1.1.6 超級(jí)文本和HTML3
1.1.7 ASP.VBScript和JavaScript4
1.2 網(wǎng)頁(yè)內(nèi)涵5
1.2.1 靜態(tài)網(wǎng)頁(yè)5
1.2.2 動(dòng)態(tài)網(wǎng)頁(yè)5
1.3 網(wǎng)頁(yè)制作軟件6
1.4 網(wǎng)站運(yùn)行方式6
1.4.1 實(shí)體主機(jī)6
1.4.2 主機(jī)托管7
1.4.3 虛擬主機(jī)7
1.5 認(rèn)識(shí)DreamweaverCS37
1.5.1 工作界面7
1.5.2 常用工具欄9
1.5.3 常用面板12
小結(jié)12
習(xí)題13


第2章 創(chuàng)建站點(diǎn)14
2.1 規(guī)劃網(wǎng)站14
2.2 定義和管理站點(diǎn)16
2.2.1 設(shè)置【首選參數(shù)】16
2.2.2 定義站點(diǎn)19
2.2.3 管理站點(diǎn)21
2.3 創(chuàng)建文件夾和文件23
2.3.1 站點(diǎn)結(jié)構(gòu)和命名規(guī)則23
2.3.2 創(chuàng)建文件夾和文件23
2.4 站點(diǎn)管理器24
2.5 綜合小實(shí)例——?jiǎng)?chuàng)建站點(diǎn)25
小結(jié)29
習(xí)題29


第3章 設(shè)置文檔30
3.1 創(chuàng)建和保存文檔30
3.1.1 創(chuàng)建文檔30
3.1.2 保存文檔32
3.2 添加文檔內(nèi)容32
3.2.1 導(dǎo)入文檔33
3.2.2 復(fù)制和粘貼33
3.2.3 插入字符36
3.3 設(shè)置文檔格式36
3.3.1 設(shè)置瀏覽器標(biāo)題36
3.3.2 設(shè)置段落格式37
3.3.3 設(shè)置文本格式41
3.3.4 插入空格.水平線和日期43
3.4 插入文件頭標(biāo)簽45
3.5 綜合小實(shí)例——設(shè)置“奧動(dòng)會(huì)小知識(shí)”文檔48
小結(jié)51
習(xí)題51


第4章 使用圖像54
4.1 網(wǎng)頁(yè)圖像格式54
4.2 設(shè)置網(wǎng)頁(yè)背景56
4.3 插入圖像58
4.3.1 插入GIF圖像59
4.3.2 插入PSD圖像61
4.3.3 插入圖像占位符63
4.4 設(shè)置圖像屬性64
4.4.1 認(rèn)識(shí)圖像【屬性】面板64
4.4.2 設(shè)置替換文本66
4.4.3 設(shè)置圖像大小67
4.4.4 設(shè)置對(duì)齊方式67
4.4.5 邊距和邊框68
4.4.6 低解析度源68
4.5 創(chuàng)建網(wǎng)站相冊(cè)69
4.6 綜合小實(shí)例——編輯“世外桃園”網(wǎng)頁(yè)70
小結(jié)73
習(xí)題73


第5章 使用多媒體75
5.1 使用Flash75
5.1.1 Flash動(dòng)畫(huà)75
5.1.2 圖像查看器77
5.1.3 FlashPaper79
5.1.4 Flash視頻81
5.2 使用Shockwave82
5.3 插入特殊對(duì)象82
5.3.1 Applet83
5.3.2 ActiveX84
5.4 綜合小實(shí)例——完善“西湖十景”網(wǎng)頁(yè)86
小結(jié)87
習(xí)題88


第6章 創(chuàng)建超級(jí)鏈接89
6.1 超級(jí)鏈接的概念89
6.1.1 URL的概念和格式89
6.1.2 URL地址的類型90
6.1.3 超級(jí)鏈接的分類91
6.2 普通超級(jí)鏈接91
6.2.1 文本和圖像超級(jí)鏈接91
6.2.2 圖像熱點(diǎn)超級(jí)鏈接95
6.2.3 下載超級(jí)鏈接和空鏈接96
6.2.4 電子郵件超級(jí)鏈接97
6.2.5 錨記超級(jí)鏈接99
6.3 特殊超級(jí)鏈接100
6.3.1 鼠標(biāo)經(jīng)過(guò)圖像和導(dǎo)航條100
6.3.2 Flash文本和Flash按鈕103
6.3.3 跳轉(zhuǎn)菜單和腳本鏈接105
6.4 綜合小實(shí)例——設(shè)置“宇宙速度”網(wǎng)頁(yè)超級(jí)鏈接106
小結(jié)108
習(xí)題108


第7章 使用表格110
7.1 表格的概念110
7.2 創(chuàng)建表格111
7.2.1 插入表格111
7.2.2 選擇表格112
7.2.3 表格屬性113
7.2.4 添加元素114
7.2.5 實(shí)例——制作“瑞士風(fēng)情”網(wǎng)頁(yè)115
7.3 編輯表格117
7.3.1 增加行或列117
7.3.2 刪除行或列118
7.3.3 合并單元格118
7.3.4 拆分單元格118
7.3.5 表格的縮放119
7.3.6 拷貝或剪切119
7.3.7 粘貼表格119
7.3.8 刪除表格內(nèi)容120
7.4 嵌套表格120
7.5 表格的導(dǎo)入.導(dǎo)出和排序121
7.6 綜合小實(shí)例——布局“翔翔文學(xué)”網(wǎng)頁(yè)123
小結(jié)127
習(xí)題128


第8章 使用框架130
8.1 創(chuàng)建框架130
8.1.1 創(chuàng)建框架頁(yè)130
8.1.2 保存框架132
8.2 設(shè)置框架133
8.2.1 選定框架134
8.2.2 框架屬性134
8.2.3 設(shè)置框架屬性136
8.3 浮動(dòng)框架138
8.4 設(shè)置框架中鏈接的目標(biāo)窗口139
8.5 綜合小實(shí)例——制作“技術(shù)論壇”網(wǎng)頁(yè)140
小結(jié)142
習(xí)題142


第9章 使用庫(kù)和模板144
9.1 創(chuàng)建庫(kù)144
9.1.1 新建庫(kù)項(xiàng)目144
9.1.2 從已有的網(wǎng)頁(yè)創(chuàng)建庫(kù)項(xiàng)目..1 46
9.2 創(chuàng)建模板146
9.2.1 新建模板文件147
9.2.2 添加模板對(duì)象147
9.2.3 將現(xiàn)有網(wǎng)頁(yè)保存為模板149
9.3 綜合小實(shí)例——制作網(wǎng)頁(yè)模板149
9.3.1 創(chuàng)建庫(kù)項(xiàng)目150
9.3.2 創(chuàng)建模板文檔151
9.3.3 使用模板創(chuàng)建網(wǎng)頁(yè)156
小結(jié)157
習(xí)題157


第10章 使用AP元素和時(shí)間軸159
10.1 AP元素159
10.1.1 AP元素和APDiv159
10.1.2 【AP元素】面板160
10.2 APDiv的創(chuàng)建及屬性設(shè)置160
10.2.1 創(chuàng)建APDiv160
10.2.2 選定APDiv161
10.2.3 APDiv屬性161
10.2.4 APDiv的默認(rèn)設(shè)置162
10.3 編輯APDiv163
10.3.1 縮放APDiv163
10.3.2 移動(dòng)APDiv163
10.3.3 對(duì)齊APDiv164
10.3.4 APDiv的可見(jiàn)性164
10.3.5 APDiv的z軸順序165
10.3.6 嵌套APDiv165
10.4 時(shí)間軸166
10.4.1 【時(shí)間軸】面板166
10.4.2 增加對(duì)象到時(shí)間軸167
10.4.3 控制動(dòng)畫(huà)播放時(shí)間167
10.4.4 添加和移除幀168
10.4.5 移動(dòng)動(dòng)畫(huà)路徑168
10.4.6 創(chuàng)建時(shí)間軸動(dòng)畫(huà)169
10.4.7 記錄AP元素的路徑170
10.5 綜合小實(shí)例——制作“飛機(jī)穿云”動(dòng)畫(huà)171
小結(jié)173
習(xí)題173


第11章 使用CSS和Div175
11.1 關(guān)于CSS175
11.2 CSS的類型176
11.3 CSS的屬性177
11.3.1 類型177
11.3.2 背景178
11.3.3 區(qū)塊179
11.3.4 方框180
11.3.5 邊框180
11.3.6 列表181
11.3.7 定位182
11.3.8 擴(kuò)展183
11.4 CSS濾鏡183
11.4.1 靜態(tài)濾鏡183
11.4.2 動(dòng)態(tài)濾鏡189
11.4.3 可應(yīng)用CSS濾鏡的HTML標(biāo)簽190
11.5 創(chuàng)建和應(yīng)用CSS樣式190
11.6 Div標(biāo)簽193
11.7 綜合小實(shí)例——布局“一翔軟件”頁(yè)面196
小結(jié)209
習(xí)題209


第12章 使用行為和Spry構(gòu)件211
12.1 認(rèn)識(shí)行為211
12.1.1 基本概念211
12.1.2 添加行為211
12.2 事件212
12.3 動(dòng)作213
12.3.1 彈出信息213
12.3.2 打開(kāi)瀏覽器窗口213
12.3.3 調(diào)用JavaScript214
12.3.4 改變屬性214
12.3.5 交換圖像215
12.3.6 拖動(dòng)AP元素217
12.3.7 Spry效果218
12.4 Spry構(gòu)件219
12.4.1 Spry菜單欄220
12.4.2 Spry選項(xiàng)卡式面板221
12.4.3 Spry折疊式構(gòu)件222
12.4.4 Spry可折疊面板223
12.5 實(shí)例——完善網(wǎng)頁(yè)功能224
小結(jié)226
習(xí)題226


第13章 使用源代碼228
13.1 代碼顯示方式228
13.2 標(biāo)簽庫(kù)230
13.3 Dreamweaver中的編碼230
13.3.1 代碼提示231
13.3.2 代碼片斷233
13.3.3 標(biāo)簽選擇器234
13.3.4 標(biāo)簽編輯器235
13.3.5 標(biāo)簽檢查器235
13.3.6 快速標(biāo)簽編輯器235
13.4 插入注釋237
13.5 綜合小實(shí)例——使用源代碼編排網(wǎng)頁(yè)238
小結(jié)241
習(xí)題241


第14章 創(chuàng)建表單頁(yè)面242
14.1 關(guān)于表單242
14.2 表單對(duì)象243
14.2.1 表單域243
14.2.2 文本域和文本區(qū)域245
14.2.3 單選按鈕和單選按鈕組247
14.2.4 復(fù)選框249
14.2.5 列表/菜單249
14.2.6 跳轉(zhuǎn)菜單251
14.2.7 圖像域252
14.2.8 文件域252
14.2.9 隱藏域253
14.2.10 字段集253
14.2.11 標(biāo)簽254
14.2.12 按鈕254
14.3 使用行為驗(yàn)證表單255
14.4 Spry驗(yàn)證表單對(duì)象256
14.4.1 Spry驗(yàn)證文本域256
14.4.2 Spry驗(yàn)證文本區(qū)域257
14.4.3 Spry驗(yàn)證復(fù)選框258
14.4.4 Spry驗(yàn)證選擇258
14.5 綜合小實(shí)例——制作“注冊(cè)”網(wǎng)頁(yè)260
小結(jié)265
習(xí)題265


第15章 開(kāi)發(fā)ASP應(yīng)用程序基礎(chǔ)267
15.1 搭建ASP開(kāi)發(fā)環(huán)境267
15.2 創(chuàng)建數(shù)據(jù)庫(kù)267
15.3 數(shù)據(jù)庫(kù)連接268
15.3.1 使用OLEDB方式創(chuàng)建數(shù)據(jù)庫(kù)連接268
15.3.2 使用面向ODBC的DSN方式創(chuàng)建連接270
15.4 SQL常用語(yǔ)句272
15.5 SQL常用函數(shù)275
小結(jié)277
習(xí)題277


第16章 制作ASP應(yīng)用程序278
16.1 論壇系統(tǒng)概述278
16.2 設(shè)置論壇主頁(yè)面279
16.2.1 創(chuàng)建記錄集279
16.2.2 添加動(dòng)態(tài)數(shù)據(jù)281
16.2.3 添加重復(fù)區(qū)域283
16.2.4 記錄集分頁(yè)283
16.2.5 顯示記錄計(jì)數(shù)284
16.2.6 設(shè)置顯示區(qū)域285
16.2.7 設(shè)置URL參數(shù)286
16.3 設(shè)置論壇用戶頁(yè)面287
16.3.1 設(shè)置論壇主題詳細(xì)頁(yè)面287
16.3.2 設(shè)置論壇發(fā)表主題頁(yè)面291
16.3.3 設(shè)置論壇回復(fù)主題頁(yè)面292
16.4 設(shè)置論壇管理頁(yè)面293
16.4.1 設(shè)置管理主頁(yè)面294
16.4.2 設(shè)置修改主題頁(yè)面295
16.4.3 設(shè)置刪除主題頁(yè)面296
16.4.4 設(shè)置刪除回復(fù)頁(yè)面298
16.5 用戶身份驗(yàn)證299
16.5.1 限制對(duì)頁(yè)的訪問(wèn)299
16.5.2 設(shè)置用戶登錄和注銷(xiāo)300
小結(jié)301
習(xí)題301


第17章 測(cè)試.發(fā)布和維護(hù)站點(diǎn)302
17.1 測(cè)試站點(diǎn)302
17.1.1 瀏覽器測(cè)試302
17.1.2 鏈接測(cè)試303
17.1.3 修改鏈接304
17.1.4 站點(diǎn)報(bào)告304
17.1.5 清理文檔305
17.2 發(fā)布網(wǎng)頁(yè)306
17.2.1 配置Web服務(wù)器307
17.2.2 配置FTP服務(wù)器309
17.2.3 發(fā)布站點(diǎn)310
17.3 維護(hù)站點(diǎn)312
小結(jié)312
習(xí)題313

第1章 網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)
網(wǎng)絡(luò)是現(xiàn)代社會(huì)傳播信息的重要途徑，而網(wǎng)頁(yè)又是這一途徑中最為重要的手段之一�？梢哉f(shuō)，網(wǎng)上沖浪已經(jīng)成為一種時(shí)尚的今天，網(wǎng)頁(yè)已經(jīng)成為人們與外界溝通的重要橋梁。本章將介紹關(guān)于網(wǎng)頁(yè)的一些基礎(chǔ)知識(shí)，為后續(xù)內(nèi)容的學(xué)習(xí)奠定基礎(chǔ)。
【學(xué)習(xí)目標(biāo)】
·了解與網(wǎng)頁(yè)有關(guān)的基本概念。
·了解靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)的區(qū)別。
·了解常用的網(wǎng)頁(yè)制作軟件。
·了解目前網(wǎng)站運(yùn)行的基本方式。
·掌握DreamweaverCS3的工作界面、常用工具欄和面板的使用。
1.1 基本概念
下面介紹一些與網(wǎng)頁(yè)有關(guān)的基本概念，希望能夠?qū)ψx者的網(wǎng)頁(yè)設(shè)計(jì)有所裨益。
1.1.1 Internet與Intranet
Internet，中文名也稱因特網(wǎng)或國(guó)際因特網(wǎng)，是20世紀(jì)70年代由美國(guó)軍方的ARPANET（Advanced Research Project Agency，美國(guó)高等研究計(jì)劃署，即美國(guó)國(guó)防高等研究計(jì)劃署的前身，創(chuàng)立了Intemet的前身ARPANET）發(fā)展而來(lái)的。Internet是一個(gè)由各種不同類型和規(guī)模的獨(dú)立運(yùn)行和管理的計(jì)算機(jī)網(wǎng)絡(luò)組成的全球范圍的計(jì)算機(jī)網(wǎng)絡(luò)，網(wǎng)絡(luò)問(wèn)可以暢通無(wú)阻地交換信息。組成Internet的計(jì)算機(jī)網(wǎng)絡(luò)包括局域網(wǎng)（LAN）、城域網(wǎng)（MAN）和廣域網(wǎng)（WAN）等。這些網(wǎng)絡(luò)通過(guò)普通電話線、高速率專用線路、衛(wèi)星、微波和光纜等通信線路把不同地方的大學(xué)、公司、科研機(jī)構(gòu)以及軍事、政府等組織的網(wǎng)絡(luò)連接起來(lái)。Internet為人們提供了巨大的不斷增長(zhǎng)的信息資源和服務(wù)工具寶庫(kù)，用戶可以利用其提供的各種工具去獲取巨大信息資源和先進(jìn)的服務(wù)等。同樣可以通過(guò)Internet將個(gè)人或企業(yè)的信息發(fā)布出去，隨時(shí)供其他用戶訪問(wèn)瀏覽。
Intranet，中文也稱企業(yè)內(nèi)部因特網(wǎng)，是用于在公司或組織內(nèi)處理信息的網(wǎng)絡(luò)。是Internet技術(shù)在企業(yè)內(nèi)部或封閉的用戶群內(nèi)的應(yīng)用，是一個(gè)公司或組織所特有的、不一定與Internet有物理上的連接關(guān)系的網(wǎng)絡(luò)。它的用途包括提供諸如文檔分發(fā)、軟件發(fā)布、訪問(wèn)數(shù)據(jù)庫(kù)和培訓(xùn)等服務(wù)。雖然Intranet也使用了諸如Web頁(yè)（網(wǎng)頁(yè)）、Web瀏覽器、FTP站點(diǎn)、電子郵件、新聞組和郵件列表等與Internet相關(guān)的應(yīng)用程序，但它的作用范圍僅限定于公司或組織內(nèi)部。