中職Web數(shù)據(jù)庫(kù)與動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)第1單元教學(xué)課件

1、(中職）Web數(shù)據(jù)庫(kù)與動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)第1單元ppt課件Web數(shù)據(jù)庫(kù)及動(dòng)態(tài)網(wǎng)絡(luò)設(shè)計(jì)單元一 為創(chuàng)建動(dòng)態(tài)網(wǎng)站作前期準(zhǔn)備 引言 本單元是在網(wǎng)站規(guī)劃初步完成后為創(chuàng)建動(dòng)態(tài)網(wǎng)站作技術(shù)性的前期準(zhǔn)備。 網(wǎng)站規(guī)劃一般包含以下內(nèi)容： 建設(shè)網(wǎng)站前的市場(chǎng)分析 建設(shè)網(wǎng)站的目的及功能定位 網(wǎng)站技術(shù)解決方案 網(wǎng)站內(nèi)容規(guī)劃 網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)站維護(hù) 網(wǎng)站測(cè)試 網(wǎng)站發(fā)布與推廣單元一 為創(chuàng)建動(dòng)態(tài)網(wǎng)站作前期準(zhǔn)備能力目標(biāo) 下載操作系統(tǒng)補(bǔ)丁 進(jìn)行市場(chǎng)分析 進(jìn)行網(wǎng)站目的及功能定位 設(shè)置Web服務(wù)器 進(jìn)行網(wǎng)站內(nèi)容規(guī)劃 設(shè)置虛擬目錄 使用VBScript進(jìn)行動(dòng)態(tài) 網(wǎng)頁(yè)的簡(jiǎn)單設(shè)計(jì)單元一 為創(chuàng)建動(dòng)態(tài)網(wǎng)站作前期準(zhǔn)備 任務(wù)一 寫一份動(dòng)態(tài)網(wǎng)站規(guī)劃說明書任務(wù)二

2、設(shè)置Web服務(wù)器和虛擬目錄任務(wù)三 使用VBScript進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目實(shí)訓(xùn) 設(shè)置網(wǎng)上書店環(huán)境單元一 為創(chuàng)建動(dòng)態(tài)網(wǎng)站作前期準(zhǔn)備任務(wù)一 寫一份動(dòng)態(tài)網(wǎng)站規(guī)劃說明書 網(wǎng)站前期策劃作為網(wǎng)絡(luò)營(yíng)銷和視覺效果的起點(diǎn)，規(guī)劃的嚴(yán)謹(jǐn)性和創(chuàng)意性及實(shí)用性將直接影響到企業(yè)對(duì)網(wǎng)站目標(biāo)的實(shí)現(xiàn)。所以，一份好的規(guī)劃書是網(wǎng)站建設(shè)的一個(gè)起點(diǎn)，一個(gè)好的開端就是成功的一半。返 回關(guān) 閉 任務(wù)描述 動(dòng)態(tài)網(wǎng)站的體系結(jié)構(gòu)在規(guī)劃時(shí)可以考慮采用www服務(wù)器的三層體系結(jié)構(gòu)，如下圖所示。任務(wù)一 寫一份動(dòng)態(tài)網(wǎng)站規(guī)劃說明書返 回關(guān) 閉 首先要進(jìn)行客戶需求分析，每一個(gè)客戶都是獨(dú)一無二的，客戶的需求至關(guān)重要，企業(yè)與客戶一起，分析并記錄客戶的初步需求，并在

