現(xiàn)代教育技術(shù)實(shí)踐課件_第1頁(yè)
現(xiàn)代教育技術(shù)實(shí)踐課件_第2頁(yè)
現(xiàn)代教育技術(shù)實(shí)踐課件_第3頁(yè)
現(xiàn)代教育技術(shù)實(shí)踐課件_第4頁(yè)
現(xiàn)代教育技術(shù)實(shí)踐課件_第5頁(yè)
已閱讀5頁(yè),還剩390頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

素材的采集與設(shè)計(jì)1.1文字素材的采集與設(shè)計(jì)

1.2圖片素材的采集與設(shè)計(jì)

1.3音頻素材的采集與設(shè)計(jì)

1.4動(dòng)畫(huà)素材的采集與設(shè)計(jì)1.5視頻素材的采集與設(shè)計(jì)

1.1文字素材的采集與設(shè)計(jì)文字素材的輸入方法

設(shè)計(jì)文字素材時(shí)要考慮的因素

文字素材的輸入方法鍵盤(pán)輸入

語(yǔ)音識(shí)別輸入

掃描識(shí)別輸入

筆式手寫(xiě)識(shí)別輸入

設(shè)計(jì)文字素材時(shí)要考慮的因素

文字素材的格式

——能否識(shí)別文字素材的美觀

1.2圖片素材的采集與設(shè)計(jì)

1.2.1采集圖形圖像的途徑1.2.2從屏幕、動(dòng)畫(huà)、視頻中抓取

1.2.3利用圖形、圖像編輯軟件制作

1.2.4掃描儀掃描、數(shù)碼相機(jī)拍攝,數(shù)字化儀輸入

1.2.1采集圖形圖像的途徑從網(wǎng)絡(luò)上、素材光盤(pán)上間接取得素材

從屏幕、動(dòng)畫(huà)、視頻中抓取

利用圖形、圖像編輯軟件制作

掃描儀掃描、數(shù)碼相機(jī)拍攝,數(shù)字化儀輸入

1.2.2從屏幕、動(dòng)畫(huà)、視頻中抓取

PrintScreen鍵

屏幕抓取軟件

使用影像播放軟件(如“超級(jí)解霸”)抓取視頻影碟上的一幀畫(huà)面存為圖像文件

屏幕抓取軟件

HyperSnapCtrl+Shift+W:截取某個(gè)標(biāo)準(zhǔn)的Windows窗口

Ctrl+Shift+R:截取隨意指定的矩形屏幕區(qū)域

使用影像播放軟件抓取視頻影碟上的一幀畫(huà)面存為圖像文件

超級(jí)解霸V8Ctrl+F1:單張抓圖

Ctrl+F2:連續(xù)抓圖

WindowsMediaPlayerCtrl+I(xiàn)金山影霸

RealOnePlayer

“工具”→“參數(shù)設(shè)置”1.2.3利用圖形、圖像編輯軟件制作

常用的圖像處理軟件

Windows中的畫(huà)圖(Paintbrush)CorelDraw、Freehand、IllustratorAutoCAD、Photoshop、3DstudioMax2.一個(gè)實(shí)例

應(yīng)用Photoshop制作圖像按鈕的實(shí)例

1.2.4掃描儀掃描、數(shù)碼相機(jī)拍攝,數(shù)字化儀輸入

ScanMakerV600安裝掃描儀

啟動(dòng)PhotoShop軟件,選擇“文件”→“輸入”

→“TWAIN_32”

預(yù)掃描設(shè)置、開(kāi)始掃描

在PhotoShop中修改1.3音頻素材的采集與設(shè)計(jì)

1.3.1獲取音頻素材的途徑

1.3.2通過(guò)計(jì)算機(jī)中的聲卡錄制聲音

1.3.3光盤(pán)聲音信息的截取

1.3.4利用音頻工具軟件制作、編輯音頻素材

1.3.1獲取音頻素材的途徑

(1)利用已有光盤(pán)中的音頻素材;(2)從已有的聲音庫(kù)或網(wǎng)上獲取聲音素材;(3)通過(guò)計(jì)算機(jī)中的聲卡錄制聲音;(4)從CD或VCD中直接捕獲;(5)利用音頻工具軟件制作編輯音頻素材

1.3.2通過(guò)計(jì)算機(jī)中的聲卡錄制聲音

錄音停止1.3.3光盤(pán)聲音信息的截取

播放文件“■”(停止)按鈕

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

1.3.4利用音頻工具軟件制作、編輯音頻素材

SoundForge1.4動(dòng)畫(huà)素材的采集與設(shè)計(jì)

1.4.1動(dòng)畫(huà)素材的獲取途徑

1.4.2利用多媒體創(chuàng)作軟件自帶的動(dòng)畫(huà)功能

1.4.1動(dòng)畫(huà)素材的獲取途徑

利用程序設(shè)計(jì)語(yǔ)言

VB、VC

利用專(zhuān)門(mén)的動(dòng)畫(huà)創(chuàng)作工具

3DMAX、Cool3D、AnimatorPro、AnimatorStudio、UleadGIFAnimator

利用多媒體創(chuàng)作軟件自帶的動(dòng)畫(huà)功能

Authoware、Director、Flash

1.4.2利用多媒體創(chuàng)作軟件自帶的動(dòng)畫(huà)功能

翱翔

1.5視頻素材的采集與設(shè)計(jì)

1.5.1視頻素材的采集途徑

1.5.2用視頻捕捉卡獲取素材1.5.3利用超級(jí)解霸等軟件來(lái)截取VCD上的視頻片段1.5.4屏幕視頻捕捉

1.5.1視頻素材的采集途徑

從素材光盤(pán)或網(wǎng)絡(luò)上直接獲取素材

用視頻捕捉卡獲取素材

利用超級(jí)解霸等軟件來(lái)截取VCD上的視頻片段

用屏幕抓取軟件記錄屏幕的動(dòng)態(tài)顯示及鼠標(biāo)操作

SnagIt/32、HyperCam

1.5.2用視頻捕捉卡獲取素材

模擬視頻信號(hào)的采集

數(shù)字視頻信號(hào)的采集

模擬視頻信號(hào)的采集

模擬信號(hào)源模擬視頻播放(輸出)視頻采集卡—計(jì)算機(jī)圖1-34模擬視頻采集過(guò)程數(shù)字視頻信號(hào)的采集

1.5.3利用超級(jí)解霸等軟件來(lái)截取VCD上的視頻片段

圖1-37超級(jí)解霸主界面打開(kāi)文件播放DVD/VCD單張抓圖連續(xù)抓圖選擇開(kāi)始點(diǎn)選擇結(jié)束點(diǎn)循環(huán)播放保存MPG2.10幻燈片課件的打包

2.11課件制作實(shí)例2.1幻燈片的基本操作

2.1.1建立一個(gè)幻燈片文件

2.1.2插入和刪除幻燈片

2.1.1建立一個(gè)幻燈片文件

“常用”工具欄中的按鈕

2.1.2插入和刪除幻燈片

2.2文字和圖片的編輯

2.2.1輸入文字

2.2.2插入圖片

2.2.3用PowerPoint

的“繪圖”工具欄制作簡(jiǎn)單的圖形

2.2.4讓文字和圖片動(dòng)起來(lái)

2.2.1輸入文字

2.2.2插入圖片

鼠標(biāo)雙擊圖片區(qū)域

2.2.3用PowerPoint

的“繪圖”工具欄制作簡(jiǎn)單的圖形

圖2-14自選圖形2.2.4讓文字和圖片動(dòng)起來(lái)

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

2.3.1設(shè)置幻燈片的背景

2.3.2設(shè)置幻燈片母版

2.3.3設(shè)計(jì)模板

2.3.1設(shè)置幻燈片的背景

2.3.2設(shè)置幻燈片母版

2.3.3設(shè)計(jì)模板

2.4在幻燈片中插入多媒體文件

插入視頻文件

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

2.5幻燈片的切換

2.6動(dòng)作設(shè)置

2.7設(shè)置超級(jí)鏈接和動(dòng)作按鈕

設(shè)置超級(jí)鏈接的步驟:

動(dòng)作按鈕來(lái)實(shí)現(xiàn)幻燈片之間的跳轉(zhuǎn)

2.8幻燈片的放映

2.9在幻燈片中插入其他對(duì)象

插入flash動(dòng)畫(huà)

2.10幻燈片課件的打包

3.1在課件中加入文字和圖形顯示圖標(biāo)

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

3.1.1調(diào)整位置與大小

3.1.2更改線型

3.1.3設(shè)置圖形顏色

3.1.4設(shè)置填充模式

3.1.5設(shè)置覆蓋模式

3.1.6設(shè)置排列與對(duì)齊方式

3.1.7導(dǎo)入外部圖像文件

設(shè)置排列與對(duì)齊方式

導(dǎo)入外部圖像文件

導(dǎo)入按鈕

3.2課件中加入數(shù)字電影與聲音

3.2.1導(dǎo)入數(shù)字電影

3.2.2導(dǎo)入聲音

3.3顯示內(nèi)容的等待

3.3.1等待圖標(biāo)的創(chuàng)建

3.3.2等待圖標(biāo)的屬性設(shè)置

3.4顯示內(nèi)容的擦除

只能清除某一圖標(biāo)的所有對(duì)象

一般要放在清除對(duì)象圖標(biāo)的后面

可以同時(shí)清除多個(gè)圖標(biāo)內(nèi)容

可以設(shè)置擦除圖標(biāo)的擦除效果

3.5讓文字和圖片動(dòng)起來(lái)

3.5.1指向固定點(diǎn)(DirecttoPoint)

3.5.2指向固定直線上的某點(diǎn)(DirecttoLine)的移動(dòng)

3.5.3指向固定區(qū)域的某點(diǎn)(DirecttoGrid)的移動(dòng)

3.5.4指向固定路徑的終點(diǎn)(PathtoEnd)的移動(dòng)

3.5.5指向固定路徑的任意點(diǎn)(PathtoPoint)的移動(dòng)

