網(wǎng)站建設(shè)技術(shù)課件(完整版)

1、網(wǎng)站建設(shè)技術(shù) 第1章 網(wǎng)站建設(shè)概述內(nèi)容概述 01教學(xué)目標(biāo) 02知識(shí)點(diǎn)講解03實(shí)驗(yàn)04 本章將主要介紹網(wǎng)站與網(wǎng)站建設(shè)的涵義，當(dāng)前流行的幾種網(wǎng)站開(kāi)發(fā)技術(shù)與工具，以及構(gòu)建Web服務(wù)器的方法。BACK NEXTPREV 了解網(wǎng)站與網(wǎng)站建設(shè)的涵義；了解常用的幾種網(wǎng)站開(kāi)發(fā)技術(shù)與工具；掌握Web服務(wù)器的構(gòu)建方法。二、教學(xué)目標(biāo)BACK NEXTPREV 1.1網(wǎng)站建設(shè)的涵義網(wǎng)站，實(shí)質(zhì)上就是包括主頁(yè)在內(nèi)的很多網(wǎng)頁(yè)的集合，也稱(chēng)站點(diǎn)。網(wǎng)站建設(shè)是指由網(wǎng)站策劃師、網(wǎng)頁(yè)設(shè)計(jì)師、網(wǎng)絡(luò)程序員等專(zhuān)業(yè)網(wǎng)站開(kāi)發(fā)人員使用各種網(wǎng)絡(luò)程序開(kāi)發(fā)技術(shù)和網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，為企事業(yè)單位、公司或個(gè)人在Internet上建立站點(diǎn)，包括提供域名注冊(cè)和主機(jī)托

2、管等服務(wù)的總稱(chēng)。包括網(wǎng)站策劃、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站功能設(shè)計(jì)、網(wǎng)站內(nèi)容設(shè)計(jì)、網(wǎng)站推廣、網(wǎng)站評(píng)估、網(wǎng)站運(yùn)營(yíng)、網(wǎng)站整體優(yōu)化等。 三、知識(shí)點(diǎn)講解BACK NEXTPREV 網(wǎng)站是展示企業(yè)形象、加強(qiáng)客戶(hù)服務(wù)，完善網(wǎng)絡(luò)業(yè)務(wù)的新型網(wǎng)絡(luò)平臺(tái)，通過(guò)建設(shè)網(wǎng)站，可以達(dá)到以下目的：企業(yè)形象展示與提升 網(wǎng)絡(luò)化的業(yè)務(wù)、用戶(hù)管理 開(kāi)展電子商務(wù) 三、知識(shí)點(diǎn)講解BACK NEXTPREV 1.2網(wǎng)站建設(shè)技術(shù)介紹 “靜態(tài)”網(wǎng)頁(yè)：指網(wǎng)頁(yè)的內(nèi)容已預(yù)先設(shè)計(jì)好，并存放在WEB服務(wù)器上，當(dāng)用戶(hù)通過(guò)瀏覽器及互聯(lián)網(wǎng)的HTTP協(xié)議向WEB服務(wù)器提出請(qǐng)求時(shí)，服務(wù)器僅僅是將原已設(shè)計(jì)好的靜態(tài)HTML文檔傳送給用戶(hù)瀏覽器?！皠?dòng)態(tài)”網(wǎng)頁(yè)：指網(wǎng)頁(yè)能夠根據(jù)用戶(hù)的要

3、求和選擇，進(jìn)行不同的處理，并根據(jù)處理的結(jié)果，自動(dòng)生成新的頁(yè)面，不再需要設(shè)計(jì)者手動(dòng)更新HTML文檔。 三、知識(shí)點(diǎn)講解BACK NEXTPREV 1.2.1 靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)HTML（HyperText Markup Language） XML、XSL（extensible Markup Language、extensible Stype Language）CSS(Cascading Stype Sheets)DHTML（Dynamic HTML） XHTML（extensible HTML） JavaScript 三、知識(shí)點(diǎn)講解BACK NEXTPREV 1.2.2 動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)ASPASP

4、（ActiveServerPages），即動(dòng)態(tài)服務(wù)器頁(yè) PHPPHP（HypertextPreprocessor），即超文本預(yù)處理器 JSPJSP（JavaServerPages），是基于JavaServlet以及整個(gè)Java體系的Web開(kāi)發(fā)技術(shù)。 三、知識(shí)點(diǎn)講解BACK NEXTPREV 1.2.3 網(wǎng)頁(yè)設(shè)計(jì)軟件網(wǎng)頁(yè)編輯工具Dreamweaver圖形圖像處理軟件Photoshop 圖形制作工具Fireworks 動(dòng)畫(huà)制作工具Flash三、知識(shí)點(diǎn)講解BACK NEXTPREV 1.3 建站準(zhǔn)備架設(shè)Web服務(wù)器IIS的安裝 Web站點(diǎn)的配置與管理三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示

5、操作過(guò)程12實(shí)驗(yàn)?zāi)康呐c要求 熟悉ASP的運(yùn)行環(huán)境，掌握Web服務(wù)器IIS的安裝與配置。實(shí)驗(yàn)一 IIS的安裝與配置 BACK NEXTPREV 13實(shí)驗(yàn)內(nèi)容 1安裝IIS。2在D盤(pán)根目錄下創(chuàng)建站點(diǎn)文件夾mysite。3啟動(dòng)Internet服務(wù)管理器，配置修改默認(rèn)Web站點(diǎn)，將該站點(diǎn)的根目錄設(shè)置為D:mysite。4在Dreamweaver CS3中，編寫(xiě)一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)，并運(yùn)行。實(shí)驗(yàn)一 IIS的安裝與配置 BACK NEXTPREV 網(wǎng)站建設(shè)技術(shù)第2章網(wǎng)站規(guī)劃與設(shè)計(jì) 內(nèi)容概述 01教學(xué)目標(biāo) 02實(shí)驗(yàn)04知識(shí)點(diǎn)講解03 本章主要介紹網(wǎng)站規(guī)劃與設(shè)計(jì)的基本知識(shí)，解析網(wǎng)站規(guī)劃的方法和網(wǎng)站設(shè)計(jì)的一般過(guò)程，以

6、及如何編寫(xiě)網(wǎng)站策劃書(shū)。 BACK NEXTPREV 了解網(wǎng)站規(guī)劃的主要任務(wù)、特點(diǎn)與原則；了解如何進(jìn)行網(wǎng)站類(lèi)型的定位、網(wǎng)站目錄結(jié)構(gòu)組成及網(wǎng)站欄目規(guī)劃方法；了解網(wǎng)站設(shè)計(jì)的目標(biāo)、原則與特點(diǎn)；了解和掌握網(wǎng)站設(shè)計(jì)的一般過(guò)程。二、教學(xué)目標(biāo)BACK NEXTPREV 2.1網(wǎng)站規(guī)劃2.1.1主要任務(wù)、特點(diǎn)與原則一、 網(wǎng)站規(guī)劃的主要任務(wù) 制定網(wǎng)站的發(fā)展戰(zhàn)略 制定網(wǎng)站的總體方案制定網(wǎng)站建設(shè)的資源分配計(jì)劃三、知識(shí)點(diǎn)講解BACK NEXTPREV 二、 網(wǎng)站規(guī)劃的主要特點(diǎn)網(wǎng)站規(guī)劃工作是面向長(zhǎng)遠(yuǎn)的、未來(lái)的、全局性和關(guān)鍵性的問(wèn)題，因此它具有較強(qiáng)的不確定性。網(wǎng)站規(guī)劃是為整個(gè)系統(tǒng)建設(shè)確定目標(biāo)、戰(zhàn)略、系統(tǒng)總體結(jié)構(gòu)方案和資源計(jì)

