现代教育技术实践课件

素材的採集與設計1.1文字素材的採集與設計文字素材的輸入方法

設計文字素材時要考慮的因素

文字素材的輸入方法鍵盤輸入

語音識別輸入

掃描識別輸入

筆式手寫識別輸入

設計文字素材時要考慮的因素

文字素材的格式

——能否識別文字素材的美觀

1.2圖片素材的採集與設計

1.2.1採集圖形圖像的途徑1.2.2從螢幕、動畫、視頻中抓取

1.2.3利用圖形、圖像編輯軟體製作

1.2.4掃描器掃描、數碼相機拍攝，數位化儀輸入

1.2.1採集圖形圖像的途徑從網路上、素材光碟上間接取得素材

從螢幕、動畫、視頻中抓取

利用圖形、圖像編輯軟體製作

掃描器掃描、數碼相機拍攝，數位化儀輸入

1.2.2從螢幕、動畫、視頻中抓取

PrintScreen鍵

螢幕抓取軟體

使用影像播放軟體(如“超級解霸”)抓取視頻影碟上的一幀畫面存為圖像檔

螢幕抓取軟體

HyperSnapCtrl+Shift+W：截取某個標準的Windows窗口

Ctrl+Shift+R：截取隨意指定的矩形螢幕區域

使用影像播放軟體抓取視頻影碟上的一幀畫面存為圖像檔

超級解霸V8Ctrl＋F1:單張抓圖

Ctrl＋F2:連續抓圖

WindowsMediaPlayerCtrl＋I金山影霸

RealOnePlayer

“工具”→“參數設置”1.2.3利用圖形、圖像編輯軟體製作

常用的圖像處理軟體

Windows中的畫圖（Paintbrush）CorelDraw、Freehand、IllustratorAutoCAD、Photoshop、3DstudioMax2.一個實例

應用Photoshop製作圖像按鈕的實例

1.2.4掃描器掃描、數碼相機拍攝，數位化儀輸入

ScanMakerV600安裝掃描器

啟動PhotoShop軟體，選擇“檔”→“輸入”

→“TWAIN_32”

預掃描設置、開始掃描

在PhotoShop中修改1.3音頻素材的採集與設計

1.3.1獲取音頻素材的途徑

1.3.2通過電腦中的聲卡錄製聲音

1.3.3光碟聲音資訊的截取

1.3.4利用音頻工具軟體製作、編輯音頻素材

1.3.1獲取音頻素材的途徑

（1）利用已有光盤中的音頻素材；（2）從已有的聲音庫或網上獲取聲音素材；（3）通過電腦中的聲卡錄製聲音；（4）從CD或VCD中直接捕獲；（5）利用音頻工具軟體製作編輯音頻素材

1.3.2通過電腦中的聲卡錄製聲音

錄音停止1.3.3光碟聲音資訊的截取

播放檔“■”(停止)按鈕

“控制”→“播放並且錄音”保存

1.3.4利用音頻工具軟體製作、編輯音頻素材

SoundForge1.4動畫素材的採集與設計

1.4.1動畫素材的獲取途徑

1.4.2利用多媒體創作軟體自帶的動畫功能

1.4.1動畫素材的獲取途徑

利用程式設計語言

VB、VC

利用專門的動畫創作工具

3DMAX、Cool3D、AnimatorPro、AnimatorStudio、UleadGIFAnimator

利用多媒體創作軟體自帶的動畫功能

Authoware、Director、Flash

1.4.2利用多媒體創作軟體自帶的動畫功能

翱翔

1.5視頻素材的採集與設計

1.5.1視頻素材的採集途徑

1.5.2用視頻捕捉卡獲取素材1.5.3利用超級解霸等軟體來截取VCD上的視頻片段1.5.4螢幕視頻捕捉

1.5.1視頻素材的採集途徑

從素材光碟或網路上直接獲取素材

用視頻捕捉卡獲取素材

利用超級解霸等軟體來截取VCD上的視頻片段

用螢幕抓取軟體記錄螢幕的動態顯示及滑鼠操作

SnagIt/32、HyperCam

1.5.2用視頻捕捉卡獲取素材

模擬視頻信號的採集

數字視頻信號的採集

模擬視頻信號的採集

模擬信號源模擬視頻播放（輸出）視頻採集卡—電腦圖1-34模擬視頻採集過程數字視頻信號的採集

1.5.3利用超級解霸等軟體來截取VCD上的視頻片段

圖1-37超級解霸主介面打開檔播放DVD/VCD單張抓圖連續抓圖選擇開始點選擇結束點迴圈播放保存MPG2.10幻燈片課件的打包

2.11課件製作實例2.1幻燈片的基本操作

2.1.1建立一個幻燈片檔

2.1.2插入和刪除幻燈片

2.1.1建立一個幻燈片檔

“常用”工具欄中的按鈕

2.1.2插入和刪除幻燈片

2.2文字和圖片的編輯

2.2.1輸入文字

2.2.2插入圖片

2.2.3用PowerPoint

的“繪圖”工具欄製作簡單的圖形

2.2.4讓文字和圖片動起來

2.2.1輸入文字

2.2.2插入圖片

滑鼠雙擊圖片區域

2.2.3用PowerPoint

的“繪圖”工具欄製作簡單的圖形

圖2-14自選圖形2.2.4讓文字和圖片動起來

圖2-15圖片的快捷菜單2.3設置幻燈片的背景和母版

2.3.1設置幻燈片的背景

2.3.2設置幻燈片母版

2.3.3設計範本

2.3.1設置幻燈片的背景

2.3.2設置幻燈片母版

2.3.3設計範本

2.4在幻燈片中插入多媒體檔

插入視頻檔

“插入”菜單中的“影片和聲音”

2.5幻燈片的切換

2.6動作設置

2.7設置超級鏈接和動作按鈕

設置超級鏈接的步驟：

動作按鈕來實現幻燈片之間的跳轉

2.8幻燈片的放映

2.9在幻燈片中插入其他對象

插入flash動畫

2.10幻燈片課件的打包

3.1在課件中加入文字和圖形顯示圖示

3.1在課件中加入文字和圖形

3.1.1調整位置與大小

3.1.2更改線型

3.1.3設置圖形顏色

3.1.4設置填充模式

3.1.5設置覆蓋模式

3.1.6設置排列與對齊方式

3.1.7導入外部圖像檔

設置排列與對齊方式

導入外部圖像檔

導入按鈕

3.2課件中加入數字電影與聲音

3.2.1導入數字電影

3.2.2導入聲音

3.3顯示內容的等待

3.3.1等待圖示的創建

3.3.2等待圖示的屬性設置

3.4顯示內容的擦除

只能清除某一圖示的所有對象

一般要放在清除對象圖示的後面

可以同時清除多個圖示內容

可以設置擦除圖示的擦除效果

3.5讓文字和圖片動起來

3.5.1指向固定點（DirecttoPoint）