3.5.1指向固定點(diǎn)3.5.2指向固定直線上的某點(diǎn)的移動(dòng)

3.5.3指向固定區(qū)域的某點(diǎn)的移動(dòng)

3.5.4指向固定路徑的終點(diǎn)的移動(dòng)

3.5.5指向固定路徑的任意點(diǎn)的移動(dòng)

3.6群組圖標(biāo)的應(yīng)用

3.7交互設(shè)計(jì)

11種交互響應(yīng)類(lèi)型

按鈕響應(yīng)熱區(qū)響應(yīng)目標(biāo)區(qū)域響應(yīng)熱對(duì)象響應(yīng)下拉菜單響應(yīng)按鍵響應(yīng)重試次數(shù)響應(yīng)文本輸入響應(yīng)條件響應(yīng)時(shí)間限制響應(yīng)事件響應(yīng)3.7.1按鈕響應(yīng)(Button)

3.7.2熱區(qū)響應(yīng)(HotSpot)

3.7.3熱對(duì)象響應(yīng)

3.7.4目標(biāo)區(qū)域響應(yīng)與條件響應(yīng)

3.7.5文本輸入響應(yīng)與嘗試限制響應(yīng)

3.7.6按鍵響應(yīng)和時(shí)間限制響應(yīng)

3.7.7通過(guò)菜單響應(yīng)實(shí)現(xiàn)交互

3.8課件頁(yè)面的跳轉(zhuǎn)

3.8.1框架圖標(biāo)和導(dǎo)航圖標(biāo)

3.8.2判斷圖標(biāo)

3.8.1框架圖標(biāo)和導(dǎo)航圖標(biāo)

導(dǎo)航圖標(biāo):改變程序的流程

框架圖標(biāo):一套可以輕松制作導(dǎo)航系統(tǒng)的圖標(biāo)組合。

框架導(dǎo)航系統(tǒng)包括三個(gè)元素

框架窗口

默認(rèn)的導(dǎo)航按鈕系統(tǒng)

附屬于框架圖標(biāo)的頁(yè)

“李清照詩(shī)詞欣賞”課件

3.8.2判斷圖標(biāo)

主要作用:實(shí)現(xiàn)循環(huán)、分支3.9計(jì)算圖標(biāo)、變量和函數(shù)

3.9.1計(jì)算圖標(biāo)

3.9.2變量

3.9.3函數(shù)

3.9.2變量

系統(tǒng)變量

自定義變量

變量的類(lèi)型

變量的查詢

定義變量的基本步驟

變量使用的位置

常用系統(tǒng)變量

普通變量:NumEntry引用變量:IconID@“正方形”

Authorware中共有11類(lèi)系統(tǒng)變量

CMI:計(jì)算機(jī)管理教學(xué)File:文件管理Framework:框架管理General:一般Graphics:繪圖Icons:圖標(biāo)管理Interaction:交互管理Network:網(wǎng)絡(luò)管理Time:時(shí)間管理Video:視頻管理Decision:決策判斷

自定義變量命名注意事項(xiàng)

變量名必須唯一,不能與系統(tǒng)變量重名

必須以字母開(kāi)頭,可以包含任何英文字母、數(shù)字、下畫(huà)線和空格等

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

自定義變量名可以包含無(wú)數(shù)多個(gè)字符

給自定義變量賦值,利用賦值號(hào)“:=”

變量的類(lèi)型

數(shù)值型

邏輯型字符型列表型變量變量的查詢

定義變量的基本步驟

變量使用的位置

在計(jì)算窗口中使用變量

附屬于其他程序圖標(biāo)的計(jì)算圖標(biāo)

在屬性對(duì)話框的條件選項(xiàng)中使用變量

在文本對(duì)象中使用變量

常用系統(tǒng)變量

AllCorrectMatched:為邏輯類(lèi)型

AllSelected:為邏輯類(lèi)型

AltDown:為邏輯類(lèi)型

Correct:為字符類(lèi)型

CorrectChoice:為數(shù)值類(lèi)型

常用系統(tǒng)變量Date:為數(shù)值類(lèi)型

DayName:為字符類(lèi)型

NumCount:為數(shù)值類(lèi)型

NumEntry:為數(shù)值類(lèi)型

NumEntry2:為數(shù)值類(lèi)型

EntryText:字符類(lèi)型3.9.3函數(shù)

函數(shù)是用來(lái)實(shí)現(xiàn)某些特殊功能的模塊

系統(tǒng)函數(shù)自定義函數(shù)系統(tǒng)函數(shù)及其分類(lèi)

字符類(lèi)函數(shù)(Character)

文件類(lèi)函數(shù)(File)

框架類(lèi)函數(shù)(Framework)

常用類(lèi)函數(shù)(General)

圖標(biāo)類(lèi)函數(shù)(Icon)

流程跳轉(zhuǎn)類(lèi)函數(shù)(Jump)

圖形類(lèi)函數(shù)(Graphics)語(yǔ)言類(lèi)函數(shù)(Language)

系統(tǒng)函數(shù)及其分類(lèi)表函數(shù)(List)

網(wǎng)絡(luò)類(lèi)函數(shù)(Network)

時(shí)間類(lèi)函數(shù)(Time)

視頻類(lèi)函數(shù)(Video)

對(duì)象嵌入與鏈接類(lèi)(Ole)

目標(biāo)類(lèi)函數(shù)(Target)

計(jì)算機(jī)管理教學(xué)類(lèi)(CMI)

平臺(tái)類(lèi)函數(shù)(Platform)

系統(tǒng)函數(shù)的使用

要正確使用參數(shù):類(lèi)型、個(gè)數(shù)常用的系統(tǒng)函數(shù)

MediaPlay()

語(yǔ)法:MediaPlay(IconID@"IconTitle")

用途:用于播放指定圖標(biāo)中的多媒體文件。Quit()

語(yǔ)法:Quit(option)

用途:退出Authorware程序

常用的系統(tǒng)函數(shù)ResizeWindow()

語(yǔ)法:

ResizeWindow(width,height)

用途:用于重新設(shè)置展示窗口的大小

例:

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

跳到在IconTitle中指定的圖標(biāo)繼續(xù)執(zhí)行例:GoTo(IconID@“背景")常用的系統(tǒng)函數(shù)DisplayIcon(IconID@"IconTitle")

顯示指定圖標(biāo)的內(nèi)容。只能在計(jì)算圖標(biāo)中使用,不能插入到表達(dá)式中

EraseIcon(IconID@"IconTitle")

從展示窗口中擦除指定圖標(biāo)的內(nèi)容

number:=MOD(x,y)返回

x/y的余數(shù)

常用的系統(tǒng)函數(shù)String(value)

將數(shù)值轉(zhuǎn)化為字符串

UpperCase("string")語(yǔ)法:resultString:=UpperCase("string")作用:UpperCase將string中的所有字母轉(zhuǎn)化為大寫(xiě)。

常用的系統(tǒng)函數(shù)LowerCase("string")語(yǔ)法:resultString:=LowerCase("string")作用:LowerCase將string中的字母轉(zhuǎn)化為小寫(xiě)。

3.10提高課件的制作效率3.10.1使用庫(kù)

3.10.2使用模板

3.10.1使用庫(kù)

選擇“風(fēng)格”顯示圖標(biāo),將其拖放到“庫(kù)文件”窗口中松開(kāi)4.1Web開(kāi)發(fā)工具4.1.1網(wǎng)頁(yè)開(kāi)發(fā)工具4.1.2ASP開(kāi)發(fā)技術(shù)4.1.1網(wǎng)頁(yè)開(kāi)發(fā)工具1.HTML工具2.FrontPage工具3.DreamWeaver工具

1.HTML工具HTML(HyperTextMarkupLanguage超文本標(biāo)記語(yǔ)言)HTML文檔:是一個(gè)放置了標(biāo)記的ASCII文本文件,擴(kuò)展名:.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工具

標(biāo)記語(yǔ)法和文檔結(jié)構(gòu)

一個(gè)簡(jiǎn)單例子的剖析

字體與顏色

超鏈接和URL圖像、聲音、視頻和動(dòng)畫(huà)

列表結(jié)構(gòu)和預(yù)編排結(jié)構(gòu)

(1)

標(biāo)記語(yǔ)法和文檔結(jié)構(gòu)

單標(biāo)記

:只需單獨(dú)使用就能完整地表達(dá)意思。

語(yǔ)法:<標(biāo)記>

例:<P>,表示一個(gè)段落的結(jié)束。

雙標(biāo)記:由“始標(biāo)記”和“尾標(biāo)記”兩部分構(gòu)成,必須成對(duì)使用

。

語(yǔ)法:<標(biāo)記>內(nèi)容</標(biāo)記>

例:<EM>texttoemphasize</EM>標(biāo)記屬性:多單標(biāo)記和雙標(biāo)記的始標(biāo)記內(nèi)可以包含一些屬性

語(yǔ)法:<標(biāo)記

屬性1屬性2屬性3…>

例:<HRSIZE=3ALIGN=LEFTWIDTH="75%">文檔結(jié)構(gòu):三對(duì)標(biāo)記來(lái)構(gòu)成一個(gè)HTML文檔的骨架<HTML> <HEAD>

頭部信息

</HEAD> <BODY>

文檔主體,正文部分

</BODY></HTML>(2)

一個(gè)簡(jiǎn)單例子的剖析

<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>一對(duì)<TITLE>標(biāo)記表明了一個(gè)Homepage文件的總標(biāo)題,它一般出現(xiàn)在<HEAD>標(biāo)記中

<!--注釋內(nèi)容

-->:是一個(gè)單標(biāo)記,注釋內(nèi)容在瀏覽器中不顯示

<H1>文本</H1>:一對(duì)<H1>標(biāo)記表明正文中的第一層標(biāo)題

<BR>是一個(gè)單標(biāo)記,表示在正文段落的當(dāng)前位置換行(breakline)

(3)字體與顏色

用于字體的標(biāo)記

<B></B>:粗體

<I></I>:斜體

<TT></TT>:長(zhǎng)寬度字體

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

<SRTONG></STRONG>:重點(diǎn)突出顯示

改變字體的大小:用正文標(biāo)題標(biāo)記<H1>至<H6>(3)字體與顏色<FONT></FONT>標(biāo)記

帶有SIZE屬性絕對(duì)值:SIZE="+2",SIZE="-1"

相對(duì)值:如: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.上標(biāo)字體標(biāo)記<SUP></SUP>(3)字體與顏色檔的背景和字體的顏色

在<BODY>標(biāo)記中增加屬性BGCOLOR和TEXT來(lái)定義

例:<BODYBGCOLOR=#ffffffTEXT=#000000>

文檔正文部分

</BODY>屬性值為帶#號(hào)的十六進(jìn)制RGB值。使背景為白色,文本為黑色

(4)超鏈接和URL①URL格式

②錨(Anchor)標(biāo)記

③指向文件中的某一處

①URL格式

URL(UniversalResourceLocation,統(tǒng)一資源定位器)

URL的一般格式為:

訪問(wèn)方式

://服務(wù)器域名/路徑及文件名

訪問(wèn)方式:HTTP、FTP、TELNET、GOPHER、WAIS、NEWS、FILE等等

/coliege/science/computer/computer.htm/pub/mailto:webmaster@file:///c|/html/sample.htm②錨(Anchor)標(biāo)記

錨標(biāo)記的格式為:

<AHREF="URL信息">超鏈接文本及圖像

</A>

屬性HREF表明了超鏈接被觸發(fā)后所指向的URL例如::<AHREF="/about/5.htm">nextpage</A>相對(duì)URL:<AHREF="5.htm">nextpage</A>指向上兩級(jí)目錄下的文件:<AHREF="../../topic.htm">Returntotopic</A>③指向文件中的某一處

超鏈接標(biāo)記的另一個(gè)屬性NAME,其格式

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

</A>

超鏈接名是目的地的名字,當(dāng)要引用這一目的地時(shí),只需把“#超鏈接名”添加到HREF中就可以了。

例如:在附錄標(biāo)題上定義一個(gè)超鏈接名:<H2><ANAME="appendix-A">AppendixA</A></H2>在同一文件的其它處創(chuàng)建一個(gè)超鏈接來(lái)指向附錄部分:Detailsarein<AHREF="#appendix-A">AppendixA</A>.(5)

圖像、聲音、視頻和動(dòng)畫(huà)

①圖像

②聲音和視頻

③動(dòng)畫(huà)

①圖像

HTML的圖標(biāo)記是一個(gè)單標(biāo)記,它的格式為:

<IMGSRC=“URL信息”>目前有以下幾種圖像的格式能被Web瀏覽器直接解釋?zhuān)?/p>