7、劃，因而整個(gè)過(guò)程是一個(gè)管理決策過(guò)程。網(wǎng)站規(guī)劃人員對(duì)管理與技術(shù)環(huán)境的理解、見(jiàn)解程度以及開(kāi)創(chuàng)精神與務(wù)實(shí)態(tài)度是網(wǎng)站規(guī)劃工作的決定因素。網(wǎng)站規(guī)劃工作的結(jié)果是要明確回答規(guī)劃工作內(nèi)容中提出的問(wèn)題，描繪出網(wǎng)站的總體概貌和發(fā)展進(jìn)程，宜粗不宜細(xì)。三、知識(shí)點(diǎn)講解BACK NEXTPREV 三、網(wǎng)站規(guī)劃的基本原則明確建立網(wǎng)站的目標(biāo)和用戶(hù)需求 總體設(shè)計(jì)方案主題鮮明快速的訪問(wèn) 網(wǎng)站的內(nèi)容應(yīng)及時(shí)更新 “三次單擊”原則 網(wǎng)站的信息交互能力 多平臺(tái)策略 三、知識(shí)點(diǎn)講解BACK NEXTPREV 2.1.2網(wǎng)站類(lèi)型定位一、 網(wǎng)站分類(lèi)門(mén)戶(hù)型網(wǎng)站 專(zhuān)業(yè)型網(wǎng)站 三、知識(shí)點(diǎn)講解BACK NEXTPREV 2.1.2網(wǎng)站類(lèi)型定位二、常見(jiàn)

8、的專(zhuān)業(yè)型網(wǎng)站 電子商務(wù)網(wǎng)站 企業(yè)網(wǎng)站 政府網(wǎng)站 行業(yè)信息網(wǎng)站 新聞媒體網(wǎng)站 提供免費(fèi)服務(wù)和資源的網(wǎng)站 學(xué)校和科研機(jī)構(gòu)網(wǎng)站 論壇性網(wǎng)站 個(gè)人網(wǎng)站 三、知識(shí)點(diǎn)講解BACK NEXTPREV 2.1.3網(wǎng)站目錄結(jié)構(gòu)不要將所有文件都存放在根目錄下 按欄目?jī)?nèi)容建立子目錄 在每個(gè)主目錄下都建立獨(dú)立的Images目錄 目錄的層次不要太深 盡量不要使用中文目錄名 不要使用過(guò)長(zhǎng)的目錄名 三、知識(shí)點(diǎn)講解BACK NEXTPREV 2.1.4 網(wǎng)站欄目規(guī)劃 要緊扣主題 指引迷途，清晰導(dǎo)航 設(shè)立最近更新或網(wǎng)站指南欄目 設(shè)立下載或常見(jiàn)問(wèn)題回答欄目三、知識(shí)點(diǎn)講解BACK NEXTPREV 2.2網(wǎng)站設(shè)計(jì)2.2.1網(wǎng)站設(shè)計(jì)

9、的原則 明確建立網(wǎng)站的目標(biāo)和用戶(hù)需求 總體設(shè)計(jì)方案主題鮮明 網(wǎng)站的版式設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)中的色彩搭配 網(wǎng)頁(yè)形式與內(nèi)容相統(tǒng)一 內(nèi)容更新與溝通 合理運(yùn)用新技術(shù) 三、知識(shí)點(diǎn)講解BACK NEXTPREV 2.2.2網(wǎng)站設(shè)計(jì)的過(guò)程網(wǎng)站CI的設(shè)計(jì) 頁(yè)面版式設(shè)計(jì) 輔助元素設(shè)計(jì) 三、知識(shí)點(diǎn)講解BACK NEXTPREV 2.3網(wǎng)站策劃網(wǎng)站策劃基本知識(shí) 網(wǎng)站策劃書(shū)的編寫(xiě) 綜合案例網(wǎng)上購(gòu)物網(wǎng)站策劃書(shū) 三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示28實(shí)驗(yàn)?zāi)康呐c要求掌握網(wǎng)站策劃書(shū)的編寫(xiě)方法。實(shí)驗(yàn)二 編寫(xiě)網(wǎng)上書(shū)店網(wǎng)站策劃書(shū) BACK NEXTPREV 29實(shí)驗(yàn)內(nèi)容 請(qǐng)以“卓越亞馬遜”網(wǎng)上書(shū)店網(wǎng)站為例寫(xiě)一份網(wǎng)站策劃書(shū)

10、。BACK NEXTPREV 實(shí)驗(yàn)二 編寫(xiě)網(wǎng)上書(shū)店網(wǎng)站策劃書(shū) 網(wǎng)站建設(shè)技術(shù)第3章 使用HTML制作網(wǎng)頁(yè)內(nèi)容概述 01教學(xué)目標(biāo) 02知識(shí)點(diǎn)講解03實(shí)驗(yàn)04 本章通過(guò)具體案例，詳細(xì)地介紹了HTML語(yǔ)言中常用的標(biāo)記及其屬性，并解析如何使用HTML語(yǔ)言編制網(wǎng)頁(yè)。BACK NEXTPREV 掌握HTML頁(yè)面基本結(jié)構(gòu)和HTML標(biāo)記使用方法。掌握文本控制、圖像顯示的方法。掌握使用超級(jí)鏈接、創(chuàng)建表格的方法。掌握多媒體元素及表單對(duì)象的使用。二、教學(xué)目標(biāo)BACK NEXTPREV 3.1HTML基礎(chǔ)3.1.1 使用HTML標(biāo)記設(shè)計(jì)網(wǎng)頁(yè)利用HTML基本標(biāo)記，創(chuàng)建紅色背景、藍(lán)色文字的網(wǎng)頁(yè)。三、知識(shí)點(diǎn)講解BACK NE

11、XTPREV 教師演示操作過(guò)程3.1.2 知識(shí)解析一、超文本標(biāo)記語(yǔ)言HTML HTML（Hyper Text Mark-up Language）即超文本標(biāo)記語(yǔ)言，是WWW的描述語(yǔ)言。它是一個(gè)包含標(biāo)記的文本文件，包含了所有將顯示在網(wǎng)頁(yè)上的文字信息，其中也包括對(duì)瀏覽器的一些指示，如文字應(yīng)放置在何處，顯示模式是什么樣的等等。HTML文件通過(guò)標(biāo)記符(tag)來(lái)實(shí)現(xiàn)這一功能。三、知識(shí)點(diǎn)講解BACK NEXTPREV 二、HTML的標(biāo)記符號(hào)一般情況下，HTML標(biāo)記符號(hào)使用下列格式： 文件內(nèi)容標(biāo)記內(nèi)可以包含一些屬性，標(biāo)記屬性可由用戶(hù)設(shè)置，否則將采用默認(rèn)的設(shè)置值。屬性名稱(chēng)出現(xiàn)在標(biāo)記符號(hào)的后面，并且以空格進(jìn)行分

12、隔，如果標(biāo)記具有多個(gè)標(biāo)記屬性，那么不同的屬性名稱(chēng)之間將以空格隔開(kāi)。其語(yǔ)法是： 三、知識(shí)點(diǎn)講解BACK NEXTPREV 三、HTML文檔的基本結(jié)構(gòu) HTML文件通常是由3部分組成：起始標(biāo)記、文檔頭和文件主體，其中文件主體是HTML文件的主要部分與核心內(nèi)容，它包括文件所有的實(shí)際內(nèi)容與絕大多數(shù)的標(biāo)記符號(hào)。添加起始標(biāo)記設(shè)置文檔頭 網(wǎng)頁(yè)的主體結(jié)構(gòu) HTML中的注釋 三、知識(shí)點(diǎn)講解BACK NEXTPREV 四、HTML標(biāo)記語(yǔ)言的特點(diǎn) HTML標(biāo)記均用括起來(lái)，大多數(shù)的標(biāo)記成對(duì)使用，標(biāo)記的開(kāi)始符和結(jié)束符相同，結(jié)束符前多一個(gè)斜杠，其用法格式為：文本標(biāo)記符還擁有屬性，利用這些屬性可對(duì)修飾的部分進(jìn)行更加詳細(xì)地控