3.5.2指向固定直線上的某點（DirecttoLine）的移動

3.5.3指向固定區域的某點（DirecttoGrid）的移動

3.5.4指向固定路徑的終點（PathtoEnd）的移動

3.5.5指向固定路徑的任意點（PathtoPoint）的移動

3.5.1指向固定點3.5.2指向固定直線上的某點的移動

3.5.3指向固定區域的某點的移動

3.5.4指向固定路徑的終點的移動

3.5.5指向固定路徑的任意點的移動

3.6群組圖示的應用

3.7交互設計

11種交互回應類型

按鈕回應熱區回應目標區域回應熱對象回應下拉菜單回應按鍵回應重試次數回應文本輸入回應條件回應時間限制回應事件回應3.7.1按鈕回應（Button）

3.7.2熱區回應（HotSpot）

3.7.3熱對象回應

3.7.4目標區域回應與條件回應

3.7.5文本輸入回應與嘗試限制回應

3.7.6按鍵回應和時間限制回應

3.7.7通過菜單回應實現交互

3.8課件頁面的跳轉

3.8.1框架圖示和導航圖示

3.8.2判斷圖示

3.8.1框架圖示和導航圖示

導航圖示:改變程式的流程

框架圖示:一套可以輕鬆製作導航系統的圖示組合。

框架導航系統包括三個元素

框架窗口

默認的導航按鈕系統

附屬於框架圖示的頁

“李清照詩詞欣賞”課件

3.8.2判斷圖示

主要作用:實現迴圈、分支3.9計算圖示、變數和函數

3.9.1計算圖示

3.9.2變數

3.9.3函數

3.9.2變數

系統變數

自定義變數

變數的類型

變數的查詢

定義變數的基本步驟

變數使用的位置

常用系統變數

普通變數：NumEntry引用變數：IconID@“正方形”

Authorware中共有11類系統變數

CMI：電腦管理教學File：檔管理Framework：框架管理General：一般Graphics：繪圖Icons：圖示管理Interaction：交互管理Network：網路管理Time：時間管理Video：視頻管理Decision：決策判斷

自定義變數命名注意事項

變數名必須唯一，不能與系統變數重名

必須以字母開頭，可以包含任何英文字母、數字、下畫線和空格等

允許有空格，但是空格不能忽略

自定義變數名可以包含無數多個字元

給自定義變數賦值，利用賦值號“：=”

變數的類型

數值型

邏輯型字元型列表型變數變數的查詢

定義變數的基本步驟

變數使用的位置

在計算窗口中使用變數

附屬於其他程式圖示的計算圖示

在屬性對話框的條件選項中使用變數

在文本對象中使用變數

常用系統變數

AllCorrectMatched：為邏輯類型

AllSelected：為邏輯類型

AltDown：為邏輯類型

Correct：為字元類型

CorrectChoice：為數值類型

常用系統變數Date：為數值類型

DayName：為字元類型

NumCount：為數值類型

NumEntry：為數值類型

NumEntry2：為數值類型

EntryText:字元類型3.9.3函數

函數是用來實現某些特殊功能的模組

系統函數自定義函數系統函數及其分類

字元類函數（Character）

檔類函數（File）

框架類函數（Framework）

常用類函數（General）

圖示類函數（Icon）

流程跳轉類函數（Jump）

圖形類函數（Graphics）語言類函數（Language）

系統函數及其分類表函數（List）

網路類函數（Network）

時間類函數（Time）

視頻類函數（Video）

對象嵌入與鏈接類（Ole）

目標類函數（Target）

電腦管理教學類（CMI）

平臺類函數（Platform）

系統函數的使用

要正確使用參數：類型、個數常用的系統函數

MediaPlay()

語法：MediaPlay(IconID@"IconTitle")

用途：用於播放指定圖示中的多媒體檔。Quit()

語法：Quit(option)

用途：退出Authorware程式

常用的系統函數ResizeWindow()

語法：

ResizeWindow(width,height)

用途：用於重新設置展示窗口的大小

例：

ResizeWindow(800,600)GoTo(IconID@"IconTitle")

