【正文】 script基礎(chǔ)知識(shí) VBScript控制結(jié)構(gòu) 數(shù)據(jù)庫(kù)基礎(chǔ)知識(shí) 數(shù)據(jù)庫(kù)簡(jiǎn)介 ACCESS 數(shù)據(jù)庫(kù)基本操作 數(shù)據(jù)源的建立 測(cè)試服務(wù)器的建立 ASP應(yīng)用程序的腳本代碼必須用腳本引擎來(lái)解釋執(zhí)行 。 因此運(yùn)行 Asp程序前應(yīng)該先安裝包含腳本引擎的服務(wù)器管理程序 IIS或 PWS， 也就是建立一個(gè)測(cè)試服務(wù)器 。 任何一臺(tái) 具有 IP地址的計(jì)算機(jī) （ 沒(méi)有聯(lián)網(wǎng)的計(jì)算機(jī)管理程序默認(rèn)一個(gè) IP地址） ， 安裝上服務(wù)器管理程序后就構(gòu)成了一臺(tái)服務(wù)器 。 常見(jiàn)的 Web 服務(wù)器管理軟件包括 IIS（ Microsoft Inter Information Server） 、 PWS（ Microsoft Personal Web Server） 、 Apache HTTP Server、 Netscape Enterprise Server 和 iPla Web Server等 。 安裝哪一種 Web服務(wù)軟件根據(jù)所用操作系統(tǒng)而定 ， 在Windows NT及 Windows 2022以上中安裝 IIS最為常用 ， 在 Windows95/98安裝服務(wù)器軟件一般只能使用 PWS。 這里主要講述服務(wù)器管理軟的安裝與服務(wù)器站點(diǎn)的發(fā)布過(guò)程 。 說(shuō)明：與真正的 INTERNET服務(wù)器相比 ， 測(cè)試服務(wù)器不需要申請(qǐng)外部 IP地址 ， 不需要域名解析 ， 主要用來(lái)測(cè)試本地機(jī)上的 ASP應(yīng)用程序 。 測(cè)試服務(wù)器可以是局域網(wǎng)上的計(jì)算機(jī) ， 也可以是未連網(wǎng)的單機(jī) 。 如果是局域網(wǎng)內(nèi)的計(jì)算機(jī)設(shè)成了服務(wù)器 ， 則它上面的站點(diǎn)可通過(guò)內(nèi)部 IP地址進(jìn)行訪問(wèn) 。 如：在局域網(wǎng)上建立了內(nèi)部 IP地址為“ ” 的測(cè)試服務(wù)器 ， 則在瀏覽器地址欄中輸入 “ 虛擬目錄名 /主頁(yè)名 ” 即可訪問(wèn)測(cè)試服務(wù)器上的站點(diǎn) 。 ASP 應(yīng)用程序舉例 數(shù)據(jù)提交入庫(kù)的程序設(shè)計(jì) 查詢功能的實(shí)現(xiàn) ASP程序的調(diào)試與糾錯(cuò) 動(dòng)態(tài)站點(diǎn)的建立 工作流程和程序結(jié)構(gòu) 建立 、 發(fā)布站點(diǎn) 在 Dreamweaver MX中定義本地站點(diǎn) 后臺(tái)數(shù)據(jù)庫(kù)的設(shè)計(jì) 設(shè)計(jì)庫(kù)結(jié)構(gòu)，創(chuàng)建數(shù)據(jù)源 在 Dreamweaver MX中建立數(shù)據(jù)庫(kù) 連接 表單網(wǎng)頁(yè)的建立 記錄集的建立 記錄集與表單的綁定 數(shù)據(jù)顯示功能的實(shí)現(xiàn) 記錄的顯示 動(dòng)態(tài)顯示多條記錄 記錄的計(jì)數(shù)和統(tǒng)計(jì) 記錄集導(dǎo)航條的建立 數(shù)據(jù)查詢功能的實(shí)現(xiàn) 創(chuàng)建查詢頁(yè)面 構(gòu)建結(jié)果頁(yè)面 建立查詢顯示詳細(xì)面頁(yè) 數(shù)據(jù)維護(hù)功能的實(shí)現(xiàn) 創(chuàng)建 登錄頁(yè)面 數(shù)據(jù)維護(hù) 成績(jī)管理系統(tǒng)主頁(yè)的建立 通過(guò)上面的操作，我們已經(jīng)實(shí)現(xiàn)了成績(jī)管理的數(shù)據(jù)錄入、查詢顯示、數(shù)據(jù)護(hù)等功能。為了便于用戶操作使用，下面建立管理主頁(yè)，將各功能集成起來(lái)。 網(wǎng)上新聞發(fā)布 工作流程圖 數(shù)據(jù)表的結(jié)構(gòu) 建立數(shù)據(jù)庫(kù)連接 新聞提交功能的實(shí)現(xiàn) 創(chuàng)建顯示頁(yè)面 在網(wǎng)頁(yè)上實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)的維護(hù) 網(wǎng)上投票系統(tǒng)的設(shè)計(jì) 工作流程圖 站點(diǎn)結(jié)構(gòu)圖 后臺(tái)數(shù)據(jù)庫(kù)設(shè)計(jì) 建立數(shù)據(jù)庫(kù)連接 投票頁(yè)面的設(shè)計(jì) 投票結(jié)果的柱狀顯示 測(cè)試本地站點(diǎn) 測(cè)試站點(diǎn)網(wǎng)頁(yè)與目標(biāo)瀏覽器的兼容性 預(yù)覽自己的網(wǎng)頁(yè) 檢驗(yàn)文件的大小及下在載時(shí)間 站點(diǎn)文件的上傳 文件傳輸?shù)幕A(chǔ)知識(shí) 在 Dreamweaver MX中傳輸站點(diǎn) 存回 /取出功能簡(jiǎn)介 設(shè)計(jì)備注功能介紹 上傳網(wǎng)頁(yè)文件到局域網(wǎng) 站點(diǎn)的維護(hù)與管理 站點(diǎn)文件管理 遠(yuǎn)程與本地站點(diǎn)同步 檢查與修正超級(jí)鏈接 宣傳自己的網(wǎng)站 注冊(cè)好記的域名 在各大搜索引擎上登陸注冊(cè)站點(diǎn) 在電子郵件簽名中添加站點(diǎn)地址 到 BBS上公布站點(diǎn)信息 與相關(guān)站點(diǎn)彼此鏈接 手工編碼方式 網(wǎng)頁(yè)是由 HTML（ HYPER TEXT MARKUP LANGUAGE）超文本標(biāo)記語(yǔ)言編碼的文本文檔， 設(shè)計(jì)制作網(wǎng)頁(yè)的過(guò)程就是生成 HTML代碼的過(guò)程。在 WWW（ World Wide Web ）發(fā)展的初期人們制作網(wǎng)頁(yè)是通過(guò)直接編寫 HTML代碼來(lái)實(shí)現(xiàn)的。 手工編碼制作網(wǎng)頁(yè)對(duì)網(wǎng)頁(yè)設(shè)計(jì)人員的要求較高，編碼效率低，調(diào)試過(guò)程復(fù)雜，因此，對(duì)大多數(shù)網(wǎng)頁(yè)設(shè)計(jì)人員來(lái)說(shuō)采用這個(gè)方式比較困難。但手工編碼可以靈活地制作出豐富的網(wǎng)頁(yè)效果。 可視化工具方式 隨著網(wǎng)頁(yè)制作技術(shù)的不斷發(fā)展，出現(xiàn)了諸如 FrontPage、 Dreamweaver等可視化的網(wǎng)頁(yè)編輯工具。利用這些工具人們?cè)诳梢暛h(huán)境下編輯制作網(wǎng)頁(yè)元素，由編輯工具自動(dòng)生成對(duì)應(yīng)的網(wǎng)頁(yè)代碼。如要在網(wǎng)頁(yè)上顯示圖 11中的表格，就可以直接在工作區(qū)中繪制表格而不用考慮編碼的規(guī)則和語(yǔ)法。利用可視化工具編輯網(wǎng)頁(yè)操作簡(jiǎn)單直觀，調(diào)試方便，是大眾化的網(wǎng)頁(yè)編輯方式。但利用可視化工具在制作一些特殊網(wǎng)頁(yè)效果上有一定的局限性。 編碼和可視化工具結(jié)合方式 編碼和可視化工具結(jié)合是一種比較成熟的網(wǎng)頁(yè)制作方式 。 具體過(guò)程為：一般的網(wǎng)頁(yè)元素通過(guò)可視化工具編輯制作 ， 一些特殊的網(wǎng)頁(yè)效果通過(guò)插入代碼生成 。這種方式效率高 、 調(diào)試方便而且可以實(shí)現(xiàn)豐富的網(wǎng)頁(yè)效果 ， 但要求設(shè)計(jì)人員既要熟悉 Html語(yǔ)言又能運(yùn)用可視化工具 。 除了上面三種基本的網(wǎng)頁(yè)設(shè)計(jì)制作方式外 ，我們還可以通過(guò)修改已有的網(wǎng)頁(yè)代碼生成自己的網(wǎng)頁(yè) 。在網(wǎng)頁(yè)編輯制作過(guò)程中具體采用何種方式要根據(jù)個(gè)人的具體情況而定 ， 每必要拘泥于某種固定的模式 。 文本一直是人類最重要的信息載體與交流工具 ，網(wǎng)頁(yè)中的信息也以文本為主 。 與圖象相比 ， 文字雖然不如圖象那樣能夠很快引起瀏覽者的注意 ， 但卻能準(zhǔn)確地表達(dá)信息的內(nèi)容和含義 。 為了克服文字固有的缺點(diǎn) ， 人們賦予了網(wǎng)頁(yè)中文本更多的屬性 ， 如字體 ， 字號(hào) ， 顏色 ， 底紋和邊框等 ， 通過(guò)不同格式的區(qū)別 ， 突出顯示重要的內(nèi)容 。 此外 ， 用戶還可以在網(wǎng)頁(yè)中設(shè)計(jì)各種各樣的文字列表 ， 來(lái)清晰表達(dá)一系列項(xiàng)目 。 這些功能都給網(wǎng)頁(yè)中的文本賦予了新的生命力 。 圖像在網(wǎng)頁(yè)中具有提供信息，展示作品，裝飾網(wǎng)頁(yè)，表達(dá)個(gè)人情調(diào)和風(fēng)格的作用。用戶可以在網(wǎng)頁(yè)中使用 GIF, JPEG(JPG), PNG三種圖象格式，其中使用最 廣泛的是 GIF和 JPEG兩種格式。 說(shuō)明：當(dāng)用戶使用所見(jiàn)即所得的網(wǎng)頁(yè)設(shè)計(jì)軟件在網(wǎng)頁(yè)上添加其他非 GIF, JPEG, 或 PNG格式的圖片并保存時(shí)，這些軟件通常會(huì)自動(dòng)將少于 8位顏色的圖片轉(zhuǎn)化為 GIF格式，或?qū)⒍嘤?8位顏色的圖片轉(zhuǎn)化為 JPEG. 在網(wǎng)頁(yè)中為了更有效地吸引瀏覽者的注意，許多網(wǎng)站的廣告都做成了動(dòng)畫形式。圖 12中的 “ 無(wú)限情緣 ” ，就是一個(gè)動(dòng)畫廣告。 聲音和視頻 聲音是多媒體網(wǎng)頁(yè)的一個(gè)重要組成部分 。 當(dāng)前存在著一些不同類型的聲音文件和格式 ， 也有不同的方法將這些聲音添加到 Web頁(yè)中 。 在決定添加聲音之前 ， 需要考慮的因素包括其用途 ， 格式 ，文件大小 ， 聲音品質(zhì)和瀏覽器差別等 。 不同瀏覽器對(duì)于聲音文件的處理方法是非常不同的 ， 彼此之間很可能不兼容 。 用于網(wǎng)絡(luò)的聲音文件的格式非常多 ， 常用的有 MIDI、 WAV、MP3和 AIF等 。 設(shè)計(jì)者在使用這些格式的文件時(shí) ， 需要加以區(qū)別 。很多瀏覽器不要插件也可以支持 MIDI,WAV和 AIF格式的文件 ， 而MP3和 RM格式的聲音文件則需要專門的瀏覽器播放 。 一般來(lái)說(shuō) ， 不要使用聲音文件作為背景音樂(lè) ， 那樣會(huì)影響網(wǎng)頁(yè)下載的速度 。 可以在網(wǎng)頁(yè)中添加一個(gè)打開(kāi)聲音文件的鏈接 ， 讓音樂(lè)播放變得可以控制 。 視頻文件的格式也非常多 ， 常見(jiàn)的有 Realplay, MPEG, AVI和DivX等 。 視頻文件的采用讓網(wǎng)頁(yè)變得精彩而有動(dòng)感 。 超級(jí)鏈接 超級(jí)鏈接技術(shù)可以說(shuō)是萬(wàn)維網(wǎng)流行起來(lái)的最主要的原因 。 它是從一個(gè)網(wǎng)頁(yè)指向另一個(gè)目的端的鏈接 ， 例如指向另一個(gè)網(wǎng)頁(yè)或者相同網(wǎng)頁(yè)上的不同位置 。 這個(gè)目的端通常是另一個(gè)網(wǎng)頁(yè) ， 但也可以是一幅圖片 ， 一個(gè)電子郵件地址 ， 一個(gè)文件 ， 一個(gè)程序或者是本網(wǎng)頁(yè)中的其他位置 。 其熱點(diǎn)通常是文本 ， 圖片或圖片中的區(qū)域 ， 也可以是一些不可見(jiàn)的程序腳本 。 當(dāng)瀏覽者單擊超級(jí)鏈接熱點(diǎn)時(shí) ， 其目的端將顯示在 Web瀏覽器上 ， 并根據(jù)目的端的類型以不同方式打開(kāi) 。 例如 ， 當(dāng)指向一個(gè)AVI文件的超級(jí)鏈接被單擊后 ， 該文件將在媒體播放軟件中打開(kāi)；如果單擊的是指向一個(gè)網(wǎng)頁(yè)的超級(jí)鏈接 ， 則該網(wǎng)頁(yè)將顯示在 Web瀏覽器上 。 加下劃線的文字 ， 就是已經(jīng)建立了超鏈接的文本 。 表格 在網(wǎng)頁(yè)中表格用來(lái)控制網(wǎng)頁(yè)中信息的布局方式 。這包括兩方面：一是使用行和列的形式來(lái)布局文本和圖像以及其他的列表化數(shù)據(jù)；二是可以使用表格來(lái)精確控制各種網(wǎng)頁(yè)元素在網(wǎng)頁(yè)中出現(xiàn)的位置 。 圖 12中“ 特色欄目 ” ， 就運(yùn)用了表格進(jìn)行布局定位 。 表單 使用超級(jí)鏈接，瀏覽者和 Web站點(diǎn)便建立起了一種簡(jiǎn)單的交互關(guān)系。網(wǎng)頁(yè)中的表單通常用來(lái)接受用戶在瀏覽器端的輸入，然后將這些信息發(fā)送到用戶設(shè)置的目標(biāo)端。這個(gè)目標(biāo)可以是文本文件， Web頁(yè)，電子郵件，也可以是服務(wù)器端的應(yīng)用程序。表單一般用來(lái)收集聯(lián)系信息、接受用戶要求、獲得反饋意見(jiàn)、設(shè)置來(lái)賓簽名簿、讓瀏覽者注冊(cè)為會(huì)員并以會(huì)員的身份登陸站點(diǎn)等。 表單由不同功能的表單域組成，最簡(jiǎn)單的表單也要包含一個(gè)輸入?yún)^(qū)域和一個(gè)提交按鈕。站點(diǎn)瀏覽者填寫表單的方式通常是輸入文本，選中單選按鈕或復(fù)選框，以及從下拉列表框中選擇選項(xiàng)等。 根據(jù)表單功能與處理方式的不同，通常可以將表單分為用戶反饋表單，留言簿表單，搜索表單和用戶注冊(cè)表單等類型。 中右上角的 “ 手機(jī)參與 ” 就是一個(gè)手機(jī)號(hào)的提交表單。 導(dǎo)航欄 導(dǎo)航欄是用戶在規(guī)劃好站點(diǎn)結(jié)構(gòu) ， 開(kāi)始設(shè)計(jì)主頁(yè)時(shí)必須考慮的一項(xiàng)內(nèi)容 。 導(dǎo)航欄的作用就是引導(dǎo)瀏覽者游歷站點(diǎn) 。 事實(shí)上 ， 導(dǎo)航欄就是一組超級(jí)鏈接 ， 這組超級(jí)鏈接的目標(biāo)就是本站點(diǎn)的主頁(yè)以及其他重要網(wǎng)頁(yè) 。 在設(shè)計(jì)站點(diǎn)中的諸網(wǎng)頁(yè)時(shí) ， 可以在站點(diǎn)的每個(gè)網(wǎng)頁(yè)上顯示一個(gè)導(dǎo)航欄 ， 這樣 ， 瀏覽者就可以既快又容易的轉(zhuǎn)向站點(diǎn)的其他網(wǎng)頁(yè) 。 一般情況下 ， 導(dǎo)航欄應(yīng)放在網(wǎng)頁(yè)中較引人注目的位置 ， 通常是在網(wǎng)頁(yè)的頂部或一側(cè) 。 導(dǎo)航欄既可以是文本鏈接 ， 也可以是一些圖形按鈕 。 圖 12中的導(dǎo)航欄就是一組文本鏈接 。 其他常見(jiàn)元素 網(wǎng)頁(yè)中除了以上幾種最基本的元素之外 ， 還有一些其它的常用元素 ， 包括懸停按鈕 ， Java特效 ，ActiveX等各種特效 。 它們不僅能點(diǎn)綴網(wǎng)頁(yè) ， 使網(wǎng)頁(yè)更活潑有趣 ， 而且在網(wǎng)上娛樂(lè) ， 電子商務(wù)等方面也有著不可忽視的作用 。 網(wǎng)頁(yè)圖像制作工具 1. Fireworks MX Firework MX是 Macromedia公司的產(chǎn)品 ， 是目前最流行的網(wǎng)頁(yè)圖像制作軟件 。 只有將 Dreamweaver的默認(rèn)圖像編輯器設(shè)為Fireworks ， 那么在 Fireworks 中制作完成網(wǎng)頁(yè)圖像后將其輸出就會(huì)立即在 Dreamweaver中更新 。 Fireworks還可以安裝使用所有的 Photoshop濾鏡 ， 并且可以直接導(dǎo)入 PSD格式圖像 。 更方便的是它不僅結(jié)合了 Photoshop位圖功能以及 CorelDRAW矢量圖的功能 ，而且提供了大量的網(wǎng)頁(yè)圖像模板供用戶使用 。 其最方便之處是 ，它可以將圖像切割 ， 圖像映射 ， 懸停按鈕 ， 圖像翻轉(zhuǎn)等效果直接生成 HTML代碼 ， 或者嵌入到現(xiàn)有的網(wǎng)頁(yè)中 ， 或者作為單獨(dú)的網(wǎng)頁(yè)出現(xiàn) 。 2. Photo Impact Photo Impact是一個(gè)功能強(qiáng)大 ， 有趣且好用的基于對(duì)象的圖像編輯軟件 。 在這個(gè)軟件中 ， 所有要編輯的圖像都會(huì)向以獨(dú)立的對(duì)象形式存在 ， 用戶可以一直對(duì)獨(dú)立的對(duì)象進(jìn)行編輯 ， 直到滿意后再將它合并到圖像上 。 動(dòng)畫制作工具 1. Flash MX Flash MX也是 Macromedia公司的產(chǎn)品 ， 是目前最流行的矢量動(dòng)畫制作軟件 。 與其它的動(dòng)和軟件相比 ， 它具有一些優(yōu)點(diǎn)： 制作的是矢量圖像 。 只有用少量矢量數(shù)據(jù)就可以描述一個(gè)復(fù)雜的對(duì)象 ， 而占有的存儲(chǔ)空間只是位圖的幾千分之一 ， 非常適合在網(wǎng)絡(luò)上