3、溝通中逐步明確，從而為以后方案地制定奠定基礎(chǔ)。確立網(wǎng)站建設(shè)目標(biāo)通過客戶需求分析，企業(yè)將結(jié)合自身的網(wǎng)站建設(shè)經(jīng)驗(yàn)，初步確立網(wǎng)站項(xiàng)目的建設(shè)目標(biāo)，網(wǎng)站建設(shè)實(shí)施方案將圍繞這一目標(biāo)展開。 制定網(wǎng)站實(shí)施計(jì)劃，企業(yè)將根據(jù)前期客戶需求及建設(shè)目標(biāo)，對(duì)項(xiàng)目的進(jìn)度、人員安排、費(fèi)用預(yù)算做出初步的提議，在隨后的交流中進(jìn)一步完善整個(gè)項(xiàng)目計(jì)劃，最終形成網(wǎng)站總體建設(shè)策劃書，并作為合同的附件納入合同中，成為執(zhí)行和檢驗(yàn)項(xiàng)目質(zhì)量、進(jìn)度的重要標(biāo)準(zhǔn)。 任務(wù)分析 任務(wù)一 寫一份動(dòng)態(tài)網(wǎng)站規(guī)劃說明書返 回關(guān) 閉任務(wù)一 寫一份動(dòng)態(tài)網(wǎng)站規(guī)劃說明書 方法與步驟 進(jìn)行客戶需求分析 網(wǎng)站目的及功能定位 制定網(wǎng)站技術(shù)解決方案 確定網(wǎng)站的風(fēng)格 確定網(wǎng)站的創(chuàng)

4、意 確定網(wǎng)站Logo 返 回關(guān) 閉任務(wù)一 寫一份動(dòng)態(tài)網(wǎng)站規(guī)劃說明書 方法與步驟 確定視覺流程 網(wǎng)頁(yè)框架與布局 規(guī)劃網(wǎng)站導(dǎo)航 確定網(wǎng)站配色 費(fèi)用預(yù)算 網(wǎng)站測(cè)試 返 回關(guān) 閉任務(wù)一 寫一份動(dòng)態(tài)網(wǎng)站規(guī)劃說明書 相關(guān)知識(shí)與技能 網(wǎng)站策劃說明書一般包含如下內(nèi)容： 建設(shè)網(wǎng)站前的市場(chǎng)分析 建設(shè)網(wǎng)站的目的及功能定位 網(wǎng)站技術(shù)解決方案 網(wǎng)站內(nèi)容及實(shí)現(xiàn)方式 網(wǎng)頁(yè)設(shè)計(jì) 返 回關(guān) 閉任務(wù)一 寫一份動(dòng)態(tài)網(wǎng)站規(guī)劃說明書 相關(guān)知識(shí)與技能 網(wǎng)站維護(hù) 網(wǎng)站測(cè)試 網(wǎng)站發(fā)布與推廣 費(fèi)用預(yù)算 返 回關(guān) 閉任務(wù)一 寫一份動(dòng)態(tài)網(wǎng)站規(guī)劃說明書 拓展與提高 網(wǎng)頁(yè)顏色的使用風(fēng)格 網(wǎng)頁(yè)顏色的原理和象征意義 返 回關(guān) 閉任務(wù)一 寫一份動(dòng)態(tài)網(wǎng)站規(guī)劃

5、說明書 思考與練習(xí) 畫一張個(gè)人網(wǎng)站主頁(yè)版面布局圖，并選擇主色調(diào)的顏色 寫一份個(gè)人動(dòng)態(tài)網(wǎng)站的設(shè)計(jì)規(guī)劃說明書 繪制網(wǎng)站框架結(jié)構(gòu)圖 返 回關(guān) 閉任務(wù)二 設(shè)置Web服務(wù)器和虛擬目錄 返 回關(guān) 閉 任務(wù)描述 要建立動(dòng)態(tài)網(wǎng)站，首先要建立運(yùn)行環(huán)境，只有在此基礎(chǔ)上，才能開展動(dòng)態(tài)網(wǎng)站的建設(shè)工作。運(yùn)行動(dòng)態(tài)網(wǎng)頁(yè)時(shí)，需要有支持該動(dòng)態(tài)網(wǎng)頁(yè)的服務(wù)器環(huán)境，否則，就無法正確顯示動(dòng)態(tài)內(nèi)容。 建立服務(wù)器環(huán)境并不需要真正架設(shè)一個(gè)完整的服務(wù)器，而只是需要一個(gè)能夠運(yùn)行和測(cè)試動(dòng)態(tài)網(wǎng)頁(yè)的環(huán)境，因此，只要在自己的計(jì)算機(jī)中模擬出服務(wù)器環(huán)境即可，這樣也就需搭建個(gè)人Web服務(wù)器（Persona Web Service）并選擇一種服務(wù)器端的技術(shù)。A