GIF格式、X位圖格式、JPEG格式屬性SRC表示圖的源(Source)文件,因此這里的URL信息必須對(duì)應(yīng)一個(gè)圖像文件。

例如:

<H2><IMGALIGN=MIDDLESRC="boat.gif">Thistextlineismiddle-align.</H2>如果讓圖像單獨(dú)占一塊區(qū)域,不要忘了在圖標(biāo)記的前后加上<P>或<BR>標(biāo)記:

<P><IMGSRC="revbar.gif"><P>Thisimageisstandalonewiththetext.<P>圖像同樣也可以作為一個(gè)超鏈接,如:

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

②聲音和視頻

Web瀏覽器自身不能解釋聲音和視頻文件,就必須把這些文件作為一個(gè)超鏈接中的URL信息。當(dāng)用戶觸發(fā)這一超鏈接時(shí),Web瀏覽器發(fā)現(xiàn)自己無(wú)法解釋這類(lèi)文件,就在輔助工具表中啟動(dòng)相應(yīng)的程序來(lái)播放它們。

請(qǐng)看下例:<H2>Hereisthe<AHREF="demo.wav">audiodemo</A>.</H2><H2>Hereisthe<AHREF="demo.avi">videodemo</A>.</H2>

③動(dòng)畫(huà)

SUN公司開(kāi)發(fā)了一套稱為Java的通用程序設(shè)計(jì)語(yǔ)言,利用它制作的網(wǎng)頁(yè)可支持內(nèi)嵌式的動(dòng)畫(huà)和內(nèi)嵌式的聲音。可以用SUN公司的Web瀏覽器HotJava來(lái)觀看帶有Java標(biāo)記的網(wǎng)頁(yè)。

(6)列表結(jié)構(gòu)和預(yù)編排結(jié)構(gòu)

①列表(list)結(jié)構(gòu)

②預(yù)編排(Preformatted)結(jié)構(gòu)

列表(list)結(jié)構(gòu)和預(yù)編排(Preformatted)結(jié)構(gòu)都是一種具有段落性質(zhì)的獨(dú)立塊狀結(jié)構(gòu)

①列表(list)結(jié)構(gòu)

HTML文檔中共有三種類(lèi)型的列表,它們是:

無(wú)次序列表(Unorderedlist):<UL>列表項(xiàng)

</UL>有次序列表(Orderedlist):<OL>列表項(xiàng)

</OL>定義表(Definitionlist):<DL>列表項(xiàng)

</DL>

例:

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

定義表的每一項(xiàng)是由兩對(duì)標(biāo)記<DT></DT>和<DD></DD>構(gòu)成的,其中一對(duì)<DT>標(biāo)記中是被定義項(xiàng)的名稱,而一對(duì)<DD>標(biāo)記中是具體定義的內(nèi)容。定義表常用于文檔中的詞匯表,術(shù)語(yǔ)表等,

例如:<DL><DT>Firstword</DT><DD>Hereistheexplainofthefirstword.<DT>Secondword</DT><DD>Hereistheexplainofthesecondword.</DL>②預(yù)編排(Preformatted)結(jié)構(gòu)

語(yǔ)法格式為:

<PRE>預(yù)編排信息</PRE>例如:<PRE>2.9<IMGSRC="car.gif">+1.2The<B><I>car</I></B>

4.1</PRE>2.FrontPage工具

(1)FrontPage2003的基本操作(2)文字的創(chuàng)建和處理

(3)圖片的創(chuàng)建和處理

(4)網(wǎng)頁(yè)的布局

(5)網(wǎng)頁(yè)鏈接

(6)網(wǎng)頁(yè)整體風(fēng)格的設(shè)計(jì)——樣式的應(yīng)用

(7)表單

(8)設(shè)計(jì)效果

(9)向網(wǎng)頁(yè)中添加音頻和視頻

(10)Web站點(diǎn)的建立與管理

(1)FrontPage2003的基本操作

設(shè)計(jì)區(qū)域菜單欄格式工具欄開(kāi)始工作區(qū)常用工具欄視圖圖4-8Frontpage2003的工作界面設(shè)計(jì)視圖拆分視圖代碼視圖預(yù)覽視圖(1)FrontPage2003的基本操作新建網(wǎng)頁(yè)

保存網(wǎng)頁(yè)

打開(kāi)網(wǎng)頁(yè)

網(wǎng)頁(yè)預(yù)覽

網(wǎng)頁(yè)屬性的設(shè)置

(2)文字的創(chuàng)建和處理創(chuàng)建文字

處理文字字體處理文字段落設(shè)置文字效果

(3)圖片的創(chuàng)建和處理圖片的創(chuàng)建

處理圖片

(4)網(wǎng)頁(yè)的布局

“布局表格”:為網(wǎng)頁(yè)布局創(chuàng)建一個(gè)框架

“布局單元格”:為該框架填充包含有網(wǎng)頁(yè)內(nèi)容(包括文本、圖像、Web部件和其他元素)的區(qū)域,也就是單元格。

網(wǎng)頁(yè)布局的過(guò)程實(shí)例

①創(chuàng)建布局表格

“表格”

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

②繪制布局表格

在“新建表格和單元格”項(xiàng)中單擊“繪制布局表格”

③設(shè)置表格屬性

在表格上的任意位置單擊鼠標(biāo)右鍵

④添加單元格

“新建表格和單元格”項(xiàng)下的“繪制布局單元格”

⑤設(shè)置單元格

單元格屬性設(shè)置

設(shè)置單元格角部屬性

(5)網(wǎng)頁(yè)鏈接

創(chuàng)建指向現(xiàn)有網(wǎng)頁(yè)或文本的超鏈接

創(chuàng)建指向新網(wǎng)頁(yè)的超鏈接

創(chuàng)建指向萬(wàn)維網(wǎng)上的網(wǎng)頁(yè)或文件的超鏈接

創(chuàng)建指向電子郵件地址的超鏈接

創(chuàng)建指向書(shū)簽的超鏈接

在圖片上添加熱區(qū)

(6)網(wǎng)頁(yè)整體風(fēng)格的設(shè)計(jì)——樣式的應(yīng)用

段落級(jí)樣式

字符級(jí)樣式網(wǎng)頁(yè)元素樣式

樣式是由唯一名稱標(biāo)識(shí)的格式特征集合圖4-31文本周?chē)郊舆吙虻亩温浼?jí)樣式

圖4-32圖像周?chē)郊舆吙虻亩温浼?jí)樣式

圖4-33文本周?chē)郊舆吙虻亩温浼?jí)樣式

圖4-34文本周?chē)郊舆吙虻亩温浼?jí)樣式

將樣式應(yīng)用于文本選中要應(yīng)用樣式的文本或段落,單擊“格式”工具欄中“樣式”下拉列表中的下箭頭,如圖4-35所示,在彈出的選項(xiàng)中選擇要應(yīng)用的樣式即可.將樣式應(yīng)用于網(wǎng)頁(yè)元素單擊網(wǎng)頁(yè)元素,“格式”→“屬性”,打開(kāi)相應(yīng)網(wǎng)頁(yè)元素的屬性對(duì)話框,如圖4-36是字幕的屬性對(duì)話框,單擊“樣式”按鈕。在其中進(jìn)行相應(yīng)的設(shè)置即可創(chuàng)建和應(yīng)用用戶自定義樣式“格式”

