第13章-制作ASP動(dòng)態(tài)網(wǎng)頁ppt課件(全)

《網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ)教程(第3版)》第十三章制作ASP動(dòng)態(tài)網(wǎng)頁:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::學(xué)習(xí)目標(biāo)

在本書前面的章節(jié)中已經(jīng)介紹了動(dòng)態(tài)網(wǎng)頁的基礎(chǔ)知識，例如使用表單創(chuàng)建交互式網(wǎng)頁、架設(shè)ASP動(dòng)態(tài)網(wǎng)站服務(wù)器以及創(chuàng)建與運(yùn)行簡單ASP應(yīng)用程序等，還略帶介紹欄服務(wù)器行為。本章將重點(diǎn)介紹在DreamweaverCC中制作ASP動(dòng)態(tài)網(wǎng)頁的具體方法，幫助用戶進(jìn)一步掌握動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)與制作的相關(guān)知識。:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::本章重點(diǎn)

設(shè)計(jì)Access數(shù)據(jù)庫

連接數(shù)據(jù)庫

添加服務(wù)器行為:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::13.1設(shè)計(jì)Access數(shù)據(jù)庫

數(shù)據(jù)庫的主要功能是存儲與管理數(shù)據(jù)，在目前市面上存在的多種形式的數(shù)據(jù)庫產(chǎn)品中，關(guān)系型數(shù)據(jù)庫最受歡迎并被廣泛使用。該類數(shù)據(jù)庫將數(shù)據(jù)按類別存儲在各種數(shù)據(jù)表中，并且通過數(shù)據(jù)表之間的關(guān)聯(lián)進(jìn)行數(shù)據(jù)的調(diào)整和搜索等維護(hù)操作。

Access數(shù)據(jù)庫的基本操作Access數(shù)據(jù)庫的基礎(chǔ)知識:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::13.1.1Access數(shù)據(jù)庫的基本操作

Access數(shù)據(jù)庫是目前比較流行的數(shù)據(jù)庫管理系統(tǒng)，它是一個(gè)運(yùn)行在Windows系統(tǒng)環(huán)境下的桌面關(guān)系型數(shù)據(jù)庫，也是Office的組件之一。下面將圍繞幾個(gè)與創(chuàng)建Access數(shù)據(jù)庫相關(guān)的問題進(jìn)行講述，以便用戶對該數(shù)據(jù)庫的應(yīng)用有個(gè)概括的了解。

認(rèn)識Access數(shù)據(jù)庫界面創(chuàng)建Access數(shù)據(jù)庫:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::13.1.2Access數(shù)據(jù)庫的基礎(chǔ)知識

本節(jié)將以【例13-1】創(chuàng)建的數(shù)據(jù)庫db1為基礎(chǔ)，介紹組成Access數(shù)據(jù)庫的各個(gè)部分的結(jié)構(gòu)及功能，包括數(shù)據(jù)庫結(jié)構(gòu)、數(shù)據(jù)表結(jié)構(gòu)、數(shù)據(jù)內(nèi)容和字段索引等內(nèi)容。

數(shù)據(jù)庫結(jié)構(gòu)數(shù)據(jù)表結(jié)構(gòu)

數(shù)據(jù)內(nèi)容

字段索引:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::13.2連接數(shù)據(jù)庫

要在動(dòng)態(tài)網(wǎng)頁中使用數(shù)據(jù)庫，就需要?jiǎng)?chuàng)建一個(gè)指向該數(shù)據(jù)庫的連接。在Windows系統(tǒng)中，ODBC的連接主要是通過ODBC數(shù)據(jù)庫資源管理器來完成的。

DNS結(jié)構(gòu)定義系統(tǒng)DNS

創(chuàng)建系統(tǒng)DNS連接:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::13.3定義記錄集

記錄集是根據(jù)查詢關(guān)鍵字在數(shù)據(jù)庫中查詢得到的數(shù)據(jù)庫中記錄的子集。查詢根據(jù)搜索準(zhǔn)則，這些準(zhǔn)則決定了包含在記錄集中的內(nèi)容。

定義簡單記錄集

定義高級記錄集:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::13.4綁定動(dòng)態(tài)數(shù)據(jù)

用戶在Dreamweaver中定義的數(shù)據(jù)源都會在“綁定”面板中顯示，綁定動(dòng)態(tài)數(shù)據(jù)，就是將定義好的數(shù)據(jù)源綁定到頁面上，這樣可以將動(dòng)態(tài)數(shù)據(jù)源綁定到頁面中的任何位置。

綁定動(dòng)態(tài)文本數(shù)據(jù)

設(shè)置動(dòng)態(tài)文本數(shù)據(jù):::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::13.5添加服務(wù)器行為