13、制，其用法格式為：文本各屬性項(xiàng)之間用空格分隔，屬性值可用單引號(hào)或雙引號(hào)引起來(lái)，也可以不用引號(hào)直接表達(dá)。HTML標(biāo)記可嵌套使用，從不同的角度對(duì)文本格式進(jìn)行控制。嵌套使用時(shí)注意不要發(fā)生交叉嵌套。標(biāo)記符不區(qū)分大小寫(xiě)，各標(biāo)記的書(shū)寫(xiě)表達(dá)沒(méi)有先后順序要求。有些標(biāo)記是單獨(dú)使用的，沒(méi)有對(duì)應(yīng)結(jié)束標(biāo)記。如換行標(biāo)記和水平線標(biāo)記等。三、知識(shí)點(diǎn)講解BACK NEXTPREV 3.2 創(chuàng)建基本網(wǎng)頁(yè) 3.2.1文本編輯本例將使用文本控制格式實(shí)現(xiàn)如圖所示頁(yè)面。 段落標(biāo)記（）與換行標(biāo)記（）標(biāo)題標(biāo)記（Hn） 設(shè)置文本格式 三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程3.2.2使用圖像本案例將實(shí)現(xiàn)在網(wǎng)頁(yè)中插入圖像，頁(yè)

14、面效果如圖所示。 在網(wǎng)頁(yè)中插入圖像 設(shè)置圖像屬性三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程3.2.3建立超鏈接 本案例將實(shí)現(xiàn)對(duì)左圖所示頁(yè)面中的文本“怪石”建立超鏈接，點(diǎn)擊超鏈接，將打開(kāi)右圖所示的頁(yè)面。 創(chuàng)建超鏈接 創(chuàng)建錨點(diǎn)鏈接 創(chuàng)建郵件鏈接 三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程 3.2.4 使用表格本案例利用表格實(shí)現(xiàn)下圖所示頁(yè)面中的圖像和文本的控制。 表格標(biāo)記 表格標(biāo)記的常用屬性 表格行的標(biāo)記及屬性 表格單元格標(biāo)記及屬性 三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程3.2.5 使用多媒體 本案例要求使用多媒體元素及相關(guān)素材，制作一多媒體網(wǎng)站首

15、頁(yè)，其頁(yè)面運(yùn)行效果如圖所示。常用多媒體組件 添加視頻 添加音樂(lè) 三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程3.3綜合案例 制作網(wǎng)上購(gòu)物網(wǎng)站首頁(yè) 本案例設(shè)計(jì)制作“手機(jī)電子商城”網(wǎng)上購(gòu)物網(wǎng)站首頁(yè) 。三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程45實(shí)驗(yàn)?zāi)康呐c要求 熟悉HTML標(biāo)記，掌握頁(yè)面布局的基本方法。實(shí)驗(yàn)內(nèi)容 設(shè)計(jì)制作一個(gè)企業(yè)網(wǎng)站首頁(yè)。實(shí)驗(yàn)三 使用HTML制作企業(yè)網(wǎng)站首頁(yè) BACK NEXTPREV 網(wǎng)站建設(shè)技術(shù)第4章 使用CSS布局網(wǎng)頁(yè) 內(nèi)容概述 01教學(xué)目標(biāo) 02實(shí)驗(yàn)04知識(shí)點(diǎn)講解03 本章通過(guò)具體案例，詳細(xì)地介紹了CSS語(yǔ)言的基礎(chǔ)知識(shí)。內(nèi)容主要包括添加樣式表的

16、方法、CSS選擇器的設(shè)置方法、盒子模型、文字、顏色和背景的設(shè)置方法以及多種頁(yè)面布局的設(shè)置方法等。 BACK NEXTPREV 掌握添加CSS樣式的方法；掌握設(shè)置CSS選擇器的方法；掌握盒子模型的設(shè)置方法；掌握盒子的浮動(dòng)和定位的設(shè)置方法；掌握文字、顏色和背景的設(shè)置方法；掌握頁(yè)面布局的方法。二、教學(xué)目標(biāo)BACK NEXTPREV 4.1使用CSS樣式設(shè)計(jì)頁(yè)面使用CSS樣式設(shè)計(jì)“網(wǎng)頁(yè)設(shè)計(jì)教學(xué)”頁(yè)面，頁(yè)面效果如圖所示。 三、知識(shí)點(diǎn)講解BACK NEXTPREV 4.2 知識(shí)解析4.2.1 CSS基礎(chǔ)一、Web標(biāo)準(zhǔn)二、XHTML三、DOCTYPE聲明四、CSS簡(jiǎn)介 三、知識(shí)點(diǎn)講解BACK NEXTPRE

17、V 五、添加CSS的方法嵌入樣式表內(nèi)嵌樣式表 鏈接外部CSS樣式表（外部樣式） 六、CSS選擇器 選擇器類(lèi)型CSS的繼承性 注釋 三、知識(shí)點(diǎn)講解BACK NEXTPREV 七、div和span 網(wǎng)頁(yè)元素可以分為行內(nèi)元素和塊級(jí)元素兩種添加起始標(biāo)記。示例如下圖所示。三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程4.2.2 盒子模型 盒子模型(Box Model)是CSS中一個(gè)很重要的概念。它是用來(lái)描述一個(gè)元素是如何組成的。三、知識(shí)點(diǎn)講解BACK NEXTPREV 浮動(dòng)屬性值4.2.3 盒子的浮動(dòng)與定位盒子的浮動(dòng)屬性floatfloat 屬性可以實(shí)現(xiàn)復(fù)雜頁(yè)面的CSS布局。none：元素在

18、水平方向會(huì)自動(dòng)伸展。left:元素會(huì)向其父元素的左側(cè)靠緊。right:元素就會(huì)向其父元素的右側(cè)靠緊。BACK NEXTPREV 盒子的定位屬性position position 屬性可以實(shí)現(xiàn)頁(yè)面元素的定位。它規(guī)定了四種定位方式，分別對(duì)應(yīng)于position屬性的值。1static:標(biāo)準(zhǔn)流布局2absolute:絕對(duì)定位3 relative:相對(duì)定位4fixed:固定定位BACK NEXTPREV 4.2.4 文字、顏色和背景一、文字 在CSS 中常見(jiàn)的字體(font) 屬性有以下幾種： font-family font-size font-weight font-style font-varia

19、nt 三、知識(shí)點(diǎn)講解BACK NEXTPREV 二、顏色color (顏色)屬性值的設(shè)置方式有三種： 十六進(jìn)制值 RGB 碼 顏色名稱(chēng) 三、背景在CSS 中常見(jiàn)的背景(background) 屬性有以下幾種： background-color background d-image background-repeat background-attachment background-position 三、知識(shí)點(diǎn)講解BACK NEXTPREV 凍結(jié)布局css布局相對(duì)布局凝結(jié)物布局絕對(duì)布局流動(dòng)布局BACK NEXTPREV 4.4 布局與排版60頁(yè)面需求在素材頁(yè)面中實(shí)現(xiàn)兩欄布局頁(yè)面布局鎖定設(shè)置頁(yè)面內(nèi)