6、SP是常見的服務(wù)器端技術(shù)，它由微軟公司開發(fā)，所以這里操作系統(tǒng)選擇Windows是毋庸置疑的。任務(wù)二 設(shè)置Web服務(wù)器和虛擬目錄 返 回關(guān) 閉 任務(wù)分析 搭建個(gè)人Web服務(wù)器需進(jìn)行IIS的安裝和配置，Windows 2000 Server和Windows 2000 Advance Server操作系統(tǒng)IIS都是默認(rèn)安裝的，如果在安裝時(shí)沒有選擇，也可按照下面的方法與步驟操作。Windows 2000 Professional、Windows XP Professional和Windows 2003的用戶均要手工安裝IIS，在安裝IIS后要進(jìn)行配置方可使用。任務(wù)二 設(shè)置Web服務(wù)器和虛擬目錄 返 回

7、關(guān) 閉 方法與步驟 IIS的安裝 “添加或刪除程序”窗口 “Windows組件向?qū)А睂?duì)話框 “Internet信息服務(wù)（IIS）”對(duì)話框 IIS的配置 “Internet信息服務(wù)”窗口 展開默認(rèn)網(wǎng)站 “默認(rèn)網(wǎng)站屬性”對(duì)話框“主目錄”選項(xiàng)卡 “默認(rèn)網(wǎng)站屬性”對(duì)話框“文檔”選項(xiàng)卡 設(shè)置虛擬目錄 新建虛擬目錄菜單 虛擬目錄別名輸入對(duì)話框 虛擬目錄允許權(quán)限設(shè)置對(duì)話框 虛擬目錄路徑選擇對(duì)話框 ASP調(diào)試 先用Windows下的記事本輸入一行字符： 保存文件名，如圖所示。 返 回關(guān) 閉 打開IE瀏覽器，在地址欄里輸入：localhost/ch0/a1.asp，按【Enter】鍵后就可以看到效果，如圖所示。

8、 返 回關(guān) 閉任務(wù)二 設(shè)置Web服務(wù)器和虛擬目錄 返 回關(guān) 閉 相關(guān)知識(shí)與技能 什么是ASP ASP的特點(diǎn) 啟動(dòng)與停止IIS服務(wù)任務(wù)二 設(shè)置Web服務(wù)器和虛擬目錄 返 回關(guān) 閉 拓展與提高 什么是PHP 任務(wù)二 設(shè)置Web服務(wù)器和虛擬目錄 返 回關(guān) 閉 思考與練習(xí) 靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)的區(qū)別是什么 ASP的代碼是以什么標(biāo)記括起來的 如何啟動(dòng)與停止IIS服務(wù) 在D盤新建一個(gè)myweb文件夾，并設(shè)置一個(gè)別名為asp 的虛擬目錄指向該目錄 任務(wù)三 使用VBScript進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì) 返 回關(guān) 閉 任務(wù)描述 隨著Web應(yīng)用的發(fā)展，用戶希望能夠看到根據(jù)要求而動(dòng)態(tài)生成的網(wǎng)頁(yè)，例如響應(yīng)用戶的查詢、網(wǎng)絡(luò)論壇、