服務(wù)器行為是一些常用的可定制的Web應(yīng)用代碼模塊。在前面章節(jié)的進(jìn)階練習(xí)中添加了“插入記錄”服務(wù)器行為，下面將主要介紹Dreamweaver中的常用服務(wù)器行為。

“重復(fù)區(qū)域”行為

“記錄集分頁”行為

“顯示區(qū)域”行為

“轉(zhuǎn)到詳細(xì)頁面”行為

“轉(zhuǎn)到相關(guān)頁面”行為

“插入記錄”行為

“更新記錄”行為

“刪除記錄”行為

“登錄用戶”行為

“限制對頁面的訪問”行為

“注銷用戶”行為

“檢查新用戶名”行為:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::1.1.2網(wǎng)頁的布局結(jié)構(gòu)

結(jié)構(gòu)化布局是最基本的網(wǎng)頁布局之一，其特點(diǎn)是將網(wǎng)頁的各種結(jié)構(gòu)模塊進(jìn)行平面排列，以構(gòu)成整個(gè)網(wǎng)頁。在設(shè)計(jì)網(wǎng)頁布局的過程中，應(yīng)遵循對稱平衡、異常平衡、對比、凝視和空白等原則。一般情況下，網(wǎng)頁的常見布局有以下幾種結(jié)構(gòu)。

π型網(wǎng)頁布局

T型網(wǎng)頁布局三型網(wǎng)頁布局

Flash網(wǎng)頁布局:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::1.1.3網(wǎng)頁的制作流程

在制作網(wǎng)站時(shí)，首先應(yīng)考慮網(wǎng)站的主題，然后根據(jù)主題來制作演示圖板，并準(zhǔn)備各個(gè)網(wǎng)頁上要插入的文字、圖像、多媒體文件等所需元素，這些都準(zhǔn)備好后就可以開始制作網(wǎng)頁了。下面將介紹網(wǎng)頁的制作流程。

網(wǎng)站的策劃階段

網(wǎng)站制作的準(zhǔn)備階段

網(wǎng)頁制作與上傳階段:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::1.2DreamweaverCC簡介

DreamweaverCreativeCloud(CC)是一款可視的網(wǎng)頁制作與編輯軟件，它可以針對網(wǎng)絡(luò)及移動(dòng)平臺設(shè)計(jì)、開發(fā)并發(fā)布網(wǎng)頁。DreamweaverCC提供直覺式的視覺效果界面，可用于建立及編輯網(wǎng)站，并與最新的網(wǎng)絡(luò)標(biāo)準(zhǔn)相兼容（同時(shí)對HTML5/CSS3和jQuery提供支持）。本節(jié)將詳細(xì)介紹DreamweaverCC的工作界面和基本操作，幫助用戶初步了解該軟件的使用方法。

DreamweaverCC工作界面

DreamweaverCC基本操作:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::1.2.1DreamweaverCC工作界面

DreamweaverCC的工作界面效果秉承欄Dreamweaver系列軟件產(chǎn)品一貫簡潔、高效和易用的特點(diǎn)，軟件的多數(shù)功能都能在功能界面中非常方便地找到。:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::1.2.2DreamweaverCC基本操作

使用DreamweaverCC編輯網(wǎng)頁之前，用戶應(yīng)掌握該軟件的基本操作方法，例如創(chuàng)建網(wǎng)頁、保存網(wǎng)頁、打開網(wǎng)頁、設(shè)置網(wǎng)頁屬性以及預(yù)覽網(wǎng)頁的效果等。

創(chuàng)建新網(wǎng)頁

打開網(wǎng)頁文檔

設(shè)置網(wǎng)頁文檔

預(yù)覽網(wǎng)頁效果

保存網(wǎng)頁文檔:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::1.3創(chuàng)建與設(shè)置站點(diǎn)

在Dreamweaver中，用戶可以創(chuàng)建本地站點(diǎn)，本地站點(diǎn)是本地計(jì)算機(jī)中創(chuàng)建的站點(diǎn)，其所有的內(nèi)容都保存在本地計(jì)算機(jī)硬盤上，本地計(jì)算機(jī)可以被看成是網(wǎng)絡(luò)中的站點(diǎn)服務(wù)器。本節(jié)將通過實(shí)例操作，詳細(xì)介紹在本地計(jì)算機(jī)上創(chuàng)建與管理站點(diǎn)的方法。站點(diǎn)簡介規(guī)劃站點(diǎn)

創(chuàng)建本地站點(diǎn)

設(shè)置本地站點(diǎn)

創(chuàng)建網(wǎng)站文件:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::1.3.1站點(diǎn)簡介