20、容區(qū)顯在瀏覽器的中間。CSS布局安慶美食網(wǎng)頁(yè)面素材頁(yè)面BACK NEXTPREV 61頁(yè)面分析在素材頁(yè)面中采用流動(dòng)布局并結(jié)合盒子浮動(dòng)的設(shè)置來(lái)實(shí)現(xiàn)兩欄布局采用凍結(jié)布局把頁(yè)面布局鎖定采用凝結(jié)物布局來(lái)解決。這種設(shè)計(jì)鎖定了頁(yè)面中內(nèi)容區(qū)的寬度，但它把內(nèi)容區(qū)放到瀏覽器的中間CSS布局安慶美食網(wǎng)頁(yè)面完成效果BACK NEXTPREV 教師演示操作過(guò)程4.4綜合案例 制作網(wǎng)上購(gòu)物網(wǎng)站首頁(yè)使用Div+CSS，布局“手機(jī)電子商城”網(wǎng)上購(gòu)物網(wǎng)站首頁(yè)。三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程63實(shí)驗(yàn)?zāi)康呐c要求 掌握運(yùn)用CSS樣式表進(jìn)行頁(yè)面布局的技術(shù)。實(shí)驗(yàn)內(nèi)容 運(yùn)用CSS樣式表布局為企業(yè)網(wǎng)站設(shè)計(jì)一個(gè)首

21、頁(yè)。實(shí)驗(yàn)四 布局企業(yè)網(wǎng)站首頁(yè) BACK NEXTPREV 網(wǎng)站建設(shè)技術(shù)第5章 使用JavaScript設(shè)計(jì)網(wǎng)頁(yè)特效 內(nèi)容概述 01教學(xué)目標(biāo) 02實(shí)驗(yàn)04知識(shí)點(diǎn)講解03 本章通過(guò)具體案例，詳細(xì)地介紹了JavaScript腳本語(yǔ)言的基本語(yǔ)法，內(nèi)容主要包括JavaScript內(nèi)置對(duì)象、函數(shù)、瀏覽器對(duì)象的使用和事件處理的方法等。 BACK NEXTPREV 熟悉JavaScript的基本語(yǔ)法；使用JavaScript進(jìn)行網(wǎng)頁(yè)腳本編程。二、教學(xué)目標(biāo)BACK NEXTPREV 5.1 使用JavaScript進(jìn)行客戶(hù)端編程 使用JavaScript編寫(xiě)用戶(hù)注冊(cè)頁(yè)面Register.html的腳本，使頁(yè)面能

22、夠?qū)崿F(xiàn)用戶(hù)注冊(cè)信息檢驗(yàn)、顯示系統(tǒng)日期、隨機(jī)產(chǎn)生驗(yàn)證碼等功能。頁(yè)面效果如圖所示。三、知識(shí)點(diǎn)講解BACK NEXTPREV 5.1.1 在網(wǎng)頁(yè)中嵌入使用JavaScript 利用JavaScript在HTML 網(wǎng)頁(yè)中輸出“歡迎注冊(cè)成為淘寶網(wǎng)會(huì)員！”。頁(yè)面效果如圖所示。嵌入的方法為： 三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程5.1.2 利用JavaScript在網(wǎng)頁(yè)中顯示日期 使用JavaScript編程，要求在當(dāng)前網(wǎng)頁(yè)中以“年月日 星期”格式，顯示系統(tǒng)的當(dāng)前的日期和星期數(shù)，若為星期六或星期日，則星期數(shù)用紅色顯示。 JavaScript的常量、變量與表達(dá)式設(shè)置文本格式 結(jié)構(gòu)控制語(yǔ)句

23、 內(nèi)置對(duì)象Date和Array 三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程5.1.3 利用JavaScript進(jìn)行表單驗(yàn)證使用JavaScript編程，要求對(duì)表單中輸入的信息進(jìn)行校驗(yàn)。 函數(shù)的定義與調(diào)用 內(nèi)置對(duì)象String和Math JavaScript瀏覽器對(duì)象 JavaScript的事件處理 三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程5.2 網(wǎng)頁(yè)中常用的JavaScript效果改變頁(yè)面背景色或背景圖片設(shè)為首頁(yè)和加入收藏 彈出窗口與關(guān)閉窗口 文本框中顯示提示語(yǔ)，當(dāng)鼠標(biāo)單擊時(shí)文本消失 圖片輪流顯示 可關(guān)閉的隨頁(yè)面滾動(dòng)的廣告 三、知識(shí)點(diǎn)講解BACK NEXTPR

24、EV 教師演示操作過(guò)程73實(shí)驗(yàn)?zāi)康呐c要求 熟悉JavaScript的編程方法，掌握J(rèn)avaScript的語(yǔ)法和在網(wǎng)頁(yè)中的編程應(yīng)用。實(shí)驗(yàn)三 使用HTML制作企業(yè)網(wǎng)站首頁(yè) BACK NEXTPREV 74實(shí)驗(yàn)內(nèi)容 試用JavaScript編寫(xiě) “用戶(hù)注冊(cè)”頁(yè)面，要求能夠?qū)崿F(xiàn)用戶(hù)注冊(cè)信息檢驗(yàn)、顯示系統(tǒng)日期、隨機(jī)產(chǎn)生驗(yàn)證碼、狀態(tài)欄跑馬燈等功能。實(shí)驗(yàn)三 使用HTML制作企業(yè)網(wǎng)站首頁(yè) BACK NEXTPREV 網(wǎng)站建設(shè)技術(shù)第6章 使用VBScript腳本編程內(nèi)容概述 01教學(xué)目標(biāo) 02知識(shí)點(diǎn)講解03實(shí)驗(yàn)04 VBScript是ASP動(dòng)態(tài)網(wǎng)頁(yè)默認(rèn)的編程語(yǔ)言，配合ASP內(nèi)建對(duì)象和ADO對(duì)象，用戶(hù)很快就能掌握

25、訪問(wèn)數(shù)據(jù)庫(kù)的ASP動(dòng)態(tài)網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。VBScript是學(xué)習(xí)ASP程序運(yùn)行的基礎(chǔ)。 BACK NEXTPREV 掌握VBScript的基本語(yǔ)法；掌握VBScript在服務(wù)器端編程的方法。二、教學(xué)目標(biāo)BACK NEXTPREV 6.1 VBScript基礎(chǔ)6.1.1 在網(wǎng)頁(yè)中嵌入VBScript腳本 （一）在HTML網(wǎng)頁(yè)中使用VBScript 案例：在網(wǎng)頁(yè)中輸出文本“用戶(hù)【李明】,你好，歡迎使用！” 其語(yǔ)法格式為： vbscript代碼三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程6.1.1 在網(wǎng)頁(yè)中嵌入VBScript腳本 （二）在ASP網(wǎng)頁(yè)中使用VBScript 案例：在ASP頁(yè)面

26、中輸出當(dāng)前的日期 語(yǔ)法格式為：或在服務(wù)器端運(yùn)行的代碼三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程6.1.2 使用VBScript變量案例：利用變量設(shè)置用戶(hù)登錄歡迎語(yǔ)句。VBScript數(shù)據(jù)類(lèi)型 VBScript常量 VBScript變量 三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程6.1.3 使用VBScript輸入輸出數(shù)據(jù) 案例：使用InputBox（）與MsgBox（）函數(shù)，效果如圖所示。 輸入函數(shù)InputBox（） 輸出函數(shù)MsgBox（） 三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程 6.1.4 使用VBScript內(nèi)置函數(shù) 案例：使用dat

27、e()、time()、weekday()函數(shù)，效果如圖所示。VBScript提供了若干個(gè)用于獲取系統(tǒng)日期與時(shí)間的函數(shù)，如表所示。 三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程 6.1.5 VBScript流程控制 一、條件語(yǔ)句 （一）選擇分支語(yǔ)句案例：實(shí)現(xiàn)根據(jù)考試成績(jī)分?jǐn)?shù)確定等級(jí)級(jí)別，效果如圖所示。 其語(yǔ)法格式為：IfThen 語(yǔ)句1ElseifThen語(yǔ)句2Else語(yǔ)句nEnd If 三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程 6.1.5 VBScript流程控制 （二）多路選擇分支語(yǔ)句案例：實(shí)現(xiàn)登錄頁(yè)面的分時(shí)問(wèn)候，效果如圖所示。 當(dāng)If條件為T(mén)rue時(shí)，即當(dāng)符