→“樣式”

,彈出如圖4-37所示的“樣式”對(duì)話框,單擊“新建”按鈕創(chuàng)建和應(yīng)用用戶自定義樣式彈出如圖4-38所示的“新樣式”對(duì)話框在“名稱”框中輸入新建樣式的名字,在“樣式類(lèi)型”中選擇要?jiǎng)?chuàng)建的樣式類(lèi)型,然后單擊右下角的“格式”按鈕,對(duì)新樣式進(jìn)行設(shè)置即可。

(7)表單表單是用來(lái)收集站點(diǎn)訪問(wèn)者的輸入信息,并將收集到的信息傳送給所設(shè)置的表單處理程序,以各種不同的方式進(jìn)行處理,從而實(shí)現(xiàn)與用戶(學(xué)生)的交互。

①創(chuàng)建表單自己創(chuàng)建表單“插入”→“表單”

使用向?qū)?chuàng)建表單“文件”→“新建”→“網(wǎng)頁(yè)或站點(diǎn)”

,打開(kāi)“新建網(wǎng)頁(yè)和站點(diǎn)”任務(wù)窗格。在窗格的“根據(jù)模板新建”欄目下,單擊“網(wǎng)頁(yè)模板”,打開(kāi)“網(wǎng)頁(yè)模板”對(duì)話框。在此對(duì)話框的“常規(guī)”選項(xiàng)卡中,單擊“表單網(wǎng)頁(yè)向?qū)А?,再單擊“確定”,按照屏幕上的指導(dǎo)完成表單的創(chuàng)建。

②表單域

常用的有七種表單域

單行文本框文本區(qū)(滾動(dòng)文本框)復(fù)選框選項(xiàng)按鈕下拉框按鈕分組框添加表單域“插入”→“表單”→“單行文本框”或其他表單域。③設(shè)置表單屬性在表單中單擊鼠標(biāo)右鍵,在彈出的快捷菜單上選擇“表單屬性”菜單項(xiàng),彈出“表單屬性”對(duì)話框,如圖4-40④數(shù)據(jù)處理啟用“數(shù)據(jù)庫(kù)界面向?qū)А睂SP指定為服務(wù)器技術(shù)和數(shù)據(jù)庫(kù)連接選擇表或視圖及其存儲(chǔ)位置指定數(shù)據(jù)庫(kù)列和表單域指定要?jiǎng)?chuàng)建的網(wǎng)頁(yè)(8)設(shè)計(jì)效果①更改網(wǎng)頁(yè)背景顏色②向網(wǎng)頁(yè)中添加圖片③創(chuàng)建網(wǎng)頁(yè)過(guò)渡效果④為網(wǎng)頁(yè)元素添加動(dòng)畫(huà)效果①更改網(wǎng)頁(yè)背景顏色

右鍵單擊網(wǎng)頁(yè),單擊快捷菜單上的“網(wǎng)頁(yè)屬性”→“格式”選項(xiàng)卡。在“顏色”下,單擊“背景”列表中需要的顏色。②向網(wǎng)頁(yè)中添加圖片

右鍵單擊該網(wǎng)頁(yè),單擊快捷菜單上的“網(wǎng)頁(yè)屬性”→“格式”選項(xiàng)卡→“背景圖片”復(fù)選框→“瀏覽”。定位并單擊包含所需背景圖片的文件,然后單擊“打開(kāi)”。

③創(chuàng)建網(wǎng)頁(yè)過(guò)渡效果“格式”

→“網(wǎng)頁(yè)過(guò)渡”,單擊“事件”框中的事件。在“過(guò)渡效果”框中,單擊要使用的過(guò)渡效果類(lèi)型。在“周期”框中,鍵入希望過(guò)渡效果持續(xù)的時(shí)間(按秒)。

④為網(wǎng)頁(yè)元素添加動(dòng)畫(huà)效果選擇要添加動(dòng)畫(huà)效果的元素,在“DHTML效果”工具欄的“在”框中單擊開(kāi)始啟用效果的事件。如果“DHTML效果”工具欄隱藏,“視圖”→“工具欄”

→“自定義”→“DHTML效果”復(fù)選框。在“應(yīng)用”框中,單擊想要的效果。在“應(yīng)用”框旁邊的框中,單擊需要的效果設(shè)置,如圖4-41所示。

(9)向網(wǎng)頁(yè)中添加音頻和視頻①向網(wǎng)頁(yè)中添加聲音②向網(wǎng)頁(yè)中添加視頻①向網(wǎng)頁(yè)中添加聲音右鍵單擊網(wǎng)頁(yè),單擊快捷菜單上的“網(wǎng)頁(yè)屬性”→“常規(guī)”選項(xiàng)卡→“背景音樂(lè)”,單擊所需的聲音文件,再單擊“打開(kāi)”。②向網(wǎng)頁(yè)中添加視頻將插入點(diǎn)放在要插入視頻的位置,“插入”菜單→

“圖片”→“視頻”。單擊視頻文件,單擊“打開(kāi)”。

(10)Web站點(diǎn)的建立與管理基于磁盤(pán)的網(wǎng)站:位于本地計(jì)算機(jī)上的網(wǎng)站基于服務(wù)器的網(wǎng)站:由Web服務(wù)器(例如MicrosoftInternetInformationServer(IIS)或虛擬服務(wù)器網(wǎng)絡(luò))承載的網(wǎng)站。網(wǎng)站是萬(wàn)維網(wǎng)上的HTTP服務(wù)器所承載的一組相關(guān)網(wǎng)頁(yè)。多數(shù)網(wǎng)站向網(wǎng)站訪問(wèn)者提供一個(gè)主頁(yè)作為起點(diǎn)。主頁(yè)使用超鏈接和導(dǎo)航結(jié)構(gòu)與其他網(wǎng)頁(yè)相互連接。創(chuàng)建FrontPage網(wǎng)站要執(zhí)行下列基本步驟:創(chuàng)建網(wǎng)站結(jié)構(gòu)向網(wǎng)站添加內(nèi)容使用主題進(jìn)行格式化增添視覺(jué)趣味和可用性發(fā)布到Web①創(chuàng)建網(wǎng)站結(jié)構(gòu)從如圖4-8所示的“開(kāi)始工作”任務(wù)窗格中,選擇“新建網(wǎng)頁(yè)或網(wǎng)站”。在“新建網(wǎng)站”標(biāo)題之下,選擇“其他網(wǎng)站模板”。選擇“空白網(wǎng)站”并單擊“確定”?,F(xiàn)在需要將某些頁(yè)面添加到網(wǎng)站中,執(zhí)行此操作最快捷的方式是使用導(dǎo)航視圖.轉(zhuǎn)到“視圖”菜單并選擇“導(dǎo)航”。

①創(chuàng)建網(wǎng)站結(jié)構(gòu)大塊空白區(qū)域的左上側(cè)會(huì)出現(xiàn)一個(gè)工具欄。如圖4-42所示,單擊“新建網(wǎng)頁(yè)”按鈕創(chuàng)建主頁(yè)。單擊主頁(yè),按下Insert鍵以在主頁(yè)之下創(chuàng)建新頁(yè)面。根據(jù)需要重復(fù)此操作,創(chuàng)建更多的子頁(yè)面,如圖4-43所示。標(biāo)記頁(yè)面:?jiǎn)螕糁黜?yè),按下Tab鍵。鍵入第1頁(yè)的名稱,再次按下Tab鍵命名下一頁(yè)。②向網(wǎng)站添加內(nèi)容與MicrosoftWord相似③使用主題進(jìn)行格式化“格式”菜單→“主題”。在“主題”任務(wù)窗格中瀏覽可用的主題,如圖4-45所示。FrontPage“主題”允許將設(shè)計(jì)好的格式應(yīng)用于整個(gè)網(wǎng)站,從而獲得一個(gè)專(zhuān)業(yè)、協(xié)調(diào)的外觀。

單擊某個(gè)主題,以將該主題應(yīng)用于當(dāng)前頁(yè)面。④增添視覺(jué)趣味和可用性插入圖片:“插入”

→“圖片”→“來(lái)自文件”。插入導(dǎo)航欄:“插入”→“導(dǎo)航”

⑤發(fā)布到Web“文件”→“發(fā)布網(wǎng)站”,并按照ISP的指示選擇發(fā)布方法。使用遠(yuǎn)程網(wǎng)站視圖發(fā)布網(wǎng)站的步驟第一步,設(shè)置遠(yuǎn)程網(wǎng)站的屬性“視圖”→“遠(yuǎn)程網(wǎng)站”,在文檔窗口頂部,單擊“遠(yuǎn)程網(wǎng)站屬性”,在“遠(yuǎn)程網(wǎng)站”選項(xiàng)卡的“遠(yuǎn)程Web服務(wù)器類(lèi)型”下,單擊“FrontPage或SharePointServices”

使用遠(yuǎn)程網(wǎng)站視圖發(fā)布網(wǎng)站的步驟第二步,標(biāo)記不予發(fā)布的文件在“本地網(wǎng)站”窗格中,右鍵單擊不予發(fā)布的每個(gè)文件,在快捷菜單上單擊“不發(fā)布”。使用遠(yuǎn)程網(wǎng)站視圖發(fā)布網(wǎng)站的步驟第三步,將文件和文件夾發(fā)布到擴(kuò)展的Web服務(wù)器。在“遠(yuǎn)程網(wǎng)站”窗格中,在“發(fā)布所有更改過(guò)的網(wǎng)頁(yè)”下,單擊“本地到遠(yuǎn)程”,單擊“發(fā)布網(wǎng)站”。3.DreamWeaver工具Dreamweaver是美國(guó)Macromedia公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和網(wǎng)站管理于一體的所見(jiàn)即所得的網(wǎng)頁(yè)編輯器。(1)DreamweaverMX操作界面DreamweaverMX的工作環(huán)境主要包括了菜單欄、工具欄、插入欄、文檔窗口、屬性檢查器以及浮動(dòng)面板等①菜單欄包括“文件”、“編輯”、“查看”、“插入”、“修改”、“文本”、“命令”、“站點(diǎn)”、“窗口”、“幫助”10個(gè)菜單項(xiàng)。通過(guò)菜單欄可完成網(wǎng)頁(yè)編輯的全部操作。單擊每個(gè)菜單,可以看到相應(yīng)的下拉菜單選項(xiàng)。②文檔工具欄文檔工具欄中主要集中一些常用的菜單命令③文檔窗口文檔窗口是用來(lái)顯示當(dāng)前創(chuàng)建或者編輯的文檔④屬性檢查器選擇“窗口”→“屬性”菜單可啟動(dòng)屬性檢查器,在選擇了某一對(duì)象后,屬性檢查器可以顯示該選擇對(duì)象的屬性,也可以在檢查器中修改此對(duì)象的屬性值。