9、博客網(wǎng)站、網(wǎng)上商店、網(wǎng)上聊天室等，而這些動(dòng)態(tài)網(wǎng)頁(yè)的生成離不開腳本語(yǔ)言，其基礎(chǔ)就是程序語(yǔ)言的基本語(yǔ)法，所以掌握基本語(yǔ)法是制作動(dòng)態(tài)網(wǎng)頁(yè)的基礎(chǔ)。 由于ASP文件就是在普通的HTML文件中嵌入VBScript或JavaScript腳本語(yǔ)言，當(dāng)客戶請(qǐng)求一個(gè)ASP文件時(shí)，服務(wù)器就把該文件解釋成標(biāo)準(zhǔn)的HTML文件發(fā)過去，所以說ASP是位于服務(wù)器端的腳本運(yùn)行環(huán)境。任務(wù)三 使用VBScript進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì) 返 回關(guān) 閉 任務(wù)分析 ASP的默認(rèn)腳本語(yǔ)言是VBScript。VBScript是VB的一個(gè)子集，其基本語(yǔ)法和語(yǔ)言特點(diǎn)與VB相同，雖然不如VB功能強(qiáng)大，但小巧靈活、程序可讀性好，便于在Internet上使

10、用。VBScript可以作為服務(wù)器端的腳本語(yǔ)言，也可以作為客戶端的腳本語(yǔ)言。VBScript編程的基本要素包括：基本語(yǔ)法、程序控制結(jié)構(gòu)等。要使用VBScript進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)就要了解和掌握VBScript的基本語(yǔ)法、程序控制結(jié)構(gòu)。在已經(jīng)了解靜態(tài)網(wǎng)頁(yè)的制作基礎(chǔ)上，下面通過完成制作一些簡(jiǎn)單動(dòng)態(tài)網(wǎng)頁(yè)的任務(wù)，來掌握制作動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)的完整過程。返 回關(guān) 閉 方法與步驟 制作能顯示當(dāng)前日期和時(shí)間的網(wǎng)頁(yè) 任務(wù)三 使用VBScript進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì) 打開“記事本”，編寫程序，代碼見教材。 選擇“文件”“保存”命令，彈出如下圖所示的“另存為”對(duì)話框，輸入文件名ch0-1.asp。 打開瀏覽器，在地址欄中輸入

11、：http:/localhost/ch0/ch0-1.asp，按【Enter】鍵后，程序運(yùn)行結(jié)果如圖所示。 刷新當(dāng)前網(wǎng)頁(yè)，注意時(shí)間的變化。 返 回關(guān) 閉返 回關(guān) 閉 方法與步驟 制作能根據(jù)不同的時(shí)間段輸出不同問候的網(wǎng)頁(yè) 任務(wù)三 使用VBScript進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì) 打開“記事本”，編寫程序，代碼見教材。 選擇“文件”“保存”命令，在彈出的“另存為”對(duì)話框，輸入文件名ch0-2.asp。 打開瀏覽器，在地址欄中輸入：http:/localhost/ch0/ch0-2.asp，按【Enter】鍵后，程序運(yùn)行結(jié)果如圖所示。 改變系統(tǒng)時(shí)間后，再刷新當(dāng)前網(wǎng)頁(yè)，注意輸出結(jié)果的變化。 將上例中的If語(yǔ)句改為

12、Select語(yǔ)句也可以實(shí)現(xiàn)根據(jù)不同的時(shí)間段輸出不同問候，具體代碼見教材。返 回關(guān) 閉 方法與步驟 制作循環(huán)顯示字體不同大小的“歡迎您光臨VBScript世界！”網(wǎng)頁(yè) 任務(wù)三 使用VBScript進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì) 打開“記事本”，編寫程序，代碼見教材。 選擇“文件”“保存”命令，在彈出的“另存為”對(duì)話框，輸入文件名ch0-3.asp。 打開瀏覽器，在地址欄中輸入：http:/localhost/ch0/ch0-3.asp，按【Enter】鍵后，程序運(yùn)行結(jié)果如圖所示。 在瀏覽器中選擇“查看”“源文件”命令，比較一下HTML源代碼與上面的ch0-3.asp文件內(nèi)容的不同之處。 返 回關(guān) 閉返 回關(guān)

