《網(wǎng)頁設(shè)計(jì)與制作》由17章構(gòu)成,詳細(xì)介紹了網(wǎng)頁制作的基礎(chǔ)知識和使用Dreamweaver CS3進(jìn)行網(wǎng)頁設(shè)計(jì)的方法和技巧,內(nèi)容包括站點(diǎn)的創(chuàng)建、管理和維護(hù),在網(wǎng)頁中使用文本、圖像、多媒體和超級鏈接,運(yùn)用表格、框架、模板和庫、Div+CSS等技術(shù)對網(wǎng)頁進(jìn)行布局,使用源代碼、行為和Spry構(gòu)件完善網(wǎng)頁,使用AP元素和時間軸制作動畫,開發(fā)ASP應(yīng)用程序的基礎(chǔ)及應(yīng)用等!毒W(wǎng)頁設(shè)計(jì)與制作》遵循由淺入深、循序漸進(jìn)的原則進(jìn)行編排,內(nèi)容全面,重點(diǎn)突出,實(shí)例豐富,步驟清晰,旨在把理論知識融入到實(shí)際操作中,力求易教易學(xué)。《網(wǎng)頁設(shè)計(jì)與制作》可作為高等院!熬W(wǎng)頁設(shè)計(jì)與制作”課程的教材,也可作為網(wǎng)頁設(shè)計(jì)愛好者的入門讀物。
Dreamweaver是一款優(yōu)秀的所見即所得式的網(wǎng)頁制作軟件,它集網(wǎng)頁制作、網(wǎng)站管理、程序開發(fā)于一身,可以幫助用戶在同一個軟件中完成網(wǎng)站建設(shè)的所有相關(guān)工作,而且它易學(xué)易用,已經(jīng)成為最流行的網(wǎng)頁制作軟件之一。目前,我國很多高等院校的計(jì)算機(jī)相關(guān)專業(yè)都將“網(wǎng)頁設(shè)計(jì)與制作”作為一門重要的專業(yè)課程。
本書由17章構(gòu)成,本著由淺人深、循序漸進(jìn)的原則詳細(xì)介紹了網(wǎng)頁制作的基礎(chǔ)知識和使用Dreamweaver CS3進(jìn)行網(wǎng)頁制作的方法和技巧。在編排本書時,我們力求在內(nèi)容全面的基礎(chǔ)上做到重點(diǎn)突出,并力爭把理論知識融人到實(shí)際操作中,盡量做到易教易學(xué)。相信通過本書的學(xué)習(xí),學(xué)生可以掌握網(wǎng)頁設(shè)計(jì)與制作的基本方法和應(yīng)用技巧,并能順利開發(fā)一個完整的網(wǎng)站。本書對應(yīng)的教學(xué)時數(shù)為96學(xué)時,各章的參考教學(xué)學(xué)時如下所示。教師可根據(jù)實(shí)際需要進(jìn)行調(diào)整。
第1章 網(wǎng)頁制作基礎(chǔ)知識.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)頁.網(wǎng)站和URL3
1.1.6 超級文本和HTML3
1.1.7 ASP.VBScript和JavaScript4
1.2 網(wǎng)頁內(nèi)涵5
1.2.1 靜態(tài)網(wǎng)頁5
1.2.2 動態(tài)網(wǎng)頁5
1.3 網(wǎng)頁制作軟件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)識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í)例——創(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è)置“奧動會小知識”文檔48
小結(jié)51
習(xí)題51
第4章 使用圖像54
4.1 網(wǎng)頁圖像格式54
4.2 設(shè)置網(wǎng)頁背景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)識圖像【屬性】面板64
4.4.2 設(shè)置替換文本66
4.4.3 設(shè)置圖像大小67
4.4.4 設(shè)置對齊方式67
4.4.5 邊距和邊框68
4.4.6 低解析度源68
4.5 創(chuàng)建網(wǎng)站相冊69
4.6 綜合小實(shí)例——編輯“世外桃園”網(wǎng)頁70
小結(jié)73
習(xí)題73
第5章 使用多媒體75
5.1 使用Flash75
5.1.1 Flash動畫75
5.1.2 圖像查看器77
5.1.3 FlashPaper79
5.1.4 Flash視頻81
5.2 使用Shockwave82
5.3 插入特殊對象82
5.3.1 Applet83
5.3.2 ActiveX84
5.4 綜合小實(shí)例——完善“西湖十景”網(wǎng)頁86
小結(jié)87
習(xí)題88
第6章 創(chuàng)建超級鏈接89
6.1 超級鏈接的概念89
6.1.1 URL的概念和格式89
6.1.2 URL地址的類型90
6.1.3 超級鏈接的分類91
6.2 普通超級鏈接91
6.2.1 文本和圖像超級鏈接91
6.2.2 圖像熱點(diǎn)超級鏈接95
6.2.3 下載超級鏈接和空鏈接96
6.2.4 電子郵件超級鏈接97
6.2.5 錨記超級鏈接99
6.3 特殊超級鏈接100
6.3.1 鼠標(biāo)經(jīng)過圖像和導(dǎo)航條100
6.3.2 Flash文本和Flash按鈕103
6.3.3 跳轉(zhuǎn)菜單和腳本鏈接105
6.4 綜合小實(shí)例——設(shè)置“宇宙速度”網(wǎng)頁超級鏈接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)頁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)頁123
小結(jié)127
習(xí)題128
第8章 使用框架130
8.1 創(chuàng)建框架130
8.1.1 創(chuàng)建框架頁130
8.1.2 保存框架132
8.2 設(shè)置框架133
8.2.1 選定框架134
8.2.2 框架屬性134
8.2.3 設(shè)置框架屬性136
8.3 浮動框架138
8.4 設(shè)置框架中鏈接的目標(biāo)窗口139
8.5 綜合小實(shí)例——制作“技術(shù)論壇”網(wǎng)頁140
小結(jié)142
習(xí)題142
第9章 使用庫和模板144
9.1 創(chuàng)建庫144
9.1.1 新建庫項(xiàng)目144
9.1.2 從已有的網(wǎng)頁創(chuàng)建庫項(xiàng)目..1 46
9.2 創(chuàng)建模板146
9.2.1 新建模板文件147
9.2.2 添加模板對象147
9.2.3 將現(xiàn)有網(wǎng)頁保存為模板149
9.3 綜合小實(shí)例——制作網(wǎng)頁模板149
9.3.1 創(chuàng)建庫項(xiàng)目150
9.3.2 創(chuàng)建模板文檔151
9.3.3 使用模板創(chuàng)建網(wǎng)頁156
小結(jié)157
習(xí)題157
第10章 使用AP元素和時間軸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 移動APDiv163
10.3.3 對齊APDiv164
10.3.4 APDiv的可見性164
10.3.5 APDiv的z軸順序165
10.3.6 嵌套APDiv165
10.4 時間軸166
10.4.1 【時間軸】面板166
10.4.2 增加對象到時間軸167
10.4.3 控制動畫播放時間167
10.4.4 添加和移除幀168
10.4.5 移動動畫路徑168
10.4.6 創(chuàng)建時間軸動畫169
10.4.7 記錄AP元素的路徑170
10.5 綜合小實(shí)例——制作“飛機(jī)穿云”動畫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 動態(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í)例——布局“一翔軟件”頁面196
小結(jié)209
習(xí)題209
第12章 使用行為和Spry構(gòu)件211
12.1 認(rèn)識行為211
12.1.1 基本概念211
12.1.2 添加行為211
12.2 事件212
12.3 動作213
12.3.1 彈出信息213
12.3.2 打開瀏覽器窗口213
12.3.3 調(diào)用JavaScript214
12.3.4 改變屬性214
12.3.5 交換圖像215
12.3.6 拖動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)頁功能224
小結(jié)226
習(xí)題226
第13章 使用源代碼228
13.1 代碼顯示方式228
13.2 標(biāo)簽庫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)頁238
小結(jié)241
習(xí)題241
第14章 創(chuàng)建表單頁面242
14.1 關(guān)于表單242
14.2 表單對象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)證表單對象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í)例——制作“注冊”網(wǎng)頁260
小結(jié)265
習(xí)題265
第15章 開發(fā)ASP應(yīng)用程序基礎(chǔ)267
15.1 搭建ASP開發(fā)環(huán)境267
15.2 創(chuàng)建數(shù)據(jù)庫267
15.3 數(shù)據(jù)庫連接268
15.3.1 使用OLEDB方式創(chuàng)建數(shù)據(jù)庫連接268
15.3.2 使用面向ODBC的DSN方式創(chuàng)建連接270
15.4 SQL常用語句272
15.5 SQL常用函數(shù)275
小結(jié)277
習(xí)題277
第16章 制作ASP應(yīng)用程序278
16.1 論壇系統(tǒng)概述278
16.2 設(shè)置論壇主頁面279
16.2.1 創(chuàng)建記錄集279
16.2.2 添加動態(tài)數(shù)據(jù)281
16.2.3 添加重復(fù)區(qū)域283
16.2.4 記錄集分頁283
16.2.5 顯示記錄計(jì)數(shù)284
16.2.6 設(shè)置顯示區(qū)域285
16.2.7 設(shè)置URL參數(shù)286
16.3 設(shè)置論壇用戶頁面287
16.3.1 設(shè)置論壇主題詳細(xì)頁面287
16.3.2 設(shè)置論壇發(fā)表主題頁面291
16.3.3 設(shè)置論壇回復(fù)主題頁面292
16.4 設(shè)置論壇管理頁面293
16.4.1 設(shè)置管理主頁面294
16.4.2 設(shè)置修改主題頁面295
16.4.3 設(shè)置刪除主題頁面296
16.4.4 設(shè)置刪除回復(fù)頁面298
16.5 用戶身份驗(yàn)證299
16.5.1 限制對頁的訪問299
16.5.2 設(shè)置用戶登錄和注銷300
小結(jié)301
習(xí)題301
第17章 測試.發(fā)布和維護(hù)站點(diǎn)302
17.1 測試站點(diǎn)302
17.1.1 瀏覽器測試302
17.1.2 鏈接測試303
17.1.3 修改鏈接304
17.1.4 站點(diǎn)報(bào)告304
17.1.5 清理文檔305
17.2 發(fā)布網(wǎng)頁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)頁制作基礎(chǔ)知識
網(wǎng)絡(luò)是現(xiàn)代社會傳播信息的重要途徑,而網(wǎng)頁又是這一途徑中最為重要的手段之一?梢哉f,網(wǎng)上沖浪已經(jīng)成為一種時尚的今天,網(wǎng)頁已經(jīng)成為人們與外界溝通的重要橋梁。本章將介紹關(guān)于網(wǎng)頁的一些基礎(chǔ)知識,為后續(xù)內(nèi)容的學(xué)習(xí)奠定基礎(chǔ)。
【學(xué)習(xí)目標(biāo)】
·了解與網(wǎng)頁有關(guān)的基本概念。
·了解靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁的區(qū)別。
·了解常用的網(wǎng)頁制作軟件。
·了解目前網(wǎng)站運(yùn)行的基本方式。
·掌握DreamweaverCS3的工作界面、常用工具欄和面板的使用。
1.1 基本概念
下面介紹一些與網(wǎng)頁有關(guān)的基本概念,希望能夠?qū)ψx者的網(wǎng)頁設(shè)計(jì)有所裨益。
1.1.1 Internet與Intranet
Internet,中文名也稱因特網(wǎng)或國際因特網(wǎng),是20世紀(jì)70年代由美國軍方的ARPANET(Advanced Research Project Agency,美國高等研究計(jì)劃署,即美國國防高等研究計(jì)劃署的前身,創(chuàng)立了Intemet的前身ARPANET)發(fā)展而來的。Internet是一個由各種不同類型和規(guī)模的獨(dú)立運(yùn)行和管理的計(jì)算機(jī)網(wǎng)絡(luò)組成的全球范圍的計(jì)算機(jī)網(wǎng)絡(luò),網(wǎng)絡(luò)問可以暢通無阻地交換信息。組成Internet的計(jì)算機(jī)網(wǎng)絡(luò)包括局域網(wǎng)(LAN)、城域網(wǎng)(MAN)和廣域網(wǎng)(WAN)等。這些網(wǎng)絡(luò)通過普通電話線、高速率專用線路、衛(wèi)星、微波和光纜等通信線路把不同地方的大學(xué)、公司、科研機(jī)構(gòu)以及軍事、政府等組織的網(wǎng)絡(luò)連接起來。Internet為人們提供了巨大的不斷增長的信息資源和服務(wù)工具寶庫,用戶可以利用其提供的各種工具去獲取巨大信息資源和先進(jìn)的服務(wù)等。同樣可以通過Internet將個人或企業(yè)的信息發(fā)布出去,隨時供其他用戶訪問瀏覽。
Intranet,中文也稱企業(yè)內(nèi)部因特網(wǎng),是用于在公司或組織內(nèi)處理信息的網(wǎng)絡(luò)。是Internet技術(shù)在企業(yè)內(nèi)部或封閉的用戶群內(nèi)的應(yīng)用,是一個公司或組織所特有的、不一定與Internet有物理上的連接關(guān)系的網(wǎng)絡(luò)。它的用途包括提供諸如文檔分發(fā)、軟件發(fā)布、訪問數(shù)據(jù)庫和培訓(xùn)等服務(wù)。雖然Intranet也使用了諸如Web頁(網(wǎng)頁)、Web瀏覽器、FTP站點(diǎn)、電子郵件、新聞組和郵件列表等與Internet相關(guān)的應(yīng)用程序,但它的作用范圍僅限定于公司或組織內(nèi)部。