屬性面板⑤插入欄插入欄共有“常用”、“布局”、“文本”、“表單”、“HTML”、“應(yīng)用程序”、“Flash元素”、“收藏夾”8組,包含用于將各種類(lèi)型的“對(duì)象”(如圖像、表格和層)插入到文檔中的按鈕。創(chuàng)建和插入最常用的對(duì)象

⑤浮動(dòng)面板

浮動(dòng)面板是組合在一個(gè)標(biāo)題下面的相關(guān)面板的集合⑤浮動(dòng)面板若要展開(kāi)一個(gè)面板,單擊組名稱左側(cè)的展開(kāi)箭頭;若要取消??恳粋€(gè)面板,拖動(dòng)該組標(biāo)題條左邊緣的手柄。若要設(shè)置面板的參數(shù),選擇“編輯”→“參數(shù)選擇”菜單,然后從左側(cè)的“分類(lèi)”列表中選擇“面板”,根據(jù)右側(cè)的提示信息設(shè)置參數(shù)⑥站點(diǎn)面板使您可以管理組成站點(diǎn)的文件和文件夾。它還提供了本地磁盤(pán)上全部文件的視圖,非常類(lèi)似于Windows資源管理器。(2)創(chuàng)建站點(diǎn)DreamweaverMX是一個(gè)站點(diǎn)創(chuàng)建和管理工具,因此使用它不僅可以創(chuàng)建單獨(dú)的文檔,還可以創(chuàng)建完整的Web站點(diǎn)。為了達(dá)到最佳效果,在創(chuàng)建任何Web站點(diǎn)頁(yè)面之前,(2)創(chuàng)建站點(diǎn)應(yīng)對(duì)站點(diǎn)進(jìn)行設(shè)計(jì)和規(guī)劃,設(shè)計(jì)和規(guī)劃包括以下步驟:確定站點(diǎn)的目標(biāo)選擇目標(biāo)用戶創(chuàng)建具有瀏覽器兼容性的站點(diǎn)組織站點(diǎn)結(jié)構(gòu)創(chuàng)建設(shè)計(jì)外觀設(shè)計(jì)導(dǎo)航方案規(guī)劃和收集資源。(2)創(chuàng)建站點(diǎn)Dreamweaver站點(diǎn)由三部分組成,具體取決于環(huán)境和所開(kāi)發(fā)的Web站點(diǎn)類(lèi)型:

①本地文件夾②遠(yuǎn)程文件夾③動(dòng)態(tài)頁(yè)文件夾①本地文件夾本地文件夾是工作目錄。Dreamweaver將該文件夾稱為“本地站點(diǎn)”。此文件夾可以位于本地計(jì)算機(jī)上,也可以位于網(wǎng)絡(luò)服務(wù)器上。它是用戶為Dreamweaver站點(diǎn)存儲(chǔ)“過(guò)程”文件的位置。當(dāng)用戶設(shè)置本地文件夾后,用戶就建立了一個(gè)Dreamweaver站點(diǎn)。用戶可能還要添加遠(yuǎn)程文件夾和測(cè)試文件夾。但開(kāi)始使用Dreamweaver進(jìn)行開(kāi)發(fā)前至少需要設(shè)置一個(gè)本地文件夾。①本地文件夾

設(shè)置本地文件夾的步驟為:選擇“站點(diǎn)”→“管理站點(diǎn)”。在彈出的“管理站點(diǎn)”對(duì)話框中單擊“新建”按鈕,選擇“站點(diǎn)”命令,出現(xiàn)“站點(diǎn)定義”對(duì)話框。如果未顯示“高級(jí)”設(shè)置,請(qǐng)單擊“高級(jí)”按鈕。“站點(diǎn)定義”對(duì)話框的“高級(jí)”選項(xiàng)卡顯示“本地信息”類(lèi)別選項(xiàng)。輸入“本地信息”選項(xiàng)。單擊“確定”。②遠(yuǎn)程文件夾遠(yuǎn)程文件夾是存儲(chǔ)文件的位置,這些文件用于測(cè)試、生產(chǎn)、協(xié)作等,具體取決于環(huán)境。Dreamweaver將該文件夾稱為“遠(yuǎn)程站點(diǎn)”。為Dreamweaver站點(diǎn)設(shè)置本地文件夾后,可以設(shè)置遠(yuǎn)程文件夾。本地文件夾和遠(yuǎn)程文件夾使用戶能夠在本地磁盤(pán)和Web服務(wù)器之間傳輸文件,這使用戶可以很容易地管理Dreamweaver站點(diǎn)中的文件。②遠(yuǎn)程文件夾設(shè)置遠(yuǎn)程文件夾的步驟為:選擇“站點(diǎn)”→“編輯站點(diǎn)”。出現(xiàn)“編輯站點(diǎn)”對(duì)話框②遠(yuǎn)程文件夾選擇現(xiàn)有的Dreamweaver站點(diǎn)。如果沒(méi)有定義任何Dreamweaver站點(diǎn),請(qǐng)?jiān)诶^續(xù)前創(chuàng)建一個(gè)本地文件夾。單擊“編輯”,出現(xiàn)“站點(diǎn)定義”對(duì)話框②遠(yuǎn)程文件夾如果Dreamweaver顯示“站點(diǎn)定義向?qū)А保?qǐng)單擊“高級(jí)”按鈕。從左側(cè)的“分類(lèi)”列表中選擇“遠(yuǎn)程信息”。選擇一個(gè)“訪問(wèn)”選項(xiàng)。單擊“確定”。②遠(yuǎn)程文件夾

連接到遠(yuǎn)程文件夾的步驟為:

在“站點(diǎn)”面板中,選擇“站點(diǎn)”→“連接”,或者在“站點(diǎn)”面板工具欄中單擊“連接到遠(yuǎn)程主機(jī)”按鈕。

②遠(yuǎn)程文件夾

從遠(yuǎn)程文件夾斷開(kāi)的步驟為:

在“站點(diǎn)”面板中,選擇“站點(diǎn)”→“斷開(kāi)”,或者在“站點(diǎn)”面板工具欄中單擊“斷開(kāi)”按鈕。③動(dòng)態(tài)頁(yè)文件夾動(dòng)態(tài)頁(yè)文件夾是Dreamweaver處理動(dòng)態(tài)頁(yè)的文件夾。在Dreamweaver中定義遠(yuǎn)程文件夾后,指定可在其中處理動(dòng)態(tài)頁(yè)的文件夾。Dreamweaver使用此文件夾生成動(dòng)態(tài)內(nèi)容并在用戶工作時(shí)連接到數(shù)據(jù)庫(kù)。③動(dòng)態(tài)頁(yè)文件夾若要指定Dreamweaver可在哪里處理動(dòng)態(tài)頁(yè),請(qǐng)執(zhí)行以下操作:如果“站點(diǎn)定義”對(duì)話框尚未打開(kāi),則選擇“站點(diǎn)”→“編輯站點(diǎn)”,然后選取用戶的站點(diǎn)并單擊“編輯”,打開(kāi)該對(duì)話框。隨即顯示“站點(diǎn)定義”對(duì)話框。如果顯示向?qū)В瑒t單擊“高級(jí)”,然后從“類(lèi)別”列表中選擇“測(cè)試服務(wù)器”。隨即顯示“測(cè)試服務(wù)器”對(duì)話框。③動(dòng)態(tài)頁(yè)文件夾Dreamweaver需要測(cè)試服務(wù)器的服務(wù)以在用戶工作時(shí)生成和顯示動(dòng)態(tài)內(nèi)容。測(cè)試服務(wù)器可以是用戶的本地計(jì)算機(jī)、開(kāi)發(fā)服務(wù)器、模擬調(diào)試服務(wù)器或生產(chǎn)服務(wù)器。只要測(cè)試服務(wù)器可以處理用戶計(jì)劃開(kāi)發(fā)的動(dòng)態(tài)頁(yè)類(lèi)型,選擇哪個(gè)就無(wú)關(guān)緊要。完成對(duì)話框設(shè)置,然后單擊“確定”。(3)DreamweaverMX基本操作①文件操作

②文本、表格、圖像等對(duì)象的插入

③頁(yè)面編輯

④創(chuàng)建超級(jí)鏈接①文件操作DreamweaverMX文件操作可以看作是制作網(wǎng)頁(yè)的基本操作,它包括網(wǎng)頁(yè)文件的打開(kāi)、創(chuàng)建、保存、關(guān)閉等,這些操作都很簡(jiǎn)單。①文件操作下面主要介紹如何利用模板創(chuàng)建文件

在“新建文檔”對(duì)話框中選擇“模板”標(biāo)簽。然后從該對(duì)話框左邊的列表框中選擇模板所在的站點(diǎn),再在右邊的模板列表中選擇一個(gè)模板。選擇需要使用的模板后,單擊“創(chuàng)建”按鈕,即可基于模板創(chuàng)建新文檔