28、合If條件時(shí)，執(zhí)行If至End之間的腳本。其語(yǔ)法格式為：IfThen語(yǔ)句1Else語(yǔ)句2End If 三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程 6.1.5 VBScript流程控制 （三）SelectCase語(yǔ)句其語(yǔ)法格式為：Select CaseCase語(yǔ)句1Case語(yǔ)句2Case Else語(yǔ)句nEnd Select 三、知識(shí)點(diǎn)講解BACK NEXTPREV 二、循環(huán)語(yǔ)句 循環(huán)語(yǔ)句結(jié)構(gòu)用于重復(fù)執(zhí)行一組指定的語(yǔ)句。在VBScript中常使用的循環(huán)語(yǔ)句有以下幾種：DoLoop 當(dāng)（或直到）條件為T(mén)rue時(shí)循環(huán)。WhileWend 當(dāng)條件為T(mén)rue時(shí)循環(huán)。ForNext 指定循環(huán)

29、次數(shù)，使用計(jì)算器重復(fù)運(yùn)行語(yǔ)句。三、知識(shí)點(diǎn)講解BACK NEXTPREV （一）DoLoop循環(huán)1當(dāng)型循環(huán)結(jié)構(gòu)案例：利用DoLoop語(yǔ)句實(shí)現(xiàn)從1到100的累加和。效果如圖所示。兩者區(qū)別：當(dāng)?shù)谝淮螆?zhí)行循環(huán)語(yǔ)句條件不成立時(shí)，“格式1”不執(zhí)行循環(huán)體，而“格式2”要執(zhí)行一次循環(huán)體。當(dāng)型循環(huán)語(yǔ)句，當(dāng)條件為真（True）時(shí)執(zhí)行循環(huán)體，條件為假（False）時(shí)終止循環(huán)。三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程（一）DoLoop循環(huán)2直到型循環(huán)結(jié)構(gòu)注：在直到型循環(huán)結(jié)構(gòu)中，條件為假時(shí)執(zhí)行循環(huán)體，條件為真時(shí)終止循環(huán)。三、知識(shí)點(diǎn)講解BACK NEXTPREV （二）WhileWend循環(huán) 2直到型循

30、環(huán)結(jié)構(gòu)用WhileWend語(yǔ)句判別雞兔同籠問(wèn)題，效果如圖所示。WhileWend語(yǔ)句結(jié)構(gòu)與DoLoop 語(yǔ)句結(jié)構(gòu)類(lèi)似，是為那些熟悉其語(yǔ)法的用戶(hù)提供的。在程序運(yùn)行過(guò)程中，每當(dāng)遇到While語(yǔ)句時(shí)，首先判斷條件是否成立，如果成立就執(zhí)行循環(huán)，不成立則退出循環(huán)。其語(yǔ)法格式為：While 語(yǔ)句Wend三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程（三）ForNext循環(huán) 2直到型循環(huán)結(jié)構(gòu)利用ForNext語(yǔ)句實(shí)現(xiàn)從1到100的偶數(shù)累加和 ，效果如圖所示。WhileWend語(yǔ)句結(jié)構(gòu)與DoLoop 語(yǔ)句結(jié)構(gòu)類(lèi)似，是為那些熟悉其語(yǔ)法的用戶(hù)提供的。在程序運(yùn)行過(guò)程中，每當(dāng)遇到While語(yǔ)句時(shí)，首先判斷

31、條件是否成立，如果成立就執(zhí)行循環(huán)，不成立則退出循環(huán)。其語(yǔ)法格式為：While 語(yǔ)句Wend三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程6.1.6 使用VBScript過(guò)程 一、Sub 過(guò)程 案例：利用Sub過(guò)程比較輸入兩個(gè)數(shù)中的較大者， 效果如圖所示。 Sub過(guò)程是包含在Sub和End Sub語(yǔ)句之間的一組VBScript語(yǔ)句，執(zhí)行所規(guī)定的操作但不返回值。Sub過(guò)程的定義格式為：定義過(guò)程：Sub ()語(yǔ)句End Sub調(diào)用過(guò)程： Call(實(shí)際參數(shù)) 三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程 6.1.6 使用VBScript過(guò)程 二、 Function過(guò)程 Fu

32、nction過(guò)程又稱(chēng)為函數(shù)過(guò)程，是包含在Function和End Function語(yǔ)句之間的一組VBScript語(yǔ)句。Function過(guò)程與Sub過(guò)程類(lèi)似，不同的是Function過(guò)程通常會(huì)返回一個(gè)值，而Sub過(guò)程不返回值。 三、知識(shí)點(diǎn)講解BACK NEXTPREV 6.2 VBScript對(duì)象與事件 一、 DOM事件 DOM（Document Object Model，文檔對(duì)象模型）技術(shù)是以對(duì)象的形式來(lái)表示HTML文檔的各種元素以及有關(guān)的瀏覽器信息，它使腳本代碼能夠訪問(wèn)和控制Web頁(yè)面中的各種內(nèi)容，并實(shí)現(xiàn)與用戶(hù)操作事件的交互。在面向?qū)ο蟪绦蛟O(shè)計(jì)的概念中，所謂事件（Event）是指能夠被對(duì)象識(shí)

33、別和響應(yīng)的動(dòng)作，多數(shù)情況下這些事件是由用戶(hù)的操作觸發(fā)的。三、知識(shí)點(diǎn)講解BACK NEXTPREV 二、 Window對(duì)象案例：使用Alert、Prompt方法， 效果如圖所示。 Window對(duì)象表示瀏覽器中一個(gè)打開(kāi)的窗口。通過(guò)引用該對(duì)象的屬性可以控制腳本中其他對(duì)象的屬性，進(jìn)而控制整個(gè)網(wǎng)頁(yè)的外觀以及對(duì)事件的響應(yīng)。使用Window對(duì)象可以獲得當(dāng)前窗口的狀態(tài)信息、文檔信息、瀏覽器的信息，還可以響應(yīng)發(fā)生在IE中的事件。通常，瀏覽器在打開(kāi)HTML文檔時(shí)，創(chuàng)建Window對(duì)象。 三、知識(shí)點(diǎn)講解BACK NEXTPREV Alert方法格式：alert(消息內(nèi)容)功能：用來(lái)產(chǎn)生一個(gè)彈出式的消息框，其圖標(biāo)為一

34、個(gè)警告標(biāo)識(shí)。Prompt方法格式：Prompt(提示信息)功能：用來(lái)產(chǎn)生提示框，提示框的默認(rèn)信息為”undefined”。 Open、Close方法Open用來(lái)打開(kāi)一個(gè)頁(yè)面，Close用來(lái)關(guān)閉一個(gè)頁(yè)面。Status屬性該屬性用于更改瀏覽器狀態(tài)欄的文字。OnLoad、OnUnload事件 OnLoad事件是在頁(yè)面完全傳遞到瀏覽器時(shí)發(fā)生的事件，OnUnload事件是當(dāng)離開(kāi)頁(yè)面時(shí)發(fā)生的事件。 三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程三、 Document對(duì)象案例：使用document.write方法，效果如圖所示。 Document對(duì)象表示在瀏覽器窗口中顯示的HTML文檔，通過(guò)Do