互聯(lián)網(wǎng)中包括無數(shù)的網(wǎng)站和客戶端瀏覽器，網(wǎng)站宿主于網(wǎng)站服務(wù)器中，它通過存儲和解析網(wǎng)頁的內(nèi)容，向各種客戶端瀏覽器提供信息瀏覽服務(wù)。通過客戶端瀏覽器打開網(wǎng)站中的某個(gè)網(wǎng)頁時(shí)，網(wǎng)站服務(wù)軟件會在完成對網(wǎng)頁內(nèi)容的解析工作后，將解析的結(jié)構(gòu)回饋給網(wǎng)絡(luò)中要求訪問該網(wǎng)頁的瀏覽器。:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::1.3.2規(guī)劃站點(diǎn)

用戶在規(guī)劃網(wǎng)站時(shí)，應(yīng)明確網(wǎng)站的主題，并搜集所需要的相關(guān)信息。規(guī)劃站點(diǎn)指的是規(guī)劃站點(diǎn)的結(jié)構(gòu)，完成站點(diǎn)的規(guī)劃后，在創(chuàng)建站點(diǎn)時(shí)用戶既可以創(chuàng)建一個(gè)網(wǎng)站，也可以創(chuàng)建一個(gè)本地網(wǎng)頁文件的存儲地址。

設(shè)計(jì)網(wǎng)站目錄結(jié)構(gòu)

設(shè)計(jì)網(wǎng)站鏈接結(jié)構(gòu):::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::1.3.3創(chuàng)建本地站點(diǎn)

在網(wǎng)絡(luò)中創(chuàng)建網(wǎng)站之前，一般需要在本地計(jì)算機(jī)上將整個(gè)網(wǎng)站完成，然后再將站點(diǎn)上傳到網(wǎng)站W(wǎng)eb服務(wù)器上。在Dreamweaver軟件中，創(chuàng)建站點(diǎn)既可以使用軟件提供的向?qū)?chuàng)建，也可以使用高級面板創(chuàng)建。

通過向?qū)?chuàng)建本地站點(diǎn)

使用高級面板創(chuàng)建站點(diǎn):::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::1.3.4設(shè)置本地站點(diǎn)

在Dreamweaver中完成本地站點(diǎn)的創(chuàng)建后，用戶可以選擇【站點(diǎn)】|【管理站點(diǎn)】命令，打開【管理站點(diǎn)】對話框，并利用該對話框中的工具欄對站點(diǎn)進(jìn)行一系列的編輯操作，例如重新編輯當(dāng)前選定的站點(diǎn)、復(fù)制、導(dǎo)出或刪除站點(diǎn)等。:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::1.3.5創(chuàng)建網(wǎng)站文件

成功創(chuàng)建Dreamweaver本地站點(diǎn)后，用戶可以根據(jù)需要?jiǎng)?chuàng)建各欄目文件夾和文件，對于創(chuàng)建好的站點(diǎn)也可以進(jìn)行再次編輯，或復(fù)制與刪除這些站點(diǎn)。

創(chuàng)建站點(diǎn)文件與文件夾

重命名站點(diǎn)文件與文件夾

刪除站點(diǎn)文件與文件夾:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::1.4設(shè)置DreamweaverCC視圖

在DreamweaverCC中，軟件提供了“設(shè)計(jì)”、“代碼”、“拆分”、“實(shí)時(shí)視圖”等多種視圖模式，可以幫助設(shè)計(jì)者隨時(shí)查看網(wǎng)頁的設(shè)計(jì)效果和相應(yīng)代碼的對應(yīng)狀態(tài)。除此之外，在“設(shè)計(jì)”視圖中，用戶還可以使用“標(biāo)尺”和“網(wǎng)絡(luò)”功能，精確定位網(wǎng)頁中的各種頁面元素。切換【文檔】視圖使用可視化助理:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::1.4.1切換【文檔】視圖

DreamweaverCC文檔窗口顯示欄當(dāng)前文檔，選擇【查看】命令，在文檔視圖下拉菜單中，用戶可以【設(shè)計(jì)】、【代碼】、【拆分】、【實(shí)時(shí)視圖】等視圖模式，其各自的功能如下。

設(shè)計(jì)視圖

代碼視圖

代碼視圖

實(shí)時(shí)視圖

實(shí)時(shí)代碼模式

檢查模式:::::《計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::1.4.2可視化助理

DreamweaverCC提供了【標(biāo)尺】和【網(wǎng)格】功能，用于輔助設(shè)計(jì)網(wǎng)頁文檔?！緲?biāo)尺】功能可以輔助測量、組織和規(guī)劃布局；【網(wǎng)格】功能可以絕對定位的網(wǎng)頁元素在移動(dòng)時(shí)自動(dòng)靠齊網(wǎng)格，還可以通過指定網(wǎng)格設(shè)置更改網(wǎng)格或控制靠齊行為。

使用【標(biāo)尺】功能

使