②文本、表格、圖像等對(duì)象的插入在DreamweaverMX中輸入文本同普通的文本處理軟件類(lèi)似,在光標(biāo)閃爍處鍵入文字或有現(xiàn)成的東西也可以復(fù)制到文檔中,而對(duì)文本的屬性設(shè)置可通過(guò)屬性面板完成。圖4-58可在屬性面板中設(shè)置文本的屬性②文本、表格、圖像等對(duì)象的插入要往文檔中插入表格、表格數(shù)據(jù)、圖像或其他對(duì)象,可使用“插入”菜單中的命令,將指定對(duì)象插入到文檔中的插入點(diǎn)?;蛘呷鐖D所示的“插入”欄,單擊或者拖拽對(duì)象到文檔窗口中。圖4-58可在屬性面板中設(shè)置文本的屬性②文本、表格、圖像等對(duì)象的插入在DreamweaverMX中使用表格的各個(gè)命令集中在“插入”欄下的“布局”面板中,激活表格面板,②文本、表格、圖像等對(duì)象的插入將光標(biāo)放置于文檔中需要加入表格的地方,單擊“布局”面板中的表格按鈕,此時(shí)就會(huì)彈出如圖的“表格”對(duì)話框,在其中設(shè)置表格的相應(yīng)屬性即可。②文本、表格、圖像等對(duì)象的插入

在文檔中插入圖像,可以使用菜單欄中“插入”→“圖像”命令,也可以使用插入欄中常用面板中的圖像按鈕。例如在文檔中插入一個(gè)圖像,步驟為:將光標(biāo)放到文檔中需要插入圖像的位置。使用“插入”→“圖像”命令,或單擊插入欄中的圖像按鈕,會(huì)出現(xiàn)如圖所示的“選擇圖像源”對(duì)話框。②文本、表格、圖像等對(duì)象的插入在選擇圖像源對(duì)話框中選擇所需要插入圖像的路徑,或者直接在URL中輸入所要插入圖像的路徑,此時(shí)可以看到圖像的預(yù)覽效果。選定圖像后,單擊確定按鈕,如果正在編輯的此圖像文件沒(méi)有保存,那么DreamweaverMX會(huì)產(chǎn)生圖片的file://臨時(shí)的文件位置參數(shù)。②文本、表格、圖像等對(duì)象的插入單擊確定按鈕。此時(shí)就將圖像插入文檔中,得到下面所示的效果。將圖像插入文檔后,DreamweaverMX會(huì)自動(dòng)按照?qǐng)D像的大小顯示,但往往還要對(duì)圖像的一些屬性進(jìn)行具體的調(diào)整,如大小、位置、對(duì)齊等。這就要通過(guò)圖像屬性檢查器得以實(shí)現(xiàn)。選中一個(gè)圖像之后,文檔窗口的下方會(huì)出現(xiàn)圖像屬性檢查器,如圖所示。在此檢查器中設(shè)置所選圖像的相應(yīng)屬性即可。③頁(yè)面編輯選擇“文件”→“新建”,彈出“新建文檔”對(duì)話框,如圖所示。選擇“基本頁(yè)”