35、cument對(duì)象可以訪問(wèn)頁(yè)面的所有對(duì)象。此外，利用Document對(duì)象的屬性和方法還可以控制頁(yè)面的外觀和內(nèi)容。 三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程98實(shí)驗(yàn)?zāi)康呐c要求 熟悉VBScript的編程方法，掌握VBScript的語(yǔ)法和在網(wǎng)頁(yè)中的編程應(yīng)用。 實(shí)驗(yàn)六 使用VBScript編程 BACK NEXTPREV 99實(shí)驗(yàn)內(nèi)容 實(shí)現(xiàn)本章的【ASP腳本學(xué)習(xí)網(wǎng)站】，使用VBScript制作站點(diǎn)主頁(yè)index.html（如左圖所示）、歡迎頁(yè)面welcome.html、系統(tǒng)知識(shí)點(diǎn)導(dǎo)航頁(yè)面study.html（如右圖所示）。 BACK NEXTPREV 系統(tǒng)案例首頁(yè)圖 系統(tǒng)知識(shí)點(diǎn)導(dǎo)航主

36、頁(yè)實(shí)驗(yàn)六 使用VBScript編程 網(wǎng)站建設(shè)技術(shù)第7章 使用ASP內(nèi)置對(duì)象 內(nèi)容概述 01教學(xué)目標(biāo) 02知識(shí)點(diǎn)講解03實(shí)驗(yàn)04 ASP支持面向?qū)ο蟮某绦蛟O(shè)計(jì)方式，在其內(nèi)部提供了幾個(gè)常用的內(nèi)置對(duì)象供網(wǎng)站開(kāi)發(fā)者使用。BACK NEXTPREV 掌握使用Request對(duì)象獲取表單提交的數(shù)據(jù)；掌握使用Response對(duì)象從Web服務(wù)器端將數(shù)據(jù)輸出到客戶(hù)端瀏覽器；掌握使用Server對(duì)象實(shí)現(xiàn)對(duì)服務(wù)器端的控制和管理；掌握使用Session和Application對(duì)象存儲(chǔ)變量、記錄用戶(hù)會(huì)話狀態(tài)和網(wǎng)站全局信息；掌握global.asa文件的使用。二、教學(xué)目標(biāo)BACK NEXTPREV 7.1 ASP內(nèi)置對(duì)象概

37、述 三、知識(shí)點(diǎn)講解BACK NEXTPREV ASP支持面向?qū)ο蟮某绦蛟O(shè)計(jì)方式，并提供了多個(gè)特定的對(duì)象供網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)者調(diào)用。這些對(duì)象在使用時(shí)并不需要經(jīng)過(guò)任何聲明或建立的過(guò)程即可直接引用，因而稱(chēng)為ASP的內(nèi)置對(duì)象。 表 ASP的內(nèi)置對(duì)象及其功能說(shuō)明 7.2 使用Request對(duì)象獲取表單提交的數(shù)據(jù) 案例：編寫(xiě)一個(gè)如圖所示的用戶(hù)登錄頁(yè)面login.asp，要求將表單數(shù)據(jù)提交給頁(yè)面show.asp，在頁(yè)面show.asp中顯示用戶(hù)名和密碼信息。三、知識(shí)點(diǎn)講解BACK NEXTPREV Form集合 利用Request對(duì)象的Form集合可以獲得客戶(hù)端瀏覽器以POST方式遞交的表單中的各項(xiàng)數(shù)據(jù)，因而Fo

38、rm集合是Request對(duì)象最常用的數(shù)據(jù)集合，其語(yǔ)法格式為：Request.Form(element)(index)|.Count QueryString集合使用QueryString集合的語(yǔ)法格式為：Request.QueryString(variable)(index)|.CountServerVariables集合訪問(wèn)ServerVariables集合的語(yǔ)法格式為：Request.ServerVariables（”服務(wù)器環(huán)境變量”）Cookies集合從Cookies集合中獲取信息的語(yǔ)法格式為： CookieValue=Request.Cookies（cookie）(key).attrib

39、ute三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程7.3 使用Response對(duì)象向客戶(hù)端動(dòng)態(tài)輸出信息 案例：編寫(xiě)一個(gè)如圖所示的動(dòng)態(tài)輸出表格頁(yè)面response_table.asp，要求在如左圖所示頁(yè)面table.asp的表單中輸入的行和列的值，動(dòng)態(tài)輸出相應(yīng)行數(shù)和列數(shù)的表格。 三、知識(shí)點(diǎn)講解BACK NEXTPREV Form集合 利用Request對(duì)象的Form集合可以獲得客戶(hù)端瀏覽器以POST方式遞交的表單中的各項(xiàng)數(shù)據(jù)，因而Form集合是Request對(duì)象最常用的數(shù)據(jù)集合，其語(yǔ)法格式為：Request.Form(element)(index)|.Count QueryStri

40、ng集合使用QueryString集合的語(yǔ)法格式為：Request.QueryString(variable)(index)|.CountServerVariables集合訪問(wèn)ServerVariables集合的語(yǔ)法格式為：Request.ServerVariables（”服務(wù)器環(huán)境變量”）Cookies集合從Cookies集合中獲取信息的語(yǔ)法格式為： CookieValue=Request.Cookies（cookie）(key).attribute三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程7.4 使用Server對(duì)象 案例：編寫(xiě)一段代碼，其功能是利用Server對(duì)象創(chuàng)建數(shù)據(jù)

41、庫(kù)連接對(duì)象，并確定站點(diǎn)根目錄下的data目錄中名為users.mdb的數(shù)據(jù)庫(kù)文件的物理位置。 Server對(duì)象是專(zhuān)為處理服務(wù)器上的特定任務(wù)而設(shè)計(jì)的，特別是與服務(wù)器的環(huán)境和處理活動(dòng)有關(guān)的任務(wù)。Server對(duì)象只提供一個(gè)屬性，但卻提供了一系列的方法。 三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程7.5 使用Application 對(duì)象實(shí)現(xiàn)共享信息 一、Application對(duì)象集合 Application對(duì)象具有Contents和StaticObjects兩個(gè)集合。Application.StaticObjects集合包含了所有通過(guò)標(biāo)記添加到應(yīng)用程序的對(duì)象，而常用的Applicati

42、on.Contents集合則包含了用腳本命令創(chuàng)建的各種簡(jiǎn)單變量、數(shù)組變量或?qū)ο笞兞俊?二、Application對(duì)象方法 由于Application對(duì)象適用于網(wǎng)站的所有用戶(hù)，同時(shí)訪問(wèn)網(wǎng)站的用戶(hù)比較多，因此，在對(duì)Application對(duì)象存儲(chǔ)變量的值進(jìn)行修改時(shí)，必須先對(duì)該變量進(jìn)行加鎖，再修改變量的值，修改結(jié)束后，再對(duì)其進(jìn)行解鎖，以防止多用戶(hù)環(huán)境下的共享沖突。 Application對(duì)象提供了加鎖方法Lock和解鎖方法Unlock。三、 Application對(duì)象事件 Application對(duì)象有兩個(gè)事件，分別是Application_OnStart事件和Application_OnEnd事件。

43、三、知識(shí)點(diǎn)講解BACK NEXTPREV 7.6 使用Session對(duì)象存儲(chǔ)特定信息 一、Session對(duì)象集合 Session對(duì)象也具有Contents和StaticObjects兩個(gè)集合。 二、Session對(duì)象事件 Session對(duì)象有Session_OnStart和Session_OnEnd兩個(gè)事件，可分別用于在Session對(duì)象啟動(dòng)和釋放時(shí)執(zhí)行事先設(shè)定好的事件代碼。三、Session 對(duì)象屬性 1TimeOut屬性 2SessionID屬性三、知識(shí)點(diǎn)講解BACK NEXTPREV 7.7 使用Global.asa文件 Global.asa對(duì)于ASP應(yīng)用程序是一個(gè)可選文件，若選用，則該