13、閉 相關(guān)知識(shí)與技能 HTML標(biāo)記語(yǔ)言 VBScript概述 VBScript的分支語(yǔ)句 任務(wù)三 使用VBScript進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì) VBScript的循環(huán)語(yǔ)句 VBScript的變量 返 回關(guān) 閉 拓展與提高 什么是DHTML任務(wù)三 使用VBScript進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì) 返 回關(guān) 閉 思考與練習(xí) 任務(wù)三 使用VBScript進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì) 運(yùn)行并調(diào)試程序 項(xiàng)目實(shí)訓(xùn) 設(shè)置網(wǎng)上書店環(huán)境 返 回關(guān) 閉 項(xiàng)目描述 網(wǎng)上書店是目前主要的電子商務(wù)之一，其適應(yīng)現(xiàn)代人快節(jié)奏的生活，使消費(fèi)者省去了到傳統(tǒng)書店挑選的麻煩，網(wǎng)上購(gòu)書因其方便、快捷、價(jià)格實(shí)惠，已被廣大學(xué)生接受，并日漸成為一種消費(fèi)習(xí)慣。項(xiàng)目實(shí)訓(xùn) 設(shè)置

14、網(wǎng)上書店環(huán)境 返 回關(guān) 閉 項(xiàng)目要求 能根據(jù)市場(chǎng)目前的情況進(jìn)行分析；能對(duì)網(wǎng)站目的及功能進(jìn)行定位；能進(jìn)行網(wǎng)站內(nèi)容規(guī)劃。在本機(jī)上創(chuàng)建網(wǎng)上書店的網(wǎng)站文件夾、設(shè)置Web服務(wù)器和虛擬目錄、設(shè)置本地站點(diǎn)和遠(yuǎn)端文件夾。 項(xiàng)目實(shí)訓(xùn) 設(shè)置網(wǎng)上書店環(huán)境 返 回關(guān) 閉 項(xiàng)目提示 用戶注冊(cè)、登錄與注銷 一個(gè)完整的網(wǎng)上書店主要由以下幾個(gè)部分組成： 圖書管理（添加、刪除、修改） 會(huì)員管理（添加、刪除、修改） 為會(huì)員提供圖書查詢 購(gòu)物車設(shè)計(jì) 項(xiàng)目實(shí)訓(xùn) 設(shè)置網(wǎng)上書店環(huán)境 返 回關(guān) 閉 會(huì)員留言板 會(huì)員聊天室 網(wǎng)站評(píng)價(jià) 項(xiàng)目提示 項(xiàng)目實(shí)訓(xùn) 設(shè)置網(wǎng)上書店環(huán)境 返 回關(guān) 閉 項(xiàng)目提示 先在D盤下建立一個(gè)文件夾（xmsx），再根據(jù)不同的功能模塊在xmsx下建立相應(yīng)的文件夾，例如，圖片文件夾（images）、樣式表文件夾（css）、數(shù)據(jù)庫(kù)文件夾（database）、投訴評(píng)價(jià)文件夾（tspj）、論壇文件夾（it）、聊天室文件夾（chat）、購(gòu)書文件夾（wesd）等。然后，設(shè)置Web服務(wù)器和虛擬目錄、設(shè)置本地站點(diǎn)和遠(yuǎn)端文件夾。項(xiàng)目實(shí)訓(xùn) 設(shè)置網(wǎng)上書店環(huán)境 返 回關(guān) 閉 項(xiàng)目評(píng)價(jià) 返 回關(guān) 閉內(nèi) 容評(píng) 價(jià) 等 級(jí)能 力 目 標(biāo)評(píng) 價(jià) 項(xiàng) 目321職業(yè)能力能進(jìn)行市場(chǎng)分析 了解電子商務(wù)市場(chǎng)了解動(dòng)態(tài)網(wǎng)頁(yè)的新技術(shù)、新功能能進(jìn)行網(wǎng)站目的及功能定位了