跳到在IconTitle中指定的圖示繼續執行例：GoTo(IconID@“背景")常用的系統函數DisplayIcon(IconID@"IconTitle")

顯示指定圖示的內容。只能在計算圖示中使用,不能插入到運算式中

EraseIcon(IconID@"IconTitle")

從展示窗口中擦除指定圖示的內容

number:=MOD(x,y)返回

x/y的餘數

常用的系統函數String(value)

將數值轉化為字串

UpperCase("string")語法：resultString:=UpperCase("string")作用：UpperCase將string中的所有字母轉化為大寫。

常用的系統函數LowerCase("string")語法：resultString:=LowerCase("string")作用：LowerCase將string中的字母轉化為小寫。

3.10提高課件的製作效率3.10.1使用庫

3.10.2使用範本

3.10.1使用庫

選擇“風格”顯示圖示，將其拖放到“庫檔”窗口中鬆開4.1Web開發工具4.1.1網頁開發工具4.1.2ASP開發技術4.1.1網頁開發工具1.HTML工具2.FrontPage工具3．DreamWeaver工具

1.HTML工具HTML（HyperTextMarkupLanguage超文本標記語言）HTML文檔:是一個放置了標記的ASCII文本檔，擴展名:.html或.htm。<HTML><HEAD><TITLE>SampleHTMLDocument</TITLE><!--Hereisthecomments--></HEAD><BODY><H1>ASampleHTMLDocument</H1><EM>TodemostrateHTMLstyle</em><P><HRsize=5><P>ThisdocumentiswrittenbyHTML.Atheretobrakeline.<BR>Hereis<B>boldtext</B>.<P>Hereisthenextparagraph...<HR></BODY></HTML>1.HTML工具

標記語法和文檔結構

一個簡單例子的剖析

字體與顏色

超鏈接和URL圖像、聲音、視頻和動畫

列表結構和預編排結構

（1）

標記語法和文檔結構

單標記

:只需單獨使用就能完整地表達意思。

語法：<標記>

例：<P>，表示一個段落的結束。

雙標記：由“始標記”和“尾標記”兩部分構成，必須成對使用

。

語法：<標記>內容</標記>

例：<EM>texttoemphasize</EM>標記屬性：多單標記和雙標記的始標記內可以包含一些屬性

語法：<標記

屬性1屬性2屬性3…>

例：<HRSIZE=3ALIGN=LEFTWIDTH="75%">文檔結構：三對標記來構成一個HTML文檔的骨架<HTML> <HEAD>

頭部資訊

</HEAD> <BODY>

文檔主體，正文部分

</BODY></HTML>（2）

一個簡單例子的剖析

<HTML><HEAD><TITLE>SampleHTMLDocument</TITLE><!--Hereisthecomments--></HEAD><BODY><H1>ASampleHTMLDocument</H1><EM>TodemostrateHTMLstyle</em><P><HRsize=5><P>ThisdocumentiswrittenbyHTML.Atheretobrakeline.<BR>Hereis<B>boldtext</B>.<P>Hereisthenextparagraph...<HR></BODY></HTML>一對<TITLE>標記表明了一個Homepage檔的總標題，它一般出現在<HEAD>標記中

<!--注釋內容

-->：是一個單標記，注釋內容在流覽器中不顯示

<H1>文本</H1>：一對<H1>標記表明正文中的第一層標題

<BR>是一個單標記，表示在正文段落的當前位置換行（breakline）

（3）字體與顏色

用於字體的標記

<B></B>：粗體

<I></I>：斜體

<TT></TT>：長寬度字體

<EM></EM>：突出顯示

<SRTONG></STRONG>：重點突出顯示

改變字體的大小：用正文標題標記<H1>至<H6>（3）字體與顏色<FONT></FONT>標記

帶有SIZE屬性絕對值：SIZE="+2"，SIZE="-1"

相對值：如：SIZE=4ThisisHTML+font:<BR><FONTSIZE="+1">Biggerlevel1</FONT>and<FONTSIZE="+3">Biggerlevel3</FONT>and<FONTSIZE="－1">Smallerlevel1</FONT>and<FONTSIZE=5>TheNO.5font<SUP><FONTSIZE="-1">(TM)</FONT></SUP></FONT>inoneparagraph.上標字體標記<SUP></SUP>（3）字體與顏色檔的背景和字體的顏色

在<BODY>標記中增加屬性BGCOLOR和TEXT來定義

例：<BODYBGCOLOR=#ffffffTEXT=#000000>

文檔正文部分

</BODY>屬性值為帶#號的十六進制RGB值。使背景為白色，文本為黑色

（4）超鏈接和URL①URL格式

②錨（Anchor）標記

③指向檔中的某一處

①URL格式

URL（UniversalResourceLocation，統一資源定位器）

URL的一般格式為：

訪問方式

://伺服器功能變數名稱/路徑及檔案名

訪問方式：HTTP、FTP、TELNET、GOPHER、WAIS、NEWS、FILE等等

/coliege/science/computer/computer.htm/pub/mailto:webmaster@file:///c|/html/sample.htm②錨（Anchor）標記

錨標記的格式為：

<AHREF="URL資訊">超鏈接文本及圖像

</A>

屬性HREF表明了超鏈接被觸發後所指向的URL例如：：<AHREF="/about/5.htm">nextpage</A>相對URL：<AHREF="5.htm">nextpage</A>指向上兩級目錄下的檔：<AHREF="../../topic.htm">Returntotopic</A>③指向檔中的某一處

超鏈接標記的另一個屬性NAME，其格式

<ANAME="超鏈名">超鏈接文本及圖像

</A>

超鏈接名是目的地的名字，當要引用這一目的地時，只需把“#超鏈接名”添加到HREF中就可以了。

例如：在附錄標題上定義一個超鏈接名：<H2><ANAME="appendix-A">AppendixA</A></H2>在同一檔的其他處創建一個超鏈接來指向附錄部分：Detailsarein<AHREF="#appendix-A">AppendixA</A>.（5）

圖像、聲音、視頻和動畫

①圖像

②聲音和視頻

③動畫

①圖像

HTML的圖示記是一個單標記，它的格式為：

<IMGSRC=“URL資訊”>目前有以下幾種圖像的格式能被Web流覽器直接解釋：

GIF格式、X位圖格式、JPEG格式屬性SRC表示圖的源（Source）檔，因此這裏的URL資訊必須對應一個圖像檔。

例如：

<H2><IMGALIGN=MIDDLESRC="boat.gif">Thistextlineismiddle-align.</H2>如果讓圖像單獨占一塊區域，不要忘了在圖示記的前後加上<P>或<BR>標記：

<P><IMGSRC="revbar.gif"><P>Thisimageisstandalonewiththetext.<P>圖像同樣也可以作為一個超鏈接，如：

Clicktheimage<AHREF="detail.htm"><IMGSRC="model.gif"></A>toseethefull-sizepictureanddetailofthisbuilding.Web流覽器在超鏈接圖的四周畫一個邊框，以示可被觸發。若想去掉這個框只需在<IMG>中加上屬性BORDER=0就可以了。圖4-4是上述例子的顯示效果。

②聲音和視頻

Web流覽器自身不能解釋聲音和視頻檔，就必須把這些檔作為一個超鏈接中的URL資訊。當用戶觸發這一超鏈接時，Web流覽器發現自己無法解釋這類檔，就在輔助工具表中啟動相應的程式來播放它們。

請看下例：<H2>Hereisthe<AHREF="demo.wav">audiodemo</A>.</H2><H2>Hereisthe<AHREF="demo.avi">videodemo</A>.</H2>

③動畫

SUN公司開發了一套稱為Java的通用程式設計語言，利用它製作的網頁可支持內嵌式的動畫和內嵌式的聲音。可以用SUN公司的Web流覽器HotJava來觀看帶有Java標記的網頁。

（6）列表結構和預編排結構

①列表（list）結構

②預編排（Preformatted）結構

列表（list）結構和預編排（Preformatted）結構都是一種具有段落性質的獨立塊狀結構

①列表（list）結構

HTML文檔中共有三種類型的列表，它們是：

無次序列表（Unorderedlist）：<UL>列表項

</UL>有次序列表（Orderedlist）：<OL>列表項

</OL>定義表（Definitionlist）：<DL>列表項

</DL>

例：

<UL><LI>FirstULitem <UL><LI>Firstsub-ULitem <LI>Secondsub-ULitem</UL> <LI>SecondULitem</UL> <OL><LI>FirstOLitem <LI>SecondOLitem</OL>

定義表的每一項是由兩對標記<DT></DT>和<DD></DD>構成的，其中一對<DT>標記中是被定義項的名稱，而一對<DD>標記中是具體定義的內容。定義表常用於文檔中的辭彙表，術語表等，

例如：<DL><DT>Firstword</DT><DD>Hereistheexplainofthefirstword.<DT>Secondword</DT><DD>Hereistheexplainofthesecondword.</DL>②預編排（Preformatted）結構

語法格式為：

<PRE>預編排資訊</PRE>例如：<PRE>2.9<IMGSRC="car.gif">+1.2The<B><I>car</I></B>

4.1</PRE>2.FrontPage工具

（1）FrontPage2003的基本操作（2）文字的創建和處理

（3）圖片的創建和處理

（4）網頁的佈局

（5）網頁鏈接

（6）網頁整體風格的設計——樣式的應用

（7）表單

（8）設計效果

(9)向網頁中添加音頻和視頻

（10）Web站點的建立與管理

（1）FrontPage2003的基本操作

設計區域菜單欄格式工具欄開始工作區常用工具欄視圖圖4-8Frontpage2003的工作介面設計視圖拆分視圖代碼視圖預覽視圖（1）FrontPage2003的基本操作新建網頁

保存網頁

打開網頁

網頁預覽

網頁屬性的設置

（2）文字的創建和處理創建文字

處理文字字體處理文字段落設置文字效果

（3）圖片的創建和處理圖片的創建

處理圖片

（4）網頁的佈局

“佈局表格”：為網頁佈局創建一個框架

“佈局單元格”：為該框架填充包含有網頁內容（包括文本、圖像、Web部件和其他元素）的區域，也就是單元格。

網頁佈局的過程實例

①創建佈局表格

“表格”

“佈局表格和單元格”命令

②繪製佈局表格

在“新建表格和單元格”項中單擊“繪製佈局表格”

③設置表格屬性

在表格上的任意位置單擊滑鼠右鍵

④添加單元格

“新建表格和單元格”項下的“繪製佈局單元格”

⑤設置單元格

單元格屬性設置

設置單元格角部屬性

（5）網頁鏈接

創建指向現有網頁或文本的超鏈接

創建指向新網頁的超鏈接

創建指向萬維網上的網頁或檔的超鏈接

創建指向電子郵件地址的超鏈接

創建指向書簽的超鏈接

在圖片上添加熱區

（6）網頁整體風格的設計——樣式的應用

段落級樣式

字元級樣式網頁元素樣式

樣式是由唯一名稱標識的格式特徵集合圖4-31文本周圍附加邊框的段落級樣式

圖4-32圖像周圍附加邊框的段落級樣式

圖4-33文本周圍附加邊框的段落級樣式

圖4-34文本周圍附加邊框的段落級樣式

將樣式應用於文本選中要應用樣式的文本或段落，單擊“格式”工具欄中“樣式”下拉列表中的下箭頭，如圖4-35所示，在彈出的選項中選擇要應用的樣式即可.將樣式應用於網頁元素單擊網頁元素，“格式”→“屬性”，打開相應網頁元素的屬性對話框，如圖4-36是字幕的屬性對話框，單擊“樣式”按鈕。在其中進行相應的設置即可創建和應用用戶自定義樣式“格式”

→“樣式”

,彈出如圖4-37所示的“樣式”對話框，單擊“新建”按鈕創建和應用用戶自定義樣式彈出如圖4-38所示的“新樣式”對話框在“名稱”框中輸入新建樣式的名字，在“樣式類型”中選擇要創建的樣式類型，然後單擊右下角的“格式”按鈕，對新樣式進行設置即可。

（7）表單表單是用來收集站點訪問者的輸入資訊，並將收集到的資訊傳送給所設置的表單處理程式，以各種不同的方式進行處理，從而實現與用戶（學生）的交互。

①創建表單自己創建表單“插入”→“表單”

使用嚮導創建表單“檔”→“新建”→“網頁或站點”

,打開“新建網頁和站點”任務窗格。在窗格的“根據範本新建”欄目下，單擊“網頁範本”，打開“網頁範本”對話框。在此對話框的“常規”選項卡中，單擊“表單網頁嚮導”，再單擊“確定”，按照螢幕上的指導完成表單的創建。

②表單域

常用的有七種表單域

單行文本框文本區（滾動文本框）複選框選項按鈕下拉框按鈕分組框添加表單域“插入”→“表單”→“單行文本框”或其他表單域。③設置表單屬性在表單中單擊滑鼠右鍵，在彈出的快捷菜單上選擇“表單屬性”菜單項，彈出“表單屬性”對話框，如圖4-40④數據處理啟用“資料庫介面嚮導”將ASP指定為伺服器技術和數據庫連接選擇表或視圖及其存儲位置指定資料庫列和表單域指定要創建的網頁（8）設計效果①更改網頁背景顏色②向網頁中添加圖片③創建網頁過渡效果④為網頁元素添加動畫效果①更改網頁背景顏色

右鍵單擊網頁，單擊快捷菜單上的“網頁屬性”→“格式”選項卡。在“顏色”下，單擊“背景”列表中需要的顏色。②向網頁中添加圖片

右鍵單擊該網頁，單擊快捷菜單上的“網頁屬性”→“格式”選項卡→“背景圖片”複選框→“流覽”。定位並單擊包含所需背景圖片的檔，然後單擊“打開”。

③創建網頁過渡效果“格式”

→“網頁過渡”，單擊“事件”框中的事件。在“過渡效果”框中，單擊要使用的過渡效果類型。在“週期”框中，鍵入希望過渡效果持續的時間（按秒）。

④為網頁元素添加動畫效果選擇要添加動畫效果的元素，在“DHTML效果”工具欄的“在”框中單擊開始啟用效果的事件。如果“DHTML效果”工具欄隱藏，“視圖”→“工具欄”

→“自定義”→“DHTML效果”複選框。在“應用”框中，單擊想要的效果。在“應用”框旁邊的框中，單擊需要的效果設置，如圖4-41所示。

(9)向網頁中添加音頻和視頻①向網頁中添加聲音②向網頁中添加視頻①向網頁中添加聲音右鍵單擊網頁，單擊快捷菜單上的“網頁屬性”→“常規”選項卡→“背景音樂”，單擊所需的聲音檔，再單擊“打開”。②向網頁中添加視頻將插入點放在要插入視頻的位置，“插入”菜單→

“圖片”→“視頻”。單擊視頻檔，單擊“打開”。

（10）Web站點的建立與管理基於磁片的網站:位於本地電腦上的網站基於伺服器的網站:由Web伺服器（例如MicrosoftInternetInformationServer(IIS)或虛擬伺服器網路）承載的網站。網站是萬維網上的HTTP伺服器所承載的一組相關網頁。多數網站向網站訪問者提供一個主頁作為起點。主頁使用超鏈接和導航結構與其他網頁相互連接。創建FrontPage網站要執行下列基本步驟：創建網站結構向網站添加內容使用主題進行格式化增添視覺趣味和可用性發佈到Web①創建網站結構從如圖4-8所示的“開始工作”任務窗格中，選擇“新建網頁或網站”。在“新建網站”標題之下，選擇“其他網站範本”。選擇“空白網站”並單擊“確定”。現在需要將某些頁面添加到網站中，執行此操作最快捷的方式是使用導航視圖.轉到“視圖”菜單並選擇“導航”。

①創建網站結構大塊空白區域的左上側會出現一個工具欄。如圖4-42所示，單擊“新建網頁”按鈕創建主頁。單擊主頁，按下Insert鍵以在主頁之下創建新頁面。根據需要重複此操作，創建更多的子頁面，如圖4-43所示。標記頁面：單擊主頁，按下Tab鍵。鍵入第1頁的名稱，再次按下Tab鍵命名下一頁。②向網站添加內容與MicrosoftWord相似③使用主題進行格式化“格式”菜單→“主題”。在“主題”任務窗格中流覽可用的主題，如圖4-45所示。FrontPage“主題”允許將設計好的格式應用於整個網站，從而獲得一個專業、協調的外觀。

單擊某個主題，以將該主題應用於當前頁面。④增添視覺趣味和可用性插入圖片:“插入”

→“圖片”→“來自檔”。插入導航欄:“插入”→“導航”

⑤發佈到Web“檔”→“發佈網站”，並按照ISP的指示選擇發佈方法。使用遠程網站視圖發佈網站的步驟第一步，設置遠程網站的屬性“視圖”→“遠程網站”，在文檔窗口頂部，單擊“遠程網站屬性”，在“遠程網站”選項卡的“遠程Web伺服器類型”下，單擊“FrontPage或SharePointServices”

使用遠程網站視圖發佈網站的步驟第二步，標記不予發佈的檔在“本地網站”窗格中，右鍵單擊不予發佈的每個檔，在快捷菜單上單擊“不發佈”。使用遠程網站視圖發佈網站的步驟第三步，將檔和文件夾發佈到擴展的Web伺服器。在“遠程網站”窗格中，在“發佈所有更改過的網頁”下，單擊“本地到遠程”，單擊“發佈網站”。3．DreamWeaver工具Dreamweaver是美國Macromedia公司開發的集網頁製作和網站管理於一體的所見即所得的網頁編輯器。(1)DreamweaverMX操作介面DreamweaverMX的工作環境主要包括了菜單欄、工具欄、插入欄、文檔窗口、屬性檢查器以及浮動面板等①菜單欄包括“檔”、“編輯”、“查看”、“插入”、“修改”、“文本”、“命令”、“站點”、“窗口”、“幫助”10個菜單項。通過菜單欄可完成網頁編輯的全部操作。單擊每個菜單，可以看到相應的下拉菜單選項。②文檔工具欄文檔工具欄中主要集中一些常用的菜單命令③文檔窗口文檔窗口是用來顯示當前創建或者編輯的文檔④屬性檢查器選擇“窗口”→“屬性”菜單可啟動屬性檢查器，在選擇了某一對象後，屬性檢查器可以顯示該選擇對象的屬性，也可以在檢查器中修改此對象的屬性值。

屬性面板⑤插入欄插入欄共有“常用”、“佈局”、“文本”、“表單”、“HTML”、“應用程式”、“Flash元素”、“收藏夾”8組，包含用於將各種類型的“對象”（如圖像、表格和層）插入到文檔中的按鈕。創建和插入最常用的對象

⑤浮動面板

浮動面板是組合在一個標題下麵的相關面板的集合⑤浮動面板若要展開一個面板，單擊組名稱左側的展開箭頭；若要取消停靠一個面板，拖動該組標題條左邊緣的手柄。若要設置面板的參數，選擇“編輯”→“參數選擇”菜單，然後從左側的“分類”列表中選擇“面板”，根據右側的提示資訊設置參數⑥站點面板使您可以管理組成站點的檔和文件夾。它還提供了本地磁片上全部檔的視圖，非常類似於Windows資源管理器。（2）創建站點DreamweaverMX是一個站點創建和管理工具，因此使用它不僅可以創建單獨的文檔，還可以創建完整的Web站點。為了達到最佳效果，在創建任何Web站點頁面之前，（2）創建站點應對站點進行設計和規劃，設計和規劃包括以下步驟：確定站點的目標選擇目標用戶創建具有流覽器相容性的站點組織站點結構創建設計外觀設計導航方案規劃和收集資源。（2）創建站點Dreamweaver站點由三部分組成，具體取決於環境和所開發的Web站點類型：

①本地檔夾②遠程檔夾③動態頁檔夾①本地檔夾本地檔夾是工作目錄。Dreamweaver將該檔夾稱為“本地站點”。此檔夾可以位於本地電腦上，也可以位於網路伺服器上。它是用戶為Dreamweaver站點存儲“過程”檔的位置。當用戶設置本地檔夾後，用戶就建立了一個Dreamweaver站點。用戶可能還要添加遠程檔夾和測試檔夾。但開始使用Dreamweaver進行開發前至少需要設置一個本地檔夾。①本地檔夾

設置本地檔夾的步驟為：選擇“站點”→“管理站點”。在彈出的“管理站點”對話框中單擊“新建”按鈕，選擇“站點”命令，出現“站點定義”對話框。如果未顯示“高級”設置，請單擊“高級”按鈕。“站點定義”對話框的“高級”選項卡顯示“本地資訊”類別選項。輸入“本地資訊”選項。單擊“確定”。②遠程檔夾遠程檔夾是存儲檔的位置，這些檔用於測試、生產、協作等，具體取決於環境。Dreamweaver將該檔夾稱為“遠程站點”。為Dreamweaver站點設置本地檔夾後，可以設置遠程檔夾。本地檔夾和遠程檔夾使用戶能夠在本地磁片和Web伺服器之間傳輸檔，這使用戶可以很容易地管理Dreamweaver站點中的檔。②遠程檔夾設置遠程檔夾的步驟為：選擇“站點”→“編輯站點”。出現“編輯站點”對話框②遠程檔夾選擇現有的Dreamweaver站點。如果沒有定義任何Dreamweaver站點，請在繼續前創建一個本地檔夾。單擊“編輯”，出現“站點定義”對話框②遠程檔夾如果Dreamweaver顯示“站點定義嚮導”，請單擊“高級”按鈕。從左側的“分類”列表中選擇“遠程資訊”。選擇一個“訪問”選項。單擊“確定”。②遠程檔夾

連接到遠程檔夾的步驟為：

在“站點”面板中，選擇“站點”→“連接”，或者在“站點”面板工具欄中單擊“連接到遠程主機”按鈕。

②遠程檔夾

從遠程檔夾斷開的步驟為：

在“站點”面板中，選擇“站點”→“斷開”，或者在“站點”面板工具欄中單擊“斷開”按鈕。③動態頁檔夾動態頁檔夾是Dreamweaver處理動態頁的檔夾。在Dreamweaver中定義遠程檔夾後，指定可在其中處理動態頁的檔夾。Dreamweaver使用此檔夾生成動態內容並在用戶工作時連接到資料庫。③動態頁檔夾若要指定Dreamweaver可在哪里處理動態頁，請執行以下操作：如果“站點定義”對話框尚未打開，則選擇“站點”→“編輯站點”，然後選取用戶的站點並單擊“編輯”，打開該對話框。隨即顯示“站點定義”對話框。如果顯示嚮導，則單擊“高級”，然後從“類別”列表中選擇“測試伺服器”。隨即顯示“測試伺服器”對話框。③動態頁檔夾Dreamweaver需要測試伺服器的服務以在用戶工作時生成和顯示動態內容。測試伺服器可以是用戶的本地電腦、開發伺服器、模擬調試伺服器或生產伺服器。只要測試伺服器可以處理用戶計畫開發的動態頁類型，選擇哪個就無關緊要。完成對話框設置，然後單擊“確定”。（3）DreamweaverMX基本操作①檔操作

②文本、表格、圖像等對象的插入

③頁面編輯

④創建超級鏈接①檔操作DreamweaverMX檔操作可以看作是製作網頁的基本操作，它包括網頁檔的打開、創建、保存、關閉等，這些操作都很簡單。①檔操作下麵主要介紹如何利用範本創建檔

在“新建文檔”對話框中選擇“範本”標籤。然後從該對話框左邊的列表框中選擇範本所在的站點，再在右邊的範本列表中選擇一個範本。選擇需要使用的範本後，單擊“創建”按鈕，即可基於範本創建新文檔

②文本、表格、圖像等對象的插入在DreamweaverMX中輸入文本同普通的文本處理軟體類似，在游標閃爍處鍵入文字或有現成的東西也可以複製到文檔中，而對文本的屬性設置可通過屬性面板完成。圖4-58可在屬性面板中設置文本的屬性②文本、表格、圖像等對象的插入要往文檔中插入表格、表格數據、圖像或其他對象，可使用“插入”菜單中的命令，將指定對象插入到文檔中的插入點。或者如圖所示的“插入”欄，單擊或者拖拽對象到文檔窗口中。圖4-58可在屬性面板中設置文本的屬性②文本、表格、圖像等對象的插入在DreamweaverMX中使用表格的各個命令集中在“插入”欄下的“佈局”面板中，啟動表格面板，②文本、表格、圖像等對象的插入將游標放置於文檔中需要加入表格的地方，單擊“佈局”面板中的表格按鈕，此時就會彈出如圖的“表格”對話框，在其中設置表格的相應屬性即可。②文本、表格、圖像等對象的插入

在文檔中插入圖像，可以使用菜單欄中“插入”→“圖像”命令，也可以使用插入欄中常用面板中的圖像按鈕。例如在文檔中插入一個圖像，步驟為：將游標放到文檔中需要插入圖像的位置。使用“插入”→“圖像”命令，或單擊插入欄中的圖像按鈕，會出現如圖所示的“選擇圖像源”對話框。②文本、表格、圖像等對象的插入在選擇圖像源對話框中選擇所需要插入圖像的路徑，或者直接在URL中輸入所要插入圖像的路徑，此時可以看到圖像的預覽效果。選定圖像後，單擊確定按鈕，如果正在編輯的此圖像檔沒有保存，那麼DreamweaverMX會產生圖片的file://臨時的檔位置參數。②文本、表格、圖像等對象的插入單擊確定按鈕。此時就將圖像插入文檔中，得到下麵所示的效果。將圖像插入文檔後，DreamweaverMX會自動按照圖像的大小顯示，但往往還要對圖像的一些屬性進行具體的調整，如大小、位置、對齊等。這就要通過圖像屬性檢查器得以實現。選中一個圖像之後，文檔窗口的下方會出現圖像屬性檢查器，如圖所示。在此檢查器中設置所選圖像的相應屬性即可。③頁面編輯選擇“檔”→“新建”，彈出“新建文檔”對話框，如圖所示。選擇“基本頁”

→“HTML文檔”即可創建一個新的網頁。④創建超級鏈接選中要設置超級鏈接的文字或圖片，單擊右鍵，在彈出的快捷菜單上選擇“創建連接”命令，則彈出“選擇檔”對話框，如果是鏈接到另一個網頁，則選中相應的網頁檔；若是鏈接到一個圖片，則選中相應圖片檔，也可鏈接到其他類型的檔，如.exe或音頻、視頻檔。④創建超級鏈接超級鏈接也可以直接指向地址而不是一個檔，那麼單擊鏈接直接跳轉到相應的地址。例如，在鏈接框裏寫上/那麼，單擊鏈接就可以跳轉到老小孩網站。④創建超級鏈接在網頁製作中，還經常看到這樣的一些超級鏈接。單擊了以後，會彈出郵件發送程式，聯繫人的地址也已經填寫好了。這也是一種超級鏈接。製作方法是：在編輯狀態下，先選定要鏈接的圖片或文字（比如：歡迎您來信賜教！），在插入欄或插入菜單選“電子郵件鏈接”彈出如下對話框，填入E-Mail地址即可。（4）網路資料庫與動態網頁作為網路的一個重要應用，資料庫在網站建設中發揮著重要的作用，與普通網站相對而言，具有資料庫功能的網站網頁通常稱為動態頁面，也就是說頁面不是一成不變的，頁面上內容（或部分內容）是動態生成的，它可以根據資料庫中相應部分內容的調整而變化，使網站內容更靈活，維護更方便，更新更便捷。（4）網路資料庫與動態網頁如果用戶計畫建立動態Web應用程式，可以從設置應用程式伺服器和進行資料庫連接開始著手。（4）網路資料庫與動態網頁MacromediaDreamweaverMX所提供的關鍵益處在於使用戶能夠在沒有編程語言使用經驗的情況下創建動態Web站點。Dreamweaver的可視工具使用戶可以開發動態Web站點，而不必親手編寫創建支持顯示動態內容所必需的複雜編程邏輯，這些內容存儲在資料庫中。（4）網路資料庫與動態網頁Dreamweaver使用戶可以使用幾種流行的Web編程語言和服務器技術中的任意一種來創建動態Web站點。這些語言和技術包括MacromediaColdFusion、ASP.NET、MicrosoftASP、JavaServerPage(JSP)和PHP。（4）網路資料庫與動態網頁開發動態網頁的五個關鍵步驟包括：

①設計頁面將動態內容合併到網頁的常用方法是創建一個表示內容的表，然後將動態內容導入該表的一個或多個單元格中。利用此方法，可以用一種結構化的格式來表示各種類型的資訊。

（4）網路資料庫與動態網頁②創建動態內容的源動態Web站點需要一個內容源，在將數據顯示在網頁上之前，動態Web站點需要從該內容源提取這些數據。在Dreamweaver中，這些數據源可以是資料庫、請求變數、伺服器變數、表單變數或預存過程。

（4）網路資料庫與動態網頁③向網頁添加動態內容④增強動態頁的功能⑤測試和調試頁4.1.2ASP開發技術1.ASP簡介2.ASP伺服器的配置3.ASP的開發工具4.ASP語法簡介5.ASP的內建對象和內置組件6.利用ADO訪問Web資料庫7.ASP.NET簡介1.ASP簡介(1)什麼是ASP(2)ASP工作流程(1)什麼是ASP在一個伺服器動態網頁上，比如留言板，用戶需要把數據提交給伺服器並存入資料庫，同時用戶也需要從伺服器資料庫中查詢、流覽數據。在伺服器上接受用戶請求並處理用戶數據的工作是由腳本應用程式來完成的。而ASP（ActiveServerPage）就是內含於IIS（InternetInformationServer）中，由Microsoft開發的伺服器端的腳本環境。(1)什麼是ASP通過ASP，可以結合HTML（HyperTextMarkupLanguage）、腳本命令來創建動態、交互、高效的Web伺服器應用程式即實現流覽器與伺服器的交互。ASP由ASP程式和ASP程式的解釋程式（腳本引擎）兩部分構成(2)ASP工作流程ASP程式通過尾碼名為.asp的ASP檔來實現其功能。一個.asp檔相當於一個可執行檔，因此必須放在Web伺服器上有可執行許可權的目錄下(例如：Windows2000操作系統，該檔放在系統主目錄的/Inetpub/wwwroot下)。當用戶從流覽器輸入了.asp檔的地址後，流覽器就將這個URL請求發給Web伺服器。(2)ASP工作流程如果Web伺服器上裝了ASP，就調用ASP，ASP讀出相應.asp檔，解釋並執行命令，動態生成一個HTML頁面回傳Web伺服器，然後Web伺服器再把結果發送給流覽器。通過ASP內置的對象、伺服器組件“ServerComponent”可以完成非常複雜的任務。其中，ASP工作原理如圖所示：(2)ASP工作流程圖4-99ASP的工作原理ASP檔Web伺服器IISVBScriptActiveXScriptingEnginesJScriptADODatabase流覽器HTTP請求HTTP回應ODBC驅動程式(2)ASP工作流程

ASP最突出的優點是：

它可以使用編程部件，可以用VisualBasic、VisualC＋＋、BorlandDelphi和PowersoftPowerBuilder等工具製作這些部件，也可以用Frontpage設計介面後，再添加ASP代碼，只要以＊.asp存盤就可以了。2.

ASP伺服器的配置在Windows2000中集成了一個很有用的Web應用開發組件IIS—Internet資訊服務（InternetInformationService），IIS包含WorldWideWeb伺服器、檔傳輸協議（FTP）伺服器、SMTP虛擬伺服器、ASP、個人Web管理器（PersonalWebManager）等功能組件。2.

ASP伺服器的配置只要安裝了IIS，個人電腦就變成了個人Web伺服器。IIS的安裝可按以下步驟操作：“開始”→“控制面板”→“添加/刪除程式”→“添加/刪除Windows組件”，隨後在“組件”列表對話框中選中“Internet資訊服務”、”管理和監視工具”和“腳本調試器”，點擊Windows組件對話框上“確定”按鈕，Windows2000將自動開始安裝和配置IIS。2.

ASP伺服器的配置在IIS安裝完畢後，會發現在控制面板的“管理工具”中多了三個圖示，分別是“Internet服務管理器”、“WebServer”（Web伺服器）和“Server

Externsions”。通過它們，就可以對個人Web伺服器進行管理和控制了。2.

ASP伺服器的配置IIS安裝完畢後,並不能立即使用，還對WEB伺服器進行設置，步驟如下：

(1)打開“控制面板”—“管理工具”

—“Internet服務管理器”Internet服務管理器2.

ASP伺服器的配置在“默認Web站點”上按滑鼠右鍵，選擇“屬性”，彈出如圖所示的默認Web站點設置窗口：“TCP端口”是WEB伺服器端口，默認值是80，不需要改動。“IP地址”是WEB伺服器綁定的IP地址，默認值是“全部未分配”，建議不要改動。默認情況下，WEB伺服器會綁定在本機的所有IP上，包括撥號上網得到的動態IP。如果需指認一個指定地址，可下拉菜單選擇。圖4-101右擊默認網站2.

ASP伺服器的配置連接超時是當WEB服務當達到指定時間仍沒有完成，做回應失敗處理，以防止過多佔用伺服器資源圖4-102

設置網站屬性(2)主目錄的設置每個Web或FTP站點必須有一個主目錄。主目錄位於發佈的網頁的中央位置。它包含帶有歡迎內容的主頁或索引檔，並且包含到所在站點其他網頁的鏈接。主目錄映射為站點的功能變數名稱或伺服器名。(2)主目錄的設置例如，如果站點的Internet功能變數名稱是

並且主目錄是C:\Website\Microsoft，流覽器將使用URL

訪問主目錄中的檔。(2)主目錄的設置在內部網上，如果伺服器名是AcctServer，流覽器將使用URLhttp://acctserver

訪問主目錄上的檔。在安裝Internet資訊服務或創建新的Web站點時將創建默認的主目錄。單擊上面屬性窗口裏的“主目錄”

圖4-103

設置主目錄(2)主目錄的設置在“本地路徑”右邊，是網站根目錄，即網站檔存放的目錄，默認路徑是“c:\inetpub\wwwroot”。如果想把網站檔存放在其他地方，可修改這個路徑。在該窗口中一般不需做修改，如果在調試網站過程中想在流覽器中流覽所有網頁檔案名，可以點選目錄流覽選項，但注意此時目錄下應沒有默認的主頁檔案名，否則仍不能流覽目錄。(3)網站的默認首頁的設置單擊上面屬性窗口的“文檔”

圖4-104網站的默認首頁的設置(3)網站的默認首頁的設置在這裏設置網站的默認首頁文檔。在流覽器裏輸入一個地址訪問IIS的時候，IIS會在網站根目錄下查找默認的首頁檔，如果找到就打開，找不到就顯示“該頁無法顯示”。請在這裏添加所需的默認首頁檔案名，添加完後可以用左邊的上下箭頭排列這些檔案名的查找順序。到此，WEB伺服器設置完畢。(3)網站的默認首頁的設置在WEB伺服器設置完畢後，還需設置虛擬目錄。要從主目錄以外的其他目錄中進行發佈，就必須創建虛擬目錄。“虛擬目錄”不包含在主目錄中，但在顯示給客戶端流覽器時就像位於主目錄中一樣。(3)網站的默認首頁的設置虛擬目錄有一個“別名”，供WEB流覽器訪問此目錄時使用。由於別名通常要比目錄的路徑名短，因此更便於用戶輸入。使用別名更加安全，因為用戶不知道檔在伺服器上的實際位置，所以無法使用此信息修改檔(這也是稱為虛擬目錄的原因之一)。(3)網站的默認首頁的設置使用別名可以更方便地在站點中移動目錄，原因在於不需要更改目錄的URL，只需更改別名與目錄實際位置之間的映射即可。(3)網站的默認首頁的設置

在Internet資訊服務裏建立虛擬目錄的步驟是：打開“控制面板”—“管理工具”—“Internet服務管理器”，在“默認Web站點”上按滑鼠右鍵，選擇“新建”—“虛擬目錄”

圖4-105在IIS中創建虛擬目錄(3)網站的默認首頁的設置①此時彈出歡迎窗口，點擊“下一步”；②在嚮導窗口的“別名”裏輸入映射後的名字，如“test”，點擊“下一步”；③在“目錄”裏輸入虛擬目錄要映射的真實目錄：“G:\ly\VBScript\VBScript教材\code”，點擊“下一步”，進入如圖所示的窗口；

為虛擬目錄設置訪問許可權(3)網站的默認首頁的設置④在這裏選擇正確的訪問許可權，再點擊“下一步”，即完成設置。

WEB伺服器與虛擬目錄設置完成後，就可以通過流覽器來訪問該伺服器，判斷是否已經設置成功。在地址欄輸入“http:://localhost/test”,意思是訪問本機IIS伺服器下的test虛擬目錄，最終經IIS解釋其實真正訪問的是(3)網站的默認首頁的設置“G:\ly\VBScript\VBScript教材\code”檔夾，由於打開了流覽選項，而且本文件夾中沒有合適的首頁檔，所以得到的最終結果是流覽了該檔夾中的列表，從而也驗證了最終訪問的是這個檔夾。圖4-107通過流覽器訪問虛擬目錄test的結果3.ASP的開發工具ASP是純文本檔。所以，可以使用“記事本”編輯ASP檔，只要擴展名為.asp即可。但是，如果有個專門設計的代碼編輯器，可以使工作事半功倍。

Visual

InterDevVisual

InterDev是Microsoft為開發ASP程式專門推出的集成開發環境，功能非常強大。3.ASP的開發工具①可以對ASP代碼進行顏色識別，自動完成代碼。②VI中帶有一個代碼庫，調用預先設計好的DTC（DesignTime

Control），可以非常簡單的實現表單處理、資料庫操作等等複雜的功能。例如:輸入“response.”之後，VI會自動把response.的方法列舉出來，供選擇。

3.ASP的開發工具③內置資料庫管理工具，可以直接進行資料庫查詢、修改工作。④內有RS（Remote

Script），支持伺服器、客戶機間代碼調用。

⑤群體開發協作管理功能，支持多人同時開發一個網站。4.ASP語法簡介ASP程式包括3個部分：①普通的HTML檔；②Server端的Script代碼，位於<%…%>之間的程式代碼③客戶端的代碼，位於<Script>…</Script>之間的程式代碼。4.ASP語法簡介在ASP中，VBScript是默認的腳本語言，如需改變，可如下進行：<%@Language=VBScript%><%@Language=JavaScript%>

4.ASP語法簡介由於ASP是在Server端執行，而VBScript的用戶介面方法(如InputBox和MsgBox函數)是在Client端執行，故在ASP中就不能使用了。

下麵是一個簡單的ASP檔：先通過下麵的例子ASP程式代碼如何放到html檔中使用。<html><body><%response.write("HelloWorld!")%></body></html>這一段程式的輸出結果就是“HelloWorld!”

4.ASP語法簡介也可以在上面的程式代碼中加入一些html標記來控制輸出格式，如下面的例子：<html><body><%response.write("<h2>YoucanuseHTMLtagstoformatthetext!</h2>")%><%response.write("<pstyle='color:#0000ff'>Thistextisstyledwiththestyleattribute!</p>")%></body></html>則輸出結果

例程的輸出結果5.ASP的內建對象和內置組件(1)ASP的內建對象

(2)

ASP的主要內置組件：

(1)ASP的內建對象ASP提供了可在腳本中直接使用的內建對象。這些對象使用戶更容易收集通過流覽器請求發送的資訊、回應流覽器以及存儲用戶資訊，從而使對象開發者擺脫了很多煩瑣的工作。目前的ASP版本總共提供了六個內建對象供用戶直接調用，這六個內建對象是(1)ASP的內建對象①

Application對象：負責管理所有會話資訊，可用來在指定的應用程式的所有用戶之間共用資訊。

②Session對象：存貯特定用戶的會話資訊，只被該用戶訪問，當用戶在不同WEB頁面跳轉時，Session中的變數在用戶整個會話過程中一直保存。Session對象需cookie支持。

(1)ASP的內建對象③Request對象：從用戶端取得資訊傳遞給伺服器，是ASP讀取用戶輸入的主要方法。

④

Response對象：伺服器將輸出內容發送到用戶端。

⑤

Server對象：提供對伺服器有關方法和屬性的訪問。(1)ASP的內建對象⑥Object

Context對象：IIS

4.0新增的對象，用來進行事務處理。此項功能需得到MTS(Microsoft

Transcation

Server)管理的支持。

(2)

ASP的主要內置組件：

①Ad

Rotator組件：用來按指定計畫在同一頁上自動輪換顯示廣告，用於WWW上日益重要的廣告服務。

②

Browser

Capabilities組件：確定訪問WEB站點的用戶流覽器的功能數據，包括類型、性能、版本等。

(2)

ASP的主要內置組件：③

Database

Access組件：提供ADO

(ActiveX

Data

Objects)來訪問支持ODBC的資料庫。

④File

Access組件：提供對伺服器端檔的讀寫功能。

⑤Content

Linking組件：生成WEB頁內容列表，並將各頁順序連接，用於製作導航條。

(2)

ASP的主要內置組件：此外，還可安裝Myinfo、Counters、Content

Rotator、Page

Count等組件，用戶也可自行編制Actiive組件，以提高系統的實用性。6.利用ADO訪問Web資料庫ADO是ActiveXDataObjects(ActiveX數據對象)的縮寫，它是一種面向對象的，與語言無關的通用的數據訪問介面。ASP強大的資料庫訪問功能正是由ADO來完成。通過ADO與ODBC源的介面，程式員可以用很少而且簡單的腳本程式實現對網站資料庫的讀、寫和修改等操作功能。6.利用ADO訪問Web資料庫ADO被設計用來同新的數據訪問層OLEDBProvider一起協同工作。它向用戶提供了一個熟悉的、高層的對OLEDB的介面，可以把OLEDB比做是ODBC驅動程式。如同不同的資料庫系統需要它們自己的ODBC驅動程式一樣，不同的數據源要求它們自己的OLEDB提供者（OLEDBProvider）。6.利用ADO訪問Web資料庫由於ADO版本的區別，ADO對象模型也是在變化中的，下麵列出ADO中一些重要的介面，這部分變化不是很大。①Connection（連接）：Connection介面表示數據源和ADO介面之間的連接。②Command（命令）：Command介面表示一個提交給數據源的命令。6.利用ADO訪問Web資料庫③Recordset(記錄集)：Recordset介面包含數據的游標，可以完成多種數據操作。④Field（字段）:Field介面表示Recordset對象中的某一列數據，這個介面允許改變數據和得到字段的屬性資訊。⑤Parameter(參數)：表示傳遞給Command的參數。6.利用ADO訪問Web資料庫

使用ADO組件訪問後臺資料庫，可通過以下步驟進行：①定義數據源：在WEB伺服器上打開控制面板，選中ODBC，在系統DSN下選添加，選定希望的資料庫種類、名稱、位置等。②使用ADO組件查詢WEB資料庫

6.利用ADO訪問Web資料庫

調用Server.CreateObject方法取得ADODB.Connection的實例，再使用Open方法打開資料庫：

conn

=

Server.CreateObject(ADODB.Connection)

conn.Open(HT)

6.利用ADO訪問Web資料庫

指定要執行的SQL命令：連接資料庫