44、文件必須位于站點(diǎn)的根目錄，該文件主要用于追蹤Session和Application對(duì)象的OnStart、OnEnd事件，并實(shí)現(xiàn)對(duì)事件的響應(yīng)。 三、知識(shí)點(diǎn)講解BACK NEXTPREV 113實(shí)驗(yàn)?zāi)康呐c要求 熟練掌握ASP內(nèi)置對(duì)象Response、Request、Session、Application對(duì)象的使用，實(shí)現(xiàn)用戶(hù)登錄頁(yè)面的授權(quán)訪問(wèn)功能。實(shí)驗(yàn)七 設(shè)計(jì)用戶(hù)登錄控制系統(tǒng) BACK NEXTPREV 114實(shí)驗(yàn)內(nèi)容 設(shè)計(jì)用戶(hù)登陸頁(yè)面login.htm；普通用戶(hù)頁(yè)面：guest.asp；后臺(tái)管理頁(yè)面：manager.asp；用于判斷用戶(hù)名和密碼的頁(yè)面程序：dispose.asp；當(dāng)用戶(hù)名和密碼錯(cuò)誤

45、時(shí)的提示頁(yè)面：alert.asp；首先用戶(hù)進(jìn)入login.htm，輸入用戶(hù)名和口令均為guest，則導(dǎo)航到guest.asp頁(yè)面；若用戶(hù)名為administrator，口令為haweofw，則導(dǎo)航到manager.asp頁(yè)面。若口令錯(cuò)誤，則進(jìn)入alert.asp顯示 “口令錯(cuò)誤！單擊此處返回”的提示信息，“單擊此處返回”為超鏈接，用戶(hù)單擊后，重新返回到登陸頁(yè)面。當(dāng)瀏覽客戶(hù)未經(jīng)過(guò)登錄頁(yè)面而直接訪問(wèn)manager.asp頁(yè)面時(shí)，頁(yè)面會(huì)自動(dòng)轉(zhuǎn)到login.htm，要求必須登錄。BACK NEXTPREV 實(shí)驗(yàn)七 設(shè)計(jì)用戶(hù)登錄控制系統(tǒng) 網(wǎng)站建設(shè)技術(shù)第8章 使用SQL操作數(shù)據(jù)庫(kù)內(nèi)容概述 01教學(xué)目標(biāo) 0

46、2知識(shí)點(diǎn)講解03實(shí)驗(yàn)04 本章主要講述如何使用SQL來(lái)操作數(shù)據(jù)庫(kù)。包括使用SQL的數(shù)據(jù)操縱語(yǔ)句實(shí)現(xiàn)數(shù)據(jù)的查詢(xún)、插入、更新或刪除，使用SQL的數(shù)據(jù)定義語(yǔ)句實(shí)現(xiàn)數(shù)據(jù)表、字段或索引的創(chuàng)建、修改或刪除等。BACK NEXTPREV 理解SQL語(yǔ)句在對(duì)數(shù)據(jù)庫(kù)的存取訪問(wèn)中的作用；使用SQL來(lái)操作數(shù)據(jù)庫(kù)。二、教學(xué)目標(biāo)BACK NEXTPREV 8.1 使用Select語(yǔ)句查詢(xún)數(shù)據(jù) 數(shù)據(jù)查詢(xún)是數(shù)據(jù)庫(kù)中最常用的操作，Select語(yǔ)句用于從指定的表中查詢(xún)出符合條件的記錄，這些記錄形成一個(gè)集合，簡(jiǎn)稱(chēng)為記錄集。該語(yǔ)句具有靈活的使用方法和強(qiáng)大的功能，其用法為：SELECT 字段列表 FROM 表名WHERE 條件表達(dá)式

47、GROUP BY字段列表Having 條件表達(dá)式ORDER BY字段名 ASC | DESC三、知識(shí)點(diǎn)講解BACK NEXTPREV 案例：1查詢(xún)表中全部列、若干列和經(jīng)過(guò)函數(shù)計(jì)算的列的記錄2查詢(xún)表中滿(mǎn)足條件的記錄 3對(duì)查詢(xún)結(jié)果排序4對(duì)查詢(xún)結(jié)果分組三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程8.2 使用Insert語(yǔ)句插入數(shù)據(jù) 插入操作通常有兩種形式，一種是向指定的表中插入單條記錄，另一種是插入子查詢(xún)的結(jié)果，即將一個(gè)表中符合條件的記錄插入到另一個(gè)表中，可以是一次插入多條記錄。其用法為：INSERTINTO 表名(字段名列表)VALUES(字段值列表)三、知識(shí)點(diǎn)講解BACK NEXT

48、PREV 教師演示操作過(guò)程8.3 使用Update語(yǔ)句修改數(shù)據(jù) UPDATE語(yǔ)句用于更新或修改指定記錄的數(shù)據(jù)，其用法為：UPDATE 表名SET 字段名1=值1，字段名2=值2，WHERE 條件表達(dá)式 其功能是對(duì)表中滿(mǎn)足WHERE子句條件的記錄，通過(guò)SET子句更新或修改指定字段的值。若省略WHERE子句，則對(duì)所有記錄進(jìn)行更新或修改。三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程8.4 使用Delete語(yǔ)句刪除數(shù)據(jù) DELETE語(yǔ)句用于刪除指定的記錄，其用法為：DELETE FROM 表名WHERE 條件表達(dá)式其功能是從指定表中刪除滿(mǎn)足WHERE子句條件的記錄。如果省略WHERE子句

49、，表示刪除表中全部記錄，但表的結(jié)構(gòu)定義仍存在于數(shù)據(jù)庫(kù)中。三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程124實(shí)驗(yàn)?zāi)康呐c要求 熟悉并掌握用Access建立數(shù)據(jù)庫(kù)、數(shù)據(jù)表并添加數(shù)據(jù)記錄的方法，并做SQL查詢(xún)操作。實(shí)驗(yàn)八 使用SQL語(yǔ)句操作數(shù)據(jù)庫(kù)BACK NEXTPREV 125實(shí)驗(yàn)內(nèi)容 使用Access2003創(chuàng)建一個(gè)數(shù)據(jù)庫(kù)，在數(shù)據(jù)庫(kù)中創(chuàng)建一個(gè)名為User的數(shù)據(jù)表（其字段和類(lèi)型見(jiàn)表所示），向該數(shù)據(jù)表添加若干數(shù)據(jù)記錄。BACK NEXTPREV 實(shí)驗(yàn)八 使用SQL語(yǔ)句操作數(shù)據(jù)庫(kù)網(wǎng)站建設(shè)技術(shù)第9章 使用ADO對(duì)象訪問(wèn)數(shù)據(jù)庫(kù)內(nèi)容概述 01教學(xué)目標(biāo) 02知識(shí)點(diǎn)講解03實(shí)驗(yàn)04 本章重點(diǎn)介紹AD

50、O對(duì)象的結(jié)構(gòu)和配置，以及各種數(shù)據(jù)訪問(wèn)對(duì)象及其在ASP編程中的應(yīng)用。BACK NEXTPREV 理解ADO對(duì)象的涵義；掌握使用ADO對(duì)象連接數(shù)據(jù)庫(kù)的兩種方式；掌握使用Connection對(duì)象連接數(shù)據(jù)庫(kù)的方法；掌握使用Recordset對(duì)象檢索數(shù)據(jù)的方法；掌握使用Command對(duì)象控制數(shù)據(jù)處理的方法；能夠綜合運(yùn)用ASP內(nèi)置對(duì)象、ADO對(duì)象編程。二、教學(xué)目標(biāo)BACK NEXTPREV 9.1 使用ADO對(duì)象設(shè)計(jì)訪客留言簿 使用ADO對(duì)象設(shè)計(jì)訪客留言簿系統(tǒng)，該系統(tǒng)能夠顯示留言，如圖9-5所示；也能夠填寫(xiě)留言，如圖所示。三、知識(shí)點(diǎn)講解BACK NEXTPREV 9.2知識(shí)解析9.2.1 ADO對(duì)象簡(jiǎn)介