→“HTML文檔”即可創(chuàng)建一個(gè)新的網(wǎng)頁(yè)。④創(chuàng)建超級(jí)鏈接選中要設(shè)置超級(jí)鏈接的文字或圖片,單擊右鍵,在彈出的快捷菜單上選擇“創(chuàng)建連接”命令,則彈出“選擇文件”對(duì)話框,如果是鏈接到另一個(gè)網(wǎng)頁(yè),則選中相應(yīng)的網(wǎng)頁(yè)文件;若是鏈接到一個(gè)圖片,則選中相應(yīng)圖片文件,也可鏈接到其他類(lèi)型的文件,如.exe或音頻、視頻文件。④創(chuàng)建超級(jí)鏈接超級(jí)鏈接也可以直接指向地址而不是一個(gè)文件,那么單擊鏈接直接跳轉(zhuǎn)到相應(yīng)的地址。例如,在鏈接框里寫(xiě)上/那么,單擊鏈接就可以跳轉(zhuǎn)到老小孩網(wǎng)站。④創(chuàng)建超級(jí)鏈接在網(wǎng)頁(yè)制作中,還經(jīng)??吹竭@樣的一些超級(jí)鏈接。單擊了以后,會(huì)彈出郵件發(fā)送程序,聯(lián)系人的地址也已經(jīng)填寫(xiě)好了。這也是一種超級(jí)鏈接。制作方法是:在編輯狀態(tài)下,先選定要鏈接的圖片或文字(比如:歡迎您來(lái)信賜教?。诓迦霗诨虿迦氩藛芜x“電子郵件鏈接”彈出如下對(duì)話框,填入E-Mail地址即可。(4)網(wǎng)絡(luò)數(shù)據(jù)庫(kù)與動(dòng)態(tài)網(wǎng)頁(yè)作為網(wǎng)絡(luò)的一個(gè)重要應(yīng)用,數(shù)據(jù)庫(kù)在網(wǎng)站建設(shè)中發(fā)揮著重要的作用,與普通網(wǎng)站相對(duì)而言,具有數(shù)據(jù)庫(kù)功能的網(wǎng)站網(wǎng)頁(yè)通常稱為動(dòng)態(tài)頁(yè)面,也就是說(shuō)頁(yè)面不是一成不變的,頁(yè)面上內(nèi)容(或部分內(nèi)容)是動(dòng)態(tài)生成的,它可以根據(jù)數(shù)據(jù)庫(kù)中相應(yīng)部分內(nèi)容的調(diào)整而變化,使網(wǎng)站內(nèi)容更靈活,維護(hù)更方便,更新更便捷。(4)網(wǎng)絡(luò)數(shù)據(jù)庫(kù)與動(dòng)態(tài)網(wǎng)頁(yè)如果用戶計(jì)劃建立動(dòng)態(tài)Web應(yīng)用程序,可以從設(shè)置應(yīng)用程序服務(wù)器和進(jìn)行數(shù)據(jù)庫(kù)連接開(kāi)始著手。(4)網(wǎng)絡(luò)數(shù)據(jù)庫(kù)與動(dòng)態(tài)網(wǎng)頁(yè)MacromediaDreamweaverMX所提供的關(guān)鍵益處在于使用戶能夠在沒(méi)有編程語(yǔ)言使用經(jīng)驗(yàn)的情況下創(chuàng)建動(dòng)態(tài)Web站點(diǎn)。Dreamweaver的可視工具使用戶可以開(kāi)發(fā)動(dòng)態(tài)Web站點(diǎn),而不必親手編寫(xiě)創(chuàng)建支持顯示動(dòng)態(tài)內(nèi)容所必需的復(fù)雜編程邏輯,這些內(nèi)容存儲(chǔ)在數(shù)據(jù)庫(kù)中。(4)網(wǎng)絡(luò)數(shù)據(jù)庫(kù)與動(dòng)態(tài)網(wǎng)頁(yè)Dreamweaver使用戶可以使用幾種流行的Web編程語(yǔ)言和服務(wù)器技術(shù)中的任意一種來(lái)創(chuàng)建動(dòng)態(tài)Web站點(diǎn)。這些語(yǔ)言和技術(shù)包括MacromediaColdFusion、ASP.NET、MicrosoftASP、JavaServerPage(JSP)和PHP。(4)網(wǎng)絡(luò)數(shù)據(jù)庫(kù)與動(dòng)態(tài)網(wǎng)頁(yè)開(kāi)發(fā)動(dòng)態(tài)網(wǎng)頁(yè)的五個(gè)關(guān)鍵步驟包括:

①設(shè)計(jì)頁(yè)面將動(dòng)態(tài)內(nèi)容合并到網(wǎng)頁(yè)的常用方法是創(chuàng)建一個(gè)表示內(nèi)容的表,然后將動(dòng)態(tài)內(nèi)容導(dǎo)入該表的一個(gè)或多個(gè)單元格中。利用此方法,可以用一種結(jié)構(gòu)化的格式來(lái)表示各種類(lèi)型的信息。

(4)網(wǎng)絡(luò)數(shù)據(jù)庫(kù)與動(dòng)態(tài)網(wǎng)頁(yè)②創(chuàng)建動(dòng)態(tài)內(nèi)容的源動(dòng)態(tài)Web站點(diǎn)需要一個(gè)內(nèi)容源,在將數(shù)據(jù)顯示在網(wǎng)頁(yè)上之前,動(dòng)態(tài)Web站點(diǎn)需要從該內(nèi)容源提取這些數(shù)據(jù)。在Dreamweaver中,這些數(shù)據(jù)源可以是數(shù)據(jù)庫(kù)、請(qǐng)求變量、服務(wù)器變量、表單變量或預(yù)存過(guò)程。

(4)網(wǎng)絡(luò)數(shù)據(jù)庫(kù)與動(dòng)態(tài)網(wǎng)頁(yè)③向網(wǎng)頁(yè)添加動(dòng)態(tài)內(nèi)容④增強(qiáng)動(dòng)態(tài)頁(yè)的功能⑤測(cè)試和調(diào)試頁(yè)4.1.2ASP開(kāi)發(fā)技術(shù)1.ASP簡(jiǎn)介2.ASP服務(wù)器的配置3.ASP的開(kāi)發(fā)工具4.ASP語(yǔ)法簡(jiǎn)介5.ASP的內(nèi)建對(duì)象和內(nèi)置組件6.利用ADO訪問(wèn)Web數(shù)據(jù)庫(kù)7.ASP.NET簡(jiǎn)介1.ASP簡(jiǎn)介(1)什么是ASP(2)ASP工作流程(1)什么是ASP在一個(gè)服務(wù)器動(dòng)態(tài)網(wǎng)頁(yè)上,比如留言板,用戶需要把數(shù)據(jù)提交給服務(wù)器并存入數(shù)據(jù)庫(kù),同時(shí)用戶也需要從服務(wù)器數(shù)據(jù)庫(kù)中查詢、瀏覽數(shù)據(jù)。在服務(wù)器上接受用戶請(qǐng)求并處理用戶數(shù)據(jù)的工作是由腳本應(yīng)用程序來(lái)完成的。而ASP(ActiveServerPage)就是內(nèi)含于IIS(InternetInformationServer)中,由Microsoft開(kāi)發(fā)的服務(wù)器端的腳本環(huán)境。(1)什么是ASP通過(guò)ASP,可以結(jié)合HTML(HyperTextMarkupLanguage)、腳本命令來(lái)創(chuàng)建動(dòng)態(tài)、交互、高效的Web服務(wù)器應(yīng)用程序即實(shí)現(xiàn)瀏覽器與服務(wù)器的交互。ASP由ASP程序和ASP程序的解釋程序(腳本引擎)兩部分構(gòu)成(2)ASP工作流程ASP程序通過(guò)后綴名為.asp的ASP文件來(lái)實(shí)現(xiàn)其功能。一個(gè).asp文件相當(dāng)于一個(gè)可執(zhí)行文件,因此必須放在Web服務(wù)器上有可執(zhí)行權(quán)限的目錄下(例如:Windows2000操作系統(tǒng),該文件放在系統(tǒng)主目錄的/Inetpub/wwwroot下)。當(dāng)用戶從瀏覽器輸入了.asp文件的地址后,瀏覽器就將這個(gè)URL請(qǐng)求發(fā)給Web服務(wù)器。(2)ASP工作流程如果Web服務(wù)器上裝了ASP,就調(diào)用ASP,ASP讀出相應(yīng).asp文件,解釋并執(zhí)行命令,動(dòng)態(tài)生成一個(gè)HTML頁(yè)面回傳Web服務(wù)器,然后Web服務(wù)器再把結(jié)果發(fā)送給瀏覽器。通過(guò)ASP內(nèi)置的對(duì)象、服務(wù)器組件“ServerComponent”可以完成非常復(fù)雜的任務(wù)。其中,ASP工作原理如圖所示:(2)ASP工作流程圖4-99ASP的工作原理ASP文件Web服務(wù)器IISVBScriptActiveXScriptingEnginesJScriptADODatabase瀏覽器HTTP請(qǐng)求HTTP響應(yīng)ODBC驅(qū)動(dòng)程序(2)ASP工作流程

ASP最突出的優(yōu)點(diǎn)是:

它可以使用編程部件,可以用VisualBasic、VisualC++、BorlandDelphi和PowersoftPowerBuilder等工具制作這些部件,也可以用Frontpage設(shè)計(jì)界面后,再添加ASP代碼,只要以*.asp存盤(pán)就可以了。2.

ASP服務(wù)器的配置在Windows2000中集成了一個(gè)很有用的Web應(yīng)用開(kāi)發(fā)組件IIS—Internet信息服務(wù)(InternetInformationService),IIS包含WorldWideWeb服務(wù)器、文件傳輸協(xié)議(FTP)服務(wù)器、SMTP虛擬服務(wù)器、ASP、個(gè)人Web管理器(PersonalWebManager)等功能組件。2.

ASP服務(wù)器的配置只要安裝了IIS,個(gè)人電腦就變成了個(gè)人Web服務(wù)器。IIS的安裝可按以下步驟操作:“開(kāi)始”→“控制面板”→“添加/刪除程序”→“添加/刪除Windows組件”,隨后在“組件”列表對(duì)話框中選中“Internet信息服務(wù)”、”管理和監(jiān)視工具”和“腳本調(diào)試器”,點(diǎn)擊Windows組件對(duì)話框上“確定”按鈕,Windows2000將自動(dòng)開(kāi)始安裝和配置IIS。2.

ASP服務(wù)器的配置在IIS安裝完畢后,會(huì)發(fā)現(xiàn)在控制面板的“管理工具”中多了三個(gè)圖標(biāo),分別是“Internet服務(wù)管理器”、“WebServer”(Web服務(wù)器)和“Server

Externsions”。通過(guò)它們,就可以對(duì)個(gè)人Web服務(wù)器進(jìn)行管理和控制了。2.

ASP服務(wù)器的配置IIS安裝完畢后,并不能立即使用,還對(duì)WEB服務(wù)器進(jìn)行設(shè)置,步驟如下:

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

—“Internet服務(wù)管理器”Internet服務(wù)管理器2.

ASP服務(wù)器的配置在“默認(rèn)Web站點(diǎn)”上按鼠標(biāo)右鍵,選擇“屬性”,彈出如圖所示的默認(rèn)Web站點(diǎn)設(shè)置窗口:“TCP端口”是WEB服務(wù)器端口,默認(rèn)值是80,不需要改動(dòng)?!癐P地址”是WEB服務(wù)器綁定的IP地址,默認(rèn)值是“全部未分配”,建議不要改動(dòng)。默認(rèn)情況下,WEB服務(wù)器會(huì)綁定在本機(jī)的所有IP上,包括撥號(hào)上網(wǎng)得到的動(dòng)態(tài)IP。如果需指認(rèn)一個(gè)指定地址,可下拉菜單選擇。圖4-101右擊默認(rèn)網(wǎng)站2.

ASP服務(wù)器的配置連接超時(shí)是當(dāng)WEB服務(wù)當(dāng)達(dá)到指定時(shí)間仍沒(méi)有完成,做響應(yīng)失敗處理,以防止過(guò)多占用服務(wù)器資源圖4-102

設(shè)置網(wǎng)站屬性(2)主目錄的設(shè)置每個(gè)Web或FTP站點(diǎn)必須有一個(gè)主目錄。主目錄位于發(fā)布的網(wǎng)頁(yè)的中央位置。它包含帶有歡迎內(nèi)容的主頁(yè)或索引文件,并且包含到所在站點(diǎn)其他網(wǎng)頁(yè)的鏈接。主目錄映射為站點(diǎn)的域名或服務(wù)器名。(2)主目錄的設(shè)置例如,如果站點(diǎn)的Internet域名是

并且主目錄是C:\Website\Microsoft,瀏覽器將使用URL

訪問(wèn)主目錄中的文件。(2)主目錄的設(shè)置在內(nèi)部網(wǎng)上,如果服務(wù)器名是AcctServer,瀏覽器將使用URLhttp://acctserver

訪問(wèn)主目錄上的文件。在安裝Internet信息服務(wù)或創(chuàng)建新的Web站點(diǎn)時(shí)將創(chuàng)建默認(rèn)的主目錄。單擊上面屬性窗口里的“主目錄”

圖4-103

設(shè)置主目錄(2)主目錄的設(shè)置在“本地路徑”右邊,是網(wǎng)站根目錄,即網(wǎng)站文件存放的目錄,默認(rèn)路徑是“c:\inetpub\wwwroot”。如果想把網(wǎng)站文件存放在其他地方,可修改這個(gè)路徑。在該窗口中一般不需做修改,如果在調(diào)試網(wǎng)站過(guò)程中想在瀏覽器中瀏覽所有網(wǎng)頁(yè)文件名,可以點(diǎn)選目錄瀏覽選項(xiàng),但注意此時(shí)目錄下應(yīng)沒(méi)有默認(rèn)的主頁(yè)文件名,否則仍不能瀏覽目錄。(3)網(wǎng)站的默認(rèn)首頁(yè)的設(shè)置單擊上面屬性窗口的“文檔”

圖4-104網(wǎng)站的默認(rèn)首頁(yè)的設(shè)置(3)網(wǎng)站的默認(rèn)首頁(yè)的設(shè)置在這里設(shè)置網(wǎng)站的默認(rèn)首頁(yè)文檔。在瀏覽器里輸入一個(gè)地址訪問(wèn)IIS的時(shí)候,IIS會(huì)在網(wǎng)站根目錄下查找默認(rèn)的首頁(yè)文件,如果找到就打開(kāi),找不到就顯示“該頁(yè)無(wú)法顯示”。請(qǐng)?jiān)谶@里添加所需的默認(rèn)首頁(yè)文件名,添加完后可以用左邊的上下箭頭排列這些文件名的查找順序。到此,WEB服務(wù)器設(shè)置完畢。(3)網(wǎng)站的默認(rèn)首頁(yè)的設(shè)置在WEB服務(wù)器設(shè)置完畢后,還需設(shè)置虛擬目錄。要從主目錄以外的其他目錄中進(jìn)行發(fā)布,就必須創(chuàng)建虛擬目錄。“虛擬目錄”不包含在主目錄中,但在顯示給客戶端瀏覽器時(shí)就像位于主目錄中一樣。(3)網(wǎng)站的默認(rèn)首頁(yè)的設(shè)置虛擬目錄有一個(gè)“別名”,供WEB瀏覽器訪問(wèn)此目錄時(shí)使用。由于別名通常要比目錄的路徑名短,因此更便于用戶輸入。使用別名更加安全,因?yàn)橛脩舨恢牢募诜?wù)器上的實(shí)際位置,所以無(wú)法使用此信息修改文件(這也是稱為虛擬目錄的原因之一)。(3)網(wǎng)站的默認(rèn)首頁(yè)的設(shè)置使用別名可以更方便地在站點(diǎn)中移動(dòng)目錄,原因在于不需要更改目錄的URL,只需更改別名與目錄實(shí)際位置之間的映射即可。(3)網(wǎng)站的默認(rèn)首頁(yè)的設(shè)置

在Internet信息服務(wù)里建立虛擬目錄的步驟是:打開(kāi)“控制面板”—“管理工具”—“Internet服務(wù)管理器”,在“默認(rèn)Web站點(diǎn)”上按鼠標(biāo)右鍵,選擇“新建”—“虛擬目錄”

圖4-105在IIS中創(chuàng)建虛擬目錄(3)網(wǎng)站的默認(rèn)首頁(yè)的設(shè)置①此時(shí)彈出歡迎窗口,點(diǎn)擊“下一步”;②在向?qū)Т翱诘摹皠e名”里輸入映射后的名字,如“test”,點(diǎn)擊“下一步”;③在“目錄”里輸入虛擬目錄要映射的真實(shí)目錄:“G:\ly\VBScript\VBScript教材\code”,點(diǎn)擊“下一步”,進(jìn)入如圖所示的窗口;

為虛擬目錄設(shè)置訪問(wèn)權(quán)限(3)網(wǎng)站的默認(rèn)首頁(yè)的設(shè)置④在這里選擇正確的訪問(wèn)權(quán)限,再點(diǎn)擊“下一步”,即完成設(shè)置。

