《網(wǎng)頁設計與制作》由17章構成,詳細介紹了網(wǎng)頁制作的基礎知識和使用Dreamweaver CS3進行網(wǎng)頁設計的方法和技巧,內(nèi)容包括站點的創(chuàng)建、管理和維護,在網(wǎng)頁中使用文本、圖像、多媒體和超級鏈接,運用表格、框架、模板和庫、Div+CSS等技術對網(wǎng)頁進行布局,使用源代碼、行為和Spry構件完善網(wǎng)頁,使用AP元素和時間軸制作動畫,開發(fā)ASP應用程序的基礎及應用等!毒W(wǎng)頁設計與制作》遵循由淺入深、循序漸進的原則進行編排,內(nèi)容全面,重點突出,實例豐富,步驟清晰,旨在把理論知識融入到實際操作中,力求易教易學。《網(wǎng)頁設計與制作》可作為高等院!熬W(wǎng)頁設計與制作”課程的教材,也可作為網(wǎng)頁設計愛好者的入門讀物。
Dreamweaver是一款優(yōu)秀的所見即所得式的網(wǎng)頁制作軟件,它集網(wǎng)頁制作、網(wǎng)站管理、程序開發(fā)于一身,可以幫助用戶在同一個軟件中完成網(wǎng)站建設的所有相關工作,而且它易學易用,已經(jīng)成為最流行的網(wǎng)頁制作軟件之一。目前,我國很多高等院校的計算機相關專業(yè)都將“網(wǎng)頁設計與制作”作為一門重要的專業(yè)課程。
本書由17章構成,本著由淺人深、循序漸進的原則詳細介紹了網(wǎng)頁制作的基礎知識和使用Dreamweaver CS3進行網(wǎng)頁制作的方法和技巧。在編排本書時,我們力求在內(nèi)容全面的基礎上做到重點突出,并力爭把理論知識融人到實際操作中,盡量做到易教易學。相信通過本書的學習,學生可以掌握網(wǎng)頁設計與制作的基本方法和應用技巧,并能順利開發(fā)一個完整的網(wǎng)站。本書對應的教學時數(shù)為96學時,各章的參考教學學時如下所示。教師可根據(jù)實際需要進行調(diào)整。
第1章 網(wǎng)頁制作基礎知識.1
1.1 基本概念1
1.1.1 Internet與Intranet1
1.1.2 IP和域名2
1.1.3 WWW和FTP2
1.1.4 瀏覽器與Web服務器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)站運行方式6
1.4.1 實體主機6
1.4.2 主機托管7
1.4.3 虛擬主機7
1.5 認識DreamweaverCS37
1.5.1 工作界面7
1.5.2 常用工具欄9
1.5.3 常用面板12
小結12
習題13
第2章 創(chuàng)建站點14
2.1 規(guī)劃網(wǎng)站14
2.2 定義和管理站點16
2.2.1 設置【首選參數(shù)】16
2.2.2 定義站點19
2.2.3 管理站點21
2.3 創(chuàng)建文件夾和文件23
2.3.1 站點結構和命名規(guī)則23
2.3.2 創(chuàng)建文件夾和文件23
2.4 站點管理器24
2.5 綜合小實例——創(chuàng)建站點25
小結29
習題29
第3章 設置文檔30
3.1 創(chuàng)建和保存文檔30
3.1.1 創(chuàng)建文檔30
3.1.2 保存文檔32
3.2 添加文檔內(nèi)容32
3.2.1 導入文檔33
3.2.2 復制和粘貼33
3.2.3 插入字符36
3.3 設置文檔格式36
3.3.1 設置瀏覽器標題36
3.3.2 設置段落格式37
3.3.3 設置文本格式41
3.3.4 插入空格.水平線和日期43
3.4 插入文件頭標簽45
3.5 綜合小實例——設置“奧動會小知識”文檔48
小結51
習題51
第4章 使用圖像54
4.1 網(wǎng)頁圖像格式54
4.2 設置網(wǎng)頁背景56
4.3 插入圖像58
4.3.1 插入GIF圖像59
4.3.2 插入PSD圖像61
4.3.3 插入圖像占位符63
4.4 設置圖像屬性64
4.4.1 認識圖像【屬性】面板64
4.4.2 設置替換文本66
4.4.3 設置圖像大小67
4.4.4 設置對齊方式67
4.4.5 邊距和邊框68
4.4.6 低解析度源68
4.5 創(chuàng)建網(wǎng)站相冊69
4.6 綜合小實例——編輯“世外桃園”網(wǎng)頁70
小結73
習題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 綜合小實例——完善“西湖十景”網(wǎng)頁86
小結87
習題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 圖像熱點超級鏈接95
6.2.3 下載超級鏈接和空鏈接96
6.2.4 電子郵件超級鏈接97
6.2.5 錨記超級鏈接99
6.3 特殊超級鏈接100
6.3.1 鼠標經(jīng)過圖像和導航條100
6.3.2 Flash文本和Flash按鈕103
6.3.3 跳轉菜單和腳本鏈接105
6.4 綜合小實例——設置“宇宙速度”網(wǎng)頁超級鏈接106
小結108
習題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 實例——制作“瑞士風情”網(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 表格的導入.導出和排序121
7.6 綜合小實例——布局“翔翔文學”網(wǎng)頁123
小結127
習題128
第8章 使用框架130
8.1 創(chuàng)建框架130
8.1.1 創(chuàng)建框架頁130
8.1.2 保存框架132
8.2 設置框架133
8.2.1 選定框架134
8.2.2 框架屬性134
8.2.3 設置框架屬性136
8.3 浮動框架138
8.4 設置框架中鏈接的目標窗口139
8.5 綜合小實例——制作“技術論壇”網(wǎng)頁140
小結142
習題142
第9章 使用庫和模板144
9.1 創(chuàng)建庫144
9.1.1 新建庫項目144
9.1.2 從已有的網(wǎng)頁創(chuà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 綜合小實例——制作網(wǎng)頁模板149
9.3.1 創(chuàng)建庫項目150
9.3.2 創(chuàng)建模板文檔151
9.3.3 使用模板創(chuàng)建網(wǎng)頁156
小結157
習題157
第10章 使用AP元素和時間軸159
10.1 AP元素159
10.1.1 AP元素和APDiv159
10.1.2 【AP元素】面板160
10.2 APDiv的創(chuàng)建及屬性設置160
10.2.1 創(chuàng)建APDiv160
10.2.2 選定APDiv161
10.2.3 APDiv屬性161
10.2.4 APDiv的默認設置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 綜合小實例——制作“飛機穿云”動畫171
小結173
習題173
第11章 使用CSS和Div175
11.1 關于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 擴展183
11.4 CSS濾鏡183
11.4.1 靜態(tài)濾鏡183
11.4.2 動態(tài)濾鏡189
11.4.3 可應用CSS濾鏡的HTML標簽190
11.5 創(chuàng)建和應用CSS樣式190
11.6 Div標簽193
11.7 綜合小實例——布局“一翔軟件”頁面196
小結209
習題209
第12章 使用行為和Spry構件211
12.1 認識行為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構件219
12.4.1 Spry菜單欄220
12.4.2 Spry選項卡式面板221
12.4.3 Spry折疊式構件222
12.4.4 Spry可折疊面板223
12.5 實例——完善網(wǎng)頁功能224
小結226
習題226
第13章 使用源代碼228
13.1 代碼顯示方式228
13.2 標簽庫230
13.3 Dreamweaver中的編碼230
13.3.1 代碼提示231
13.3.2 代碼片斷233
13.3.3 標簽選擇器234
13.3.4 標簽編輯器235
13.3.5 標簽檢查器235
13.3.6 快速標簽編輯器235
13.4 插入注釋237
13.5 綜合小實例——使用源代碼編排網(wǎng)頁238
小結241
習題241
第14章 創(chuàng)建表單頁面242
14.1 關于表單242
14.2 表單對象243
14.2.1 表單域243
14.2.2 文本域和文本區(qū)域245
14.2.3 單選按鈕和單選按鈕組247
14.2.4 復選框249
14.2.5 列表/菜單249
14.2.6 跳轉菜單251
14.2.7 圖像域252
14.2.8 文件域252
14.2.9 隱藏域253
14.2.10 字段集253
14.2.11 標簽254
14.2.12 按鈕254
14.3 使用行為驗證表單255
14.4 Spry驗證表單對象256
14.4.1 Spry驗證文本域256
14.4.2 Spry驗證文本區(qū)域257
14.4.3 Spry驗證復選框258
14.4.4 Spry驗證選擇258
14.5 綜合小實例——制作“注冊”網(wǎng)頁260
小結265
習題265
第15章 開發(fā)ASP應用程序基礎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
小結277
習題277
第16章 制作ASP應用程序278
16.1 論壇系統(tǒng)概述278
16.2 設置論壇主頁面279
16.2.1 創(chuàng)建記錄集279
16.2.2 添加動態(tài)數(shù)據(jù)281
16.2.3 添加重復區(qū)域283
16.2.4 記錄集分頁283
16.2.5 顯示記錄計數(shù)284
16.2.6 設置顯示區(qū)域285
16.2.7 設置URL參數(shù)286
16.3 設置論壇用戶頁面287
16.3.1 設置論壇主題詳細頁面287
16.3.2 設置論壇發(fā)表主題頁面291
16.3.3 設置論壇回復主題頁面292
16.4 設置論壇管理頁面293
16.4.1 設置管理主頁面294
16.4.2 設置修改主題頁面295
16.4.3 設置刪除主題頁面296
16.4.4 設置刪除回復頁面298
16.5 用戶身份驗證299
16.5.1 限制對頁的訪問299
16.5.2 設置用戶登錄和注銷300
小結301
習題301
第17章 測試.發(fā)布和維護站點302
17.1 測試站點302
17.1.1 瀏覽器測試302
17.1.2 鏈接測試303
17.1.3 修改鏈接304
17.1.4 站點報告304
17.1.5 清理文檔305
17.2 發(fā)布網(wǎng)頁306
17.2.1 配置Web服務器307
17.2.2 配置FTP服務器309
17.2.3 發(fā)布站點310
17.3 維護站點312
小結312
習題313
第1章 網(wǎng)頁制作基礎知識
網(wǎng)絡是現(xiàn)代社會傳播信息的重要途徑,而網(wǎng)頁又是這一途徑中最為重要的手段之一?梢哉f,網(wǎng)上沖浪已經(jīng)成為一種時尚的今天,網(wǎng)頁已經(jīng)成為人們與外界溝通的重要橋梁。本章將介紹關于網(wǎng)頁的一些基礎知識,為后續(xù)內(nèi)容的學習奠定基礎。
【學習目標】
·了解與網(wǎng)頁有關的基本概念。
·了解靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁的區(qū)別。
·了解常用的網(wǎng)頁制作軟件。
·了解目前網(wǎng)站運行的基本方式。
·掌握DreamweaverCS3的工作界面、常用工具欄和面板的使用。
1.1 基本概念
下面介紹一些與網(wǎng)頁有關的基本概念,希望能夠?qū)ψx者的網(wǎng)頁設計有所裨益。
1.1.1 Internet與Intranet
Internet,中文名也稱因特網(wǎng)或國際因特網(wǎng),是20世紀70年代由美國軍方的ARPANET(Advanced Research Project Agency,美國高等研究計劃署,即美國國防高等研究計劃署的前身,創(chuàng)立了Intemet的前身ARPANET)發(fā)展而來的。Internet是一個由各種不同類型和規(guī)模的獨立運行和管理的計算機網(wǎng)絡組成的全球范圍的計算機網(wǎng)絡,網(wǎng)絡問可以暢通無阻地交換信息。組成Internet的計算機網(wǎng)絡包括局域網(wǎng)(LAN)、城域網(wǎng)(MAN)和廣域網(wǎng)(WAN)等。這些網(wǎng)絡通過普通電話線、高速率專用線路、衛(wèi)星、微波和光纜等通信線路把不同地方的大學、公司、科研機構以及軍事、政府等組織的網(wǎng)絡連接起來。Internet為人們提供了巨大的不斷增長的信息資源和服務工具寶庫,用戶可以利用其提供的各種工具去獲取巨大信息資源和先進的服務等。同樣可以通過Internet將個人或企業(yè)的信息發(fā)布出去,隨時供其他用戶訪問瀏覽。
Intranet,中文也稱企業(yè)內(nèi)部因特網(wǎng),是用于在公司或組織內(nèi)處理信息的網(wǎng)絡。是Internet技術在企業(yè)內(nèi)部或封閉的用戶群內(nèi)的應用,是一個公司或組織所特有的、不一定與Internet有物理上的連接關系的網(wǎng)絡。它的用途包括提供諸如文檔分發(fā)、軟件發(fā)布、訪問數(shù)據(jù)庫和培訓等服務。雖然Intranet也使用了諸如Web頁(網(wǎng)頁)、Web瀏覽器、FTP站點、電子郵件、新聞組和郵件列表等與Internet相關的應用程序,但它的作用范圍僅限定于公司或組織內(nèi)部。