51、ADO（ActiveX Data Object，ActiveX數(shù)據(jù)對(duì)象）是Microsoft提供的一種數(shù)據(jù)庫(kù)訪問(wèn)技術(shù)。 三、知識(shí)點(diǎn)講解BACK NEXTPREV 9.2.2數(shù)據(jù)庫(kù)的連接一、連接數(shù)據(jù)源的兩種方式（一）ODBC方式連接數(shù)據(jù)庫(kù)（二）OLE DB方式連接數(shù)據(jù)庫(kù)二、使用Connection對(duì)象連接數(shù)據(jù)庫(kù)（一）Connection對(duì)象的方法（二）Connection對(duì)象的屬性 三、知識(shí)點(diǎn)講解BACK NEXTPREV 9.2.3 使用Recordset對(duì)象檢索數(shù)據(jù)一、Recordset對(duì)象的方法二、Recordset對(duì)象的屬性 三、知識(shí)點(diǎn)講解BACK NEXTPREV 9.2.4使用Com

52、mand對(duì)象控制數(shù)據(jù)處理一、Command對(duì)象的方法二、Command對(duì)象的屬性三、知識(shí)點(diǎn)講解BACK NEXTPREV 9.3案例實(shí)現(xiàn)設(shè)計(jì)訪客留言簿一、需求分析二、系統(tǒng)設(shè)計(jì)三、數(shù)據(jù)庫(kù)設(shè)計(jì)四、頁(yè)面實(shí)現(xiàn)三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程136實(shí)驗(yàn)?zāi)康呐c要求 熟悉并掌握在ASP中利用ADO實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)的存取方法。 實(shí)驗(yàn)九 班級(jí)BBS論壇的設(shè)計(jì)與實(shí)現(xiàn) BACK NEXTPREV 137實(shí)驗(yàn)內(nèi)容 設(shè)計(jì)一個(gè)班級(jí)主頁(yè)的BBS論壇。BACK NEXTPREV 實(shí)驗(yàn)九 班級(jí)BBS論壇的設(shè)計(jì)與實(shí)現(xiàn) 網(wǎng)站建設(shè)技術(shù)第10章 企業(yè)網(wǎng)站后臺(tái)管理系統(tǒng)設(shè)計(jì)內(nèi)容概述 01教學(xué)目標(biāo) 02知識(shí)點(diǎn)講解03實(shí)

53、驗(yàn)04 本章將以一個(gè)企業(yè)網(wǎng)站后臺(tái)管理系統(tǒng)建設(shè)為案例，綜合運(yùn)用ASP技術(shù)，詳細(xì)地開(kāi)發(fā)一個(gè)完整的網(wǎng)站后臺(tái)系統(tǒng)。BACK NEXTPREV 掌握網(wǎng)站后臺(tái)管理系統(tǒng)的規(guī)劃與設(shè)計(jì)；掌握對(duì)用戶(hù)管理子系統(tǒng)和新聞發(fā)布子系統(tǒng)的規(guī)劃與設(shè)計(jì)方法；掌握根據(jù)數(shù)據(jù)存儲(chǔ)需求，設(shè)計(jì)數(shù)據(jù)表結(jié)構(gòu)的方法；掌握ASP對(duì)數(shù)據(jù)庫(kù)的連接訪問(wèn)方式，并重點(diǎn)掌握OLE DB連接方式；掌握常用的Access數(shù)據(jù)庫(kù)的OLE DB連接字符串的構(gòu)造方法；掌握用戶(hù)信息的添加、刪除、編輯以及用戶(hù)登錄驗(yàn)證頁(yè)面、用戶(hù)管理子系統(tǒng)主控制頁(yè)面的編寫(xiě)方法；掌握新聞信息的添加、刪除、編輯以及新聞發(fā)布子系統(tǒng)主控制頁(yè)面的編寫(xiě)方法；通過(guò)對(duì)本章的學(xué)習(xí)，掌握數(shù)據(jù)庫(kù)管理系統(tǒng)的規(guī)劃與設(shè)

54、計(jì)方法，達(dá)到能獨(dú)立規(guī)劃設(shè)計(jì)并獨(dú)立編寫(xiě)完成類(lèi)似數(shù)據(jù)庫(kù)應(yīng)用系統(tǒng)的開(kāi)發(fā)編程能力。二、教學(xué)目標(biāo)BACK NEXTPREV 10.1 網(wǎng)站功能規(guī)劃 三、知識(shí)點(diǎn)講解BACK NEXTPREV 10.2 用戶(hù)管理子系統(tǒng)10.2.1 系統(tǒng)需求分析 三、知識(shí)點(diǎn)講解BACK NEXTPREV 10.2.2 系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì) 三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程10.3 新聞發(fā)布系統(tǒng)10.3.1 系統(tǒng)需求分析三、知識(shí)點(diǎn)講解BACK NEXTPREV 10.3.2 系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì) 三、知識(shí)點(diǎn)講解BACK NEXTPREV 教師演示操作過(guò)程147BACK NEXTPREV 實(shí)驗(yàn)?zāi)康呐c要求1熟悉和掌握

55、ASP對(duì)數(shù)據(jù)庫(kù)的存取訪問(wèn)方法，掌握利用ASP編寫(xiě)Web應(yīng)用程序的方法。2掌握新聞發(fā)布系統(tǒng)的規(guī)劃、設(shè)計(jì)與編程實(shí)現(xiàn)方法。3掌握ASP程序的運(yùn)行調(diào)試方法。實(shí)驗(yàn)十 新聞發(fā)布系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)148實(shí)驗(yàn)內(nèi)容 以一個(gè)企業(yè)網(wǎng)站后臺(tái)為參考，編寫(xiě)新聞發(fā)布系統(tǒng)。運(yùn)行調(diào)試方法。BACK NEXTPREV 實(shí)驗(yàn)十 新聞發(fā)布系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)網(wǎng)站建設(shè)技術(shù)第11章 企業(yè)網(wǎng)站前臺(tái)頁(yè)面設(shè)計(jì)內(nèi)容概述 01教學(xué)目標(biāo) 02知識(shí)點(diǎn)講解03實(shí)驗(yàn)04 本章將介紹網(wǎng)站前臺(tái)頁(yè)面的設(shè)計(jì)與功能實(shí)現(xiàn)，主要包括網(wǎng)站欄目結(jié)構(gòu)設(shè)計(jì)，網(wǎng)站首頁(yè)布局設(shè)計(jì)，首頁(yè)新聞、圖片等動(dòng)態(tài)內(nèi)容的設(shè)計(jì)，以及其他頁(yè)面的設(shè)計(jì)與制作。BACK NEXTPREV 掌握網(wǎng)站欄目結(jié)構(gòu)設(shè)計(jì)的方法；掌握網(wǎng)站首頁(yè)的布局與設(shè)計(jì)；掌握首頁(yè)新聞動(dòng)態(tài)、圖片新聞、通知公告、成功案例和網(wǎng)站訪問(wèn)計(jì)數(shù)器等模塊的編程實(shí)現(xiàn)方法；掌握新聞內(nèi)容顯示頁(yè)面的編程實(shí)現(xiàn)方法；掌握?qǐng)D片內(nèi)容顯示的編程實(shí)現(xiàn)方法；通過(guò)對(duì)本章的學(xué)習(xí)，掌握網(wǎng)站前臺(tái)頁(yè)面和后臺(tái)數(shù)據(jù)庫(kù)銜接的方法，達(dá)到能獨(dú)立設(shè)計(jì)制作復(fù)雜頁(yè)面的能力。二、教學(xué)目標(biāo)BACK NE