WEB服務(wù)器與虛擬目錄設(shè)置完成后,就可以通過(guò)瀏覽器來(lái)訪問(wèn)該服務(wù)器,判斷是否已經(jīng)設(shè)置成功。在地址欄輸入“http:://localhost/test”,意思是訪問(wèn)本機(jī)IIS服務(wù)器下的test虛擬目錄,最終經(jīng)IIS解釋其實(shí)真正訪問(wèn)的是(3)網(wǎng)站的默認(rèn)首頁(yè)的設(shè)置“G:\ly\VBScript\VBScript教材\code”文件夾,由于打開(kāi)了瀏覽選項(xiàng),而且本文件夾中沒(méi)有合適的首頁(yè)文件,所以得到的最終結(jié)果是瀏覽了該文件夾中的列表,從而也驗(yàn)證了最終訪問(wèn)的是這個(gè)文件夾。圖4-107通過(guò)瀏覽器訪問(wèn)虛擬目錄test的結(jié)果3.ASP的開(kāi)發(fā)工具ASP是純文本文件。所以,可以使用“記事本”編輯ASP文件,只要擴(kuò)展名為.asp即可。但是,如果有個(gè)專(zhuān)門(mén)設(shè)計(jì)的代碼編輯器,可以使工作事半功倍。

Visual

InterDevVisual

InterDev是Microsoft為開(kāi)發(fā)ASP程序?qū)iT(mén)推出的集成開(kāi)發(fā)環(huán)境,功能非常強(qiáng)大。3.ASP的開(kāi)發(fā)工具①可以對(duì)ASP代碼進(jìn)行顏色識(shí)別,自動(dòng)完成代碼。②VI中帶有一個(gè)代碼庫(kù),調(diào)用預(yù)先設(shè)計(jì)好的DTC(DesignTime

Control),可以非常簡(jiǎn)單的實(shí)現(xiàn)表單處理、數(shù)據(jù)庫(kù)操作等等復(fù)雜的功能。例如:輸入“response.”之后,VI會(huì)自動(dòng)把response.的方法列舉出來(lái),供選擇。

3.ASP的開(kāi)發(fā)工具③內(nèi)置數(shù)據(jù)庫(kù)管理工具,可以直接進(jìn)行數(shù)據(jù)庫(kù)查詢、修改工作。④內(nèi)有RS(Remote

Script),支持服務(wù)器、客戶機(jī)間代碼調(diào)用。

⑤群體開(kāi)發(fā)協(xié)作管理功能,支持多人同時(shí)開(kāi)發(fā)一個(gè)網(wǎng)站。4.ASP語(yǔ)法簡(jiǎn)介ASP程序包括3個(gè)部分:①普通的HTML文件;②Server端的Script代碼,位于<%…%>之間的程序代碼③客戶端的代碼,位于<Script>…</Script>之間的程序代碼。4.ASP語(yǔ)法簡(jiǎn)介在ASP中,VBScript是默認(rèn)的腳本語(yǔ)言,如需改變,可如下進(jìn)行:<%@Language=VBScript%><%@Language=JavaScript%>

4.ASP語(yǔ)法簡(jiǎn)介由于ASP是在Server端執(zhí)行,而VBScript的用戶界面方法(如InputBox和MsgBox函數(shù))是在Client端執(zhí)行,故在ASP中就不能使用了。

下面是一個(gè)簡(jiǎn)單的ASP文件:先通過(guò)下面的例子ASP程序代碼如何放到html文件中使用。<html><body><%response.write("HelloWorld!")%></body></html>這一段程序的輸出結(jié)果就是“HelloWorld!”

4.ASP語(yǔ)法簡(jiǎn)介也可以在上面的程序代碼中加入一些html標(biāo)記來(lái)控制輸出格式,如下面的例子:<html><body><%response.write("<h2>YoucanuseHTMLtagstoformatthetext!</h2>")%><%response.write("<pstyle='color:#0000ff'>Thistextisstyledwiththestyleattribute!</p>")%></body></html>則輸出結(jié)果

例程的輸出結(jié)果5.ASP的內(nèi)建對(duì)象和內(nèi)置組件(1)ASP的內(nèi)建對(duì)象

(2)

ASP的主要內(nèi)置組件:

(1)ASP的內(nèi)建對(duì)象ASP提供了可在腳本中直接使用的內(nèi)建對(duì)象。這些對(duì)象使用戶更容易收集通過(guò)瀏覽器請(qǐng)求發(fā)送的信息、響應(yīng)瀏覽器以及存儲(chǔ)用戶信息,從而使對(duì)象開(kāi)發(fā)者擺脫了很多煩瑣的工作。目前的ASP版本總共提供了六個(gè)內(nèi)建對(duì)象供用戶直接調(diào)用,這六個(gè)內(nèi)建對(duì)象是(1)ASP的內(nèi)建對(duì)象①

Application對(duì)象:負(fù)責(zé)管理所有會(huì)話信息,可用來(lái)在指定的應(yīng)用程序的所有用戶之間共享信息。

②Session對(duì)象:存貯特定用戶的會(huì)話信息,只被該用戶訪問(wèn),當(dāng)用戶在不同WEB頁(yè)面跳轉(zhuǎn)時(shí),Session中的變量在用戶整個(gè)會(huì)話過(guò)程中一直保存。Session對(duì)象需cookie支持。

(1)ASP的內(nèi)建對(duì)象③Request對(duì)象:從用戶端取得信息傳遞給服務(wù)器,是ASP讀取用戶輸入的主要方法。

Response對(duì)象:服務(wù)器將輸出內(nèi)容發(fā)送到用戶端。

Server對(duì)象:提供對(duì)服務(wù)器有關(guān)方法和屬性的訪問(wèn)。(1)ASP的內(nèi)建對(duì)象⑥Object

Context對(duì)象:IIS

4.0新增的對(duì)象,用來(lái)進(jìn)行事務(wù)處理。此項(xiàng)功能需得到MTS(Microsoft

Transcation

Server)管理的支持。

(2)

ASP的主要內(nèi)置組件:

①Ad

Rotator組件:用來(lái)按指定計(jì)劃在同一頁(yè)上自動(dòng)輪換顯示廣告,用于WWW上日益重要的廣告服務(wù)。

Browser

Capabilities組件:確定訪問(wèn)WEB站點(diǎn)的用戶瀏覽器的功能數(shù)據(jù),包括類(lèi)型、性能、版本等。

(2)

ASP的主要內(nèi)置組件:③

Database

Access組件:提供ADO

(ActiveX

Data

Objects)來(lái)訪問(wèn)支持ODBC的數(shù)據(jù)庫(kù)。

④File

Access組件:提供對(duì)服務(wù)器端文件的讀寫(xiě)功能。

⑤Content

Linking組件:生成WEB頁(yè)內(nèi)容列表,并將各頁(yè)順序連接,用于制作導(dǎo)航條。

(2)

ASP的主要內(nèi)置組件:此外,還可安裝Myinfo、Counters、Content

Rotator、Page

Count等組件,用戶也可自行編制Actiive組件,以提高系統(tǒng)的實(shí)用性。6.利用ADO訪問(wèn)Web數(shù)據(jù)庫(kù)ADO是ActiveXDataObjects(ActiveX數(shù)據(jù)對(duì)象)的縮寫(xiě),它是一種面向?qū)ο蟮?,與語(yǔ)言無(wú)關(guān)的通用的數(shù)據(jù)訪問(wèn)接口。ASP強(qiáng)大的數(shù)據(jù)庫(kù)訪問(wèn)功能正是由ADO來(lái)完成。通過(guò)ADO與ODBC源的接口,程序員可以用很少而且簡(jiǎn)單的腳本程序?qū)崿F(xiàn)對(duì)網(wǎng)站數(shù)據(jù)庫(kù)的讀、寫(xiě)和修改等操作功能。6.利用ADO訪問(wèn)Web數(shù)據(jù)庫(kù)ADO被設(shè)計(jì)用來(lái)同新的數(shù)據(jù)訪問(wèn)層OLEDBProvider一起協(xié)同工作。它向用戶提供了一個(gè)熟悉的、高層的對(duì)OLEDB的接口,可以把OLEDB比做是ODBC驅(qū)動(dòng)程序。如同不同的數(shù)據(jù)庫(kù)系統(tǒng)需要它們自己的ODBC驅(qū)動(dòng)程序一樣,不同的數(shù)據(jù)源要求它們自己的OLEDB提供者(OLEDBProvider)。6.利用ADO訪問(wèn)Web數(shù)據(jù)庫(kù)由于ADO版本的區(qū)別,ADO對(duì)象模型也是在變化中的,下面列出ADO中一些重要的接口,這部分變化不是很大。①Connection(連接):Connection接口表示數(shù)據(jù)源和ADO接口之間的連接。②Command(命令):Command接口表示一個(gè)提交給數(shù)據(jù)源的命令。6.利用ADO訪問(wèn)Web數(shù)據(jù)庫(kù)③Recordset(記錄集):Recordset接口包含數(shù)據(jù)的游標(biāo),可以完成多種數(shù)據(jù)操作。④Field(字段):Field接口表示Recordset對(duì)象中的某一列數(shù)據(jù),這個(gè)接口允許改變數(shù)據(jù)和得到字段的屬性信息。⑤Parameter(參數(shù)):表示傳遞給Command的參數(shù)。6.利用ADO訪問(wèn)Web數(shù)據(jù)庫(kù)

使用ADO組件訪問(wèn)后臺(tái)數(shù)據(jù)庫(kù),可通過(guò)以下步驟進(jìn)行:①定義數(shù)據(jù)源:在WEB服務(wù)器上打開(kāi)控制面板,選中ODBC,在系統(tǒng)DSN下選添加,選定希望的數(shù)據(jù)庫(kù)種類(lèi)、名稱、位置等。②使用ADO組件查詢WEB數(shù)據(jù)庫(kù)

6.利用ADO訪問(wèn)Web

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論