ASP動態(tài)網(wǎng)設(shè)計教案_第1頁
ASP動態(tài)網(wǎng)設(shè)計教案_第2頁
ASP動態(tài)網(wǎng)設(shè)計教案_第3頁
ASP動態(tài)網(wǎng)設(shè)計教案_第4頁
ASP動態(tài)網(wǎng)設(shè)計教案_第5頁
已閱讀5頁，還剩113頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

教案課題第1章ASP概述1.1—1.2教學(xué)目標(biāo)理解靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁的概念。了解ASP的特點和工作過程。了解ASP網(wǎng)頁的組成要素。教學(xué)重占八、、ASP的特點和工作過程教學(xué)難點八、、ASP的特點和工作過程教學(xué)時間4課時教具準(zhǔn)備計算機周次第一周教學(xué)組織與實施教師活動學(xué)生活動一、導(dǎo)入：瀏覽者可以在網(wǎng)頁上閱讀信息，但無法進(jìn)一步地發(fā)表意見、查詢信息或進(jìn)行在線交易等活動，這樣的網(wǎng)頁被稱為靜態(tài)網(wǎng)頁。網(wǎng)頁不僅內(nèi)容豐富多彩，而且可以與用戶的操作進(jìn)行互動而發(fā)生動態(tài)變化，此種網(wǎng)頁被稱為動態(tài)網(wǎng)頁。二、上課內(nèi)容一、 靜態(tài)HTML網(wǎng)頁與動態(tài)網(wǎng)頁1、靜態(tài)HTML網(wǎng)頁靜態(tài)網(wǎng)頁通常是用單純的超文本標(biāo)記語言（HTML）進(jìn)行編寫，并以.htm或者.html為文件擴展名進(jìn)行保存的HTML文檔。靜態(tài)網(wǎng)頁中可以包含文字、圖片，以及指向其他網(wǎng)頁或文檔的超鏈接等?！景咐?-1】簡單靜態(tài)HTML網(wǎng)頁示例。啟動Windows操作系統(tǒng)附帶的“記事本”程序，在打開的窗口中輸入如下代碼。<html><head><title>學(xué)生聽課做筆記1簡單靜態(tài)網(wǎng)頁示例</title></head><body><palign="center"><fontcolor="blue">HelloWorld!</font></p><palign="center"><fontface="黑體">世界你好！</font></p></body></html>此種單純使用HTML編寫的網(wǎng)頁在下載到瀏覽器后，所顯示的內(nèi)容及其格式是不會改變的，因而是靜態(tài)的。若在瀏覽器窗口的“查看”菜單下選擇“源文件”命令，則可在打開的“記事本”窗口中看到與上面所輸入的HTML代碼完全一樣的內(nèi)容。2、客戶端動態(tài)網(wǎng)頁大多數(shù)網(wǎng)頁還廣泛采用DHTML(DynamicHTML)技術(shù)而使網(wǎng)頁內(nèi)容活動起來。DHTML是一種在網(wǎng)頁文檔下載到瀏覽器后仍然能夠控制網(wǎng)頁中的HTML元素，使其變換表現(xiàn)效果的技術(shù)?！景咐?-21客戶端動態(tài)網(wǎng)頁示例。啟動Windows操作系統(tǒng)的“記事本”程序，在打開的窗口中輸入如下代碼。<html><head>〈scriptlanguage="JavaScript”>functiongetname(str){alert(〃您好！"+str+"!");}</script></head><body>請輸入您的姓名：<form><input type="text" name="name"onBlur="getname(this.value)"value=""></form></body></html>3、服務(wù)器端動態(tài)網(wǎng)頁所謂“服務(wù)器端動態(tài)網(wǎng)頁”是指在Web服務(wù)器端執(zhí)行程序代碼，并實現(xiàn)與客戶端瀏覽器進(jìn)行實時交互和動態(tài)數(shù)據(jù)傳遞的網(wǎng)頁，服務(wù)器端可以實時處理客戶端瀏覽器的請求，然后再將處理的結(jié)果作為對請求的響應(yīng)傳送給客戶端瀏覽器。目前大量采用ASP、JSP、PHP等動態(tài)交互網(wǎng)頁技術(shù)，這些技術(shù)不僅具有良好的可編程性，而且不需編譯即可直接運行，極大地提高了Web服務(wù)器的性能和網(wǎng)絡(luò)應(yīng)用程序的運行效率，所以是目前網(wǎng)站建設(shè)的主流技術(shù)。二、ASP簡介1、ASP的特點ASP是一套Web服務(wù)器端腳本程序開發(fā)工具和運行環(huán)境，可用來創(chuàng)建和運行各種動態(tài)、交互的Web服務(wù)應(yīng)用程序。ASP具有的主要特點如下。使用VBScript或者JavaScript等簡單易懂的腳本語言，結(jié)合HTML代碼，即可快速方便地創(chuàng)建大多數(shù)Web應(yīng)用程序。使用簡單的文本編輯器（如Windows操作系統(tǒng)的“記事本”程序）即可創(chuàng)建和編輯ASP程序，并且ASP程序無需編譯，即可在服務(wù)器端直接執(zhí)行。ASP可使用服務(wù)器端的腳本程序來自動生成客戶端的頁面代碼。ASP提供了一些內(nèi)置的對象，可用來從客戶端的瀏覽器接收信息或?qū)⒎?wù)器處理后的響應(yīng)信息發(fā)送給客戶端的瀏覽器。ASP提供了一些標(biāo)準(zhǔn)的ActiveX組件，同時允許用戶添加或創(chuàng)建屬于自己的ActiveX組件。這些組件允許依據(jù)客戶端瀏覽器的能力進(jìn)行不同的顯示，實現(xiàn)廣告的輪換播放，并可在瀏覽器端包含計數(shù)器等。ASP提供了與后臺數(shù)據(jù)庫連接和訪問的功能，允許訪問者通過客戶端瀏覽器對站點的數(shù)據(jù)庫進(jìn)行存取訪問，并且可以使得動態(tài)網(wǎng)頁的內(nèi)容隨著相關(guān)數(shù)據(jù)庫內(nèi)容的變更而自動更新。ASP程序的源代碼不會被傳送到客戶端的瀏覽器，因而可以避免站點設(shè)計者所編寫的源程序被他人剽竊，同時也提高了網(wǎng)絡(luò)應(yīng)用程序的安全性。2、ASP的工作過程ASP網(wǎng)頁是一種包含服務(wù)器端腳本代碼的網(wǎng)頁文檔，在發(fā)送到客戶端瀏覽器之前，站點的Web服務(wù)器將對其中包含的腳本代碼進(jìn)行處理。HTML是最簡單和最基本的網(wǎng)頁編寫語言，使用純粹的HTML標(biāo)記只能創(chuàng)建靜態(tài)網(wǎng)頁。

當(dāng)一個客戶通過瀏覽器向站點的Web服務(wù)器請求靜態(tài)HTML網(wǎng)頁時，Web服務(wù)器將向客戶端瀏覽器直接發(fā)送所請求的HTML文檔而無需經(jīng)過任何處理。隨后，客戶端瀏覽器處理這個接收到的網(wǎng)頁文檔，并按照其中HTML代碼的規(guī)定顯示該文檔的內(nèi)容。其工作過程如圖1-3所示。了解ASP了解ASP動態(tài)、靜態(tài)網(wǎng)頁工作過程圖1-3HTML靜態(tài)網(wǎng)頁工作過程而當(dāng)客戶端瀏覽器向站點的Web服務(wù)器請求ASP網(wǎng)頁時，Web服務(wù)器首先將ASP文檔交給自身攜帶的ASP引擎，ASP文檔中包含的服務(wù)器端腳本代碼便在此處執(zhí)行，并將執(zhí)行結(jié)果轉(zhuǎn)化為HTML代碼，然后連同原有的HTML代碼一起發(fā)送到客戶端瀏覽器。其過程如圖1-4所示。圖1-4ASP動態(tài)網(wǎng)頁工作過程ASP網(wǎng)頁文檔與HTML網(wǎng)頁文檔是有本質(zhì)區(qū)別的：HTML文檔是不需要經(jīng)過任何處理就直接傳送給客戶端瀏覽器的，而ASP文檔則需要對其中包含的每一個服務(wù)器端腳本代碼進(jìn)行處理并生成一個對應(yīng)的HTML文檔后才將其傳送給客戶端瀏覽器。3、ASP組成要素ASP組成要素如下：1、HTML代碼2.ASP內(nèi)置對象3.ActiveX組件4.ASP腳本語言

教師活動學(xué)生活動三、小結(jié)剩余時間讓學(xué)生練習(xí)操作，對實訓(xùn)內(nèi)容進(jìn)一步了解學(xué)生動手練習(xí)板書設(shè)計教學(xué)隨筆第1章ASP概述1、靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁本周內(nèi)容主要介紹2、ASP網(wǎng)頁了理解靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁的概念，ASP的特點和工作過程以及ASP網(wǎng)頁的組成要素，學(xué)生在了解理論的基礎(chǔ)上完成實驗課的操作，掌握基本代碼的讀取以及寫入，為后面的學(xué)習(xí)奠定基礎(chǔ)。教

學(xué)

目

標(biāo)教學(xué)重占八、、ASP運行平臺的建立過程教學(xué)難占八、、ASP運行平臺的建立過程教

學(xué)

目

標(biāo)教學(xué)重占八、、ASP運行平臺的建立過程教學(xué)難占八、、ASP運行平臺的建立過程教學(xué)時間周次教具準(zhǔn)備第1章ASP概述1.3—1.4.掌握ASP運行平臺的建立過程。.掌握ASP網(wǎng)頁的創(chuàng)建與運行過程。教學(xué)組織與實施教師活動 學(xué)生活動導(dǎo)入：學(xué)生聽課做筆記ASP網(wǎng)頁中包含了在服務(wù)器端運行的腳本代碼程序，因而在開發(fā)和測試ASP應(yīng)用程序之前，必須創(chuàng)建可供ASP應(yīng)用程序運行的Web服務(wù)器工作平臺。學(xué)生聽課做筆記上課內(nèi)容：一、ASP運行平臺1、IIS的安裝①打開WindowsXP操作系統(tǒng)的“控制面板”窗口，雙擊其中的“添加/刪除程序”圖標(biāo)，打開“添加或刪除程序”窗口，如圖1-5所示。

②選擇窗口左側(cè)的“添加/刪除Windows組件”選項，彈出“Windows組件向?qū)А睂υ捒?，如圖1-6所示。所需磁盤空間:可用磁盤空間:③在“組件”列表框中選擇“Internet信息服務(wù)（IIS）”復(fù)選框，然后單擊“詳細(xì)信息”按鈕，彈出“Internet信息服務(wù)（IIS）”對話框，如圖1-7所示。所需磁盤空間:可用磁盤空間:0^FrontFage風(fēng)口口服冬器擴展4.3MB0臨工出ernmt信息服務(wù)管理單元1.3MB而W囚SMTPService3.6MEVXZ■公用文件1.0MB□工，萬維網(wǎng)服務(wù)2.2MB0◎文檔3.5MB描述：使用HTTP協(xié)議響應(yīng)TCP/IP網(wǎng)絡(luò)上的Web客戶端請求工ntemet信息服務(wù)口工S）的子組件（C）：Internet信息服務(wù)（工工S）要添加或刪除某個組件，話單擊旁邊的復(fù)選框。灰色框表示只會安裝該組件的一部分口要查看蛆件內(nèi)容，話單擊“詳細(xì)信息AMl-V54.5MB3823.3MB[確定][取消]④選中所有的選項，然后單擊“確定”按鈕回到前一個界面，再單擊“下一步”按鈕進(jìn)行安裝。⑤在安裝過程中，根據(jù)向?qū)У奶崾緦indowsXP操作系統(tǒng)安裝光盤放入光盤驅(qū)動器，然后單擊“下一步”按鈕，直至完成IIS的安裝。2、IIS默認(rèn)網(wǎng)站IIS安裝完成后，打開Windows操作系統(tǒng)的“控制面板”窗口，雙擊其中的“管理工具”圖標(biāo)，再在打開的窗口中雙擊“Internet信息服務(wù)”圖標(biāo)，即可打開如圖1-9所示的“Internet信息服務(wù)”窗口。3、IIS網(wǎng)站屬性的設(shè)置（1）主目錄的設(shè)置在“網(wǎng)站屬性”對話框的“主目錄”選項卡（見圖1-10）中，可對主目錄進(jìn)行如下設(shè)置。（2）默認(rèn)文檔設(shè)置在“網(wǎng)站屬性”對話框的“文檔”選項卡（見圖1-11）中，用戶可以根據(jù)需要將網(wǎng)站主目錄中的若干個文檔設(shè)置為候選的默認(rèn)文檔。（3）IIS虛擬目錄的創(chuàng)建通過在某個網(wǎng)站之下創(chuàng)建虛擬目錄的方式可將其他目錄（非主目錄）中的文件從邏輯上包含到該網(wǎng)站中來，從而使得其他目錄中的文件內(nèi)容也能夠通過這個網(wǎng)站進(jìn)行Web發(fā)布?！景咐?-3】在IIS默認(rèn)網(wǎng)站中創(chuàng)建一個名為ch1的虛擬目錄，并將其指向D盤“示例”文件夾下的ch1子文件夾。具體創(chuàng)建步驟如下。在“Internet信息服務(wù)”窗口中，用鼠標(biāo)右鍵單擊要在其下創(chuàng)建虛擬目錄的默認(rèn)網(wǎng)站，在出現(xiàn)的快捷菜單中依次選擇“新建”、“虛擬目錄”命令，如圖1-12所示。此時將彈出“虛擬目錄創(chuàng)建向?qū)А睂υ捒?，單擊“下一步”按鈕，在出現(xiàn)的“虛擬目錄別名”對話框的“別名”文本框中輸入要創(chuàng)建的虛擬目錄名稱ch1，如圖1-13所示。單擊“下一步”按鈕，在彈出的“網(wǎng)站內(nèi)容目錄”對話框的“目錄”文本框中輸入要創(chuàng)建的虛擬目錄所對應(yīng)的物理目錄路徑，如圖1-13所示。④單擊“下一步”按鈕，在彈出的“訪問權(quán)限”對話框中，設(shè)置訪問這個虛擬目錄時所允許的各項權(quán)限，如圖1-14所示。⑤單擊“下一步”按鈕，完成虛擬目錄的創(chuàng)建。在此之后，即可在“Internet信息服務(wù)”窗口左側(cè)的當(dāng)前網(wǎng)站目錄樹下看到這個新建的虛擬目錄。二、ASP網(wǎng)頁的運行需要注意的是，對于上面創(chuàng)建完成的1-4.asp文檔，如果在客戶端瀏覽器的地址欄中輸入該文檔的路徑和文件名“D:\示例\ch1\1-4.asp"，將發(fā)現(xiàn)瀏覽器窗口僅顯示網(wǎng)頁中的靜態(tài)內(nèi)容，如圖1-15所示，并沒有顯示問候語，也沒有將當(dāng)前的日期與時間顯示出來。運行上述ASP網(wǎng)頁的正確方法是在瀏覽器的地址欄中輸入“/ch1/1-4.asp” 或 者“http:〃localhost/ch1/1-4.asp”，則不僅可看到網(wǎng)頁中的靜態(tài)內(nèi)容，而且可以看到問候語以及當(dāng)前的日期與時間已經(jīng)顯示出來，

如圖1-16所不。說明此時1-4.asp文檔中的腳本代碼已被服務(wù)器執(zhí)行，瀏覽器中顯示的是執(zhí)行后發(fā)送過來的正確結(jié)果。三、ASP網(wǎng)頁編寫工具.文本編輯器幾乎所有標(biāo)準(zhǔn)的文本編輯器都可以用來編寫ASP網(wǎng)頁文檔代碼，使用最多的是Windows操作系統(tǒng)的“記事本”程序，其方法是直接輸入HTML標(biāo)記和腳本語言代碼，并以.asp為擴展名保存文件，然后在Web瀏覽器中輸入此文件的URL將其打開。.專用Web應(yīng)用開發(fā)工具對于較為復(fù)雜的ASP應(yīng)用程序，如果使用支持特定ASP開發(fā)功能的編輯器，如MicrosoftVisualInterDev或者Windows操作系統(tǒng)附帶的腳本編輯程序MSE7.exe等，則效率也許會更高。.網(wǎng)頁制作軟件DreamweaverDreamweaver是非常流行的可視化網(wǎng)頁設(shè)計工具軟件，具有所見即所得的用戶界面，用戶可以結(jié)合Flash、Fireworks等軟件工具設(shè)計和制作各種非常漂亮的網(wǎng)頁。小結(jié)1、剩余時間讓學(xué)生練習(xí)操作，對實訓(xùn)內(nèi)容進(jìn)一步了解2、在完成課本上的案例后，完成老師發(fā)給大家的操作練習(xí)題學(xué)生動手練習(xí)操作板書設(shè)計教學(xué)隨筆第1章ASP概述1、ASP運行平臺2、ASP網(wǎng)頁的創(chuàng)建與運行本周內(nèi)容主要介紹了理解靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁的概念，ASP的特點和工作過程以及ASP網(wǎng)頁的組成要素，學(xué)生在了解理論的基礎(chǔ)上完成實驗課的操作，掌握基本代碼的讀取以及寫入，為后面的學(xué)習(xí)奠定基礎(chǔ)。9

課題第2章HTML2.1—2.4教學(xué)目標(biāo)了解HTML的基本知識。了解HTML文檔的基本架構(gòu)。掌握HTML的常用標(biāo)記。教學(xué)重占八、、了解HTML的基本知識教學(xué)難占八、、掌握HTML的常用標(biāo)記教學(xué)時間4課時教具準(zhǔn)備計算機周次第三周教學(xué)組織與實施教師活動學(xué)生活動導(dǎo)入：瀏覽者可以在網(wǎng)頁上閱讀信息，但無法進(jìn)一步地發(fā)表意見、查詢信息或進(jìn)行在線交易等活動，這樣的網(wǎng)頁被稱為靜態(tài)網(wǎng)頁。網(wǎng)頁不僅內(nèi)容豐富多彩，而且可以與用戶的操作進(jìn)行互動而發(fā)生動態(tài)變化，此種網(wǎng)頁被稱為動態(tài)網(wǎng)頁。上課內(nèi)容：一、HTML概述1、什么是HTML超文本標(biāo)記語言(HyperTextMarkupLanguage,HTML)是構(gòu)成網(wǎng)頁最基本的要素，也是編寫和開發(fā)各種Web應(yīng)用程序的基礎(chǔ)。HTML不是一種編程語言，而是一種用來描述網(wǎng)頁內(nèi)容及其呈現(xiàn)形式的標(biāo)記語言。一個HTML元素的形式可表示為：〈標(biāo)記名稱屬性名稱二屬性值…〉內(nèi)容〈/標(biāo)記名稱》<imgsrc=cup.gifwidth=“300”height=“200”>2、HTML文檔基本架構(gòu)【案例2-11HTML文檔基本架構(gòu)示例。啟動“記事本”程序，輸入如下的HTML代碼，然后將全部代碼保學(xué)生聽課做筆記10存到“示例”文件夾下的ch2子文件夾中，命名為2-1.html文件。<html><head><title>簡單示例網(wǎng)頁</title></head><body><imgsrc=cup.gif>享受工作！享受生活！</body></html><html>標(biāo)記用來標(biāo)明一個HTML文檔的開始，</html>標(biāo)記用來標(biāo)明該文檔的結(jié)束。在<html>和</html>標(biāo)記之間通常會有<head>和<body>兩個下屬HTML元素，其他的元素都被包含在這兩個元素之中。?<head>標(biāo)記用來標(biāo)識網(wǎng)頁的頭部，用來提供一些說明信息給瀏覽器，例如網(wǎng)頁標(biāo)題、搜索關(guān)鍵字、網(wǎng)頁編碼類型和網(wǎng)頁作者等信息，瀏覽器不會把這些信息顯示在網(wǎng)頁的正文中。除包括上述信息之外，還可以在<head>元素中定義CSS樣式表，插入所編寫的腳本程序代碼等。<title>標(biāo)記被包含在<head>元素內(nèi)，用來指定在瀏覽器窗口標(biāo)題欄中顯示的網(wǎng)頁標(biāo)題文字，原則上不應(yīng)該省略，因為它還有其他用途，例如作為網(wǎng)頁的標(biāo)簽，或被當(dāng)做搜索引擎尋找的索引。?<body>標(biāo)記用來標(biāo)識HTML文檔的主體部分，其中的內(nèi)容即為需要顯示在瀏覽器窗口內(nèi)的各種文本、圖像、超鏈接、表格、表單等元素，有關(guān)這些元素的定義和設(shè)置將在本章后面詳細(xì)說明。3、HTML文檔書寫規(guī)則下面是關(guān)于書寫HTML文檔的一些規(guī)定。一般說來，HTML文檔的內(nèi)容是不區(qū)分字母大小寫的。然而新的亞06標(biāo)準(zhǔn)則規(guī)定HTML的標(biāo)記名稱和屬性名稱都應(yīng)該使用小寫字母。對于HTML文檔中多個連續(xù)的空格、Tab鍵或Enter鍵，瀏覽器將視其為一個空格，除非它們被置于特定的<pre>標(biāo)記之內(nèi)。在一個元素的開始標(biāo)記中，元素名稱及其各個屬性名稱之間應(yīng)該以空格、Tab鍵或Enter鍵隔開。標(biāo)記中的屬性值需要用半角的雙引號或單引號將其括起來。一行中可以書寫多個元素，一個元素也可以分多行書寫。瀏覽器只認(rèn)定HTML標(biāo)記特有的“〈”與“>”符號。11? 可以使用“<!--”和“-->”標(biāo)記將文檔中的注解內(nèi)容括起來，瀏覽器對此種注釋標(biāo)記中的內(nèi)容不予處理和顯示。對于HTML文檔中書寫錯誤的元素或者屬性，瀏覽器將會跳過它而不予理會。? 各個HTML標(biāo)記之間的關(guān)系可以是嵌套的，但不能是交錯的。例如：<center><table>…</table></center>的形式是正確的；而<center><table>…</center></table>的形式是錯誤的。4、HTML頭部標(biāo)記HTML頭部標(biāo)記以<head>標(biāo)記開始，并以</head>標(biāo)記結(jié)束，在該標(biāo)記中可以包含一些特定的子標(biāo)記來對當(dāng)前網(wǎng)頁進(jìn)行描述，例如網(wǎng)頁的標(biāo)題、一些頁面說明信息和搜索關(guān)鍵字等。此外還可以在頭部標(biāo)記中設(shè)定樣式表，插入所需的腳本語言代碼等。一般說來，位于頭部標(biāo)記中的內(nèi)容都不會在網(wǎng)頁中直接顯示，而是通過另外的方式起作用。（1）網(wǎng)頁標(biāo)題標(biāo)記<title>標(biāo)記是頭部標(biāo)記中最常用的子標(biāo)記，用來設(shè)定本網(wǎng)頁在瀏覽器窗口標(biāo)題欄上顯示的標(biāo)題文字。每個網(wǎng)頁通常都應(yīng)該為其設(shè)定一個標(biāo)題，其設(shè)置格式為<title>標(biāo)題文字</title>（2）、元信息標(biāo)記<meta>標(biāo)記是HTML文檔頭部標(biāo)記中常見的元信息標(biāo)記，可重復(fù)出現(xiàn)在頭部標(biāo)記中，分別用來指明當(dāng)前網(wǎng)頁的創(chuàng)作工具、作者、所采用的字符集、包含的關(guān)鍵字，以及其他一些網(wǎng)頁描述信息。5、HTML主體標(biāo)記<body>標(biāo)記是HTML文檔的主體標(biāo)記，可在其內(nèi)使用各種標(biāo)記標(biāo)明在網(wǎng)頁中顯示的文字、圖片、表格、超鏈接、表單等所有內(nèi)容。<body>標(biāo)記自身可以含有許多屬性，用來定義當(dāng)前頁面的背景顏色、背景圖像、網(wǎng)頁文字的默認(rèn)顏色、網(wǎng)頁中超鏈接的顏色等。表2-2列出了<body>標(biāo)記可以具有的一些屬性及其簡短說明。以下是利用<body>標(biāo)記的各種屬性對整個網(wǎng)頁進(jìn)行設(shè)置的例子。設(shè)置整個頁面的背景顏色為金色：<bodybgcolor="gold">設(shè)置頁面的背景圖像為abc.jpg，且背景圖像不隨文字滾動：<bodybackground="abc.jpg"bgproperties="fixed”>設(shè)置頁面與瀏覽器窗口的上邊距為12像素，左邊距為20像素：<bodytopmargin="12"leftmargin="20”>二、HTML常用標(biāo)記121、標(biāo)題文字標(biāo)記在HTML文檔中，可分別使用hl、h2、h3、h4、h5、h6幾個標(biāo)記來設(shè)定網(wǎng)頁文本中的標(biāo)題和副標(biāo)題文字，此種標(biāo)記的設(shè)置格式為<hnalign=對齊方式>標(biāo)題文字</hn>hn中的n表示標(biāo)題文字的大小，其取值范圍為1到6,此數(shù)越小則字體越大。align屬性用來指定標(biāo)題文字的對齊方式，可指定為left（左對齊）、right（右對齊）或center（居中對齊），默認(rèn)為left。此類標(biāo)題文字均將以粗體字顯示，并在網(wǎng)頁中獨占一行?！景咐?-21各種HTML標(biāo)題標(biāo)記應(yīng)用示例。將下面的代碼保存為ch2子文件夾中的2-2.html文件，在IE瀏覽器中的運行結(jié)果如圖2-2所示。<html><head><title>設(shè)置標(biāo)題文字示例</title></head><body>h1>一級標(biāo)題大小</h1>h2align=〃center〃>二級標(biāo)題大小</h2>33>三級標(biāo)題大小</h3>h5>五級標(biāo)題大小</h5>這是默認(rèn)的正常文字大小</body></html>2、段落格式標(biāo)記（?。?、分段標(biāo)記該標(biāo)記的設(shè)置格式為<palign=對齊方式>文字</p>（2）段內(nèi)換行標(biāo)記其設(shè)置格式為文字<br/>（3）水平線標(biāo)記其設(shè)置格式為<hrsize=粗細(xì)align=對齊方式width=寬度color=顏色/>（4）文本縮排標(biāo)記該標(biāo)記的設(shè)置格式為<blockquote>文字</blockquote>（5）居中對齊標(biāo)記13該標(biāo)記的設(shè)置格式為<center>文本、圖像或表格</center>【案例2-3】各種HTML段落標(biāo)記應(yīng)用示例。將下面的代碼保存為2-3.html,運行結(jié)果如圖2-3所示。<html><head><title>各種段落標(biāo)記應(yīng)用示例</title></head><body><center><h3>歡迎光臨！</h3><p>本站備有各種圖書和音像制品，<br/>價格公道，童叟無欺，歡迎選購！</p></center><hrsize="5"color="blue"/>請大家告訴大家：<blockquote>本站圖書品種繁多，適合各界讀者，每天都有特價圖書，并有各種精美禮品相送！</blockquote></body></html>3、文字格式標(biāo)記（1）字體標(biāo)記HTML文檔使用<font>標(biāo)記來設(shè)置文本的字體、字號和文字顏色等，其設(shè)置格式為<fontsize=大小face=字體名稱color=顏色>文字</font>（2）文字修飾標(biāo)記在HTML文檔中，還允許使用一些特定的文字修飾標(biāo)記，這些標(biāo)記的名稱及其功能描述如表2-5所示。<b>將文字設(shè)置為粗體字<i>將文字設(shè)置為斜體字<u>設(shè)置為帶有卜.國線的文字<sup>設(shè)置為位于右上角的上標(biāo)文字<sub>設(shè)置為位于右下角的下標(biāo)文字<em>強調(diào)其間的文字（通常顯示為斜體）14<strong>強調(diào)其間的文字（通常顯示為粗體）【案例2-41各種HTML字體格式標(biāo)記應(yīng)用示例。將下面的代碼保存為2-4.html,在IE瀏覽器中的運行結(jié)果如圖2-4所示。<html><head><title>各種字體格式應(yīng)用示例</title></head><body><p><fontsize="5"color="#0000FF"face=〃方正舒體〃》HTML可以設(shè)置的文字格式有多種，<br/>每種格式都可以與其他格式混合使用。</font></p>fontsize="3">B：<b>粗體字</b></font>   fontsize="3">I：<i>斜體字</i></font>   fontsize="3">U：<u>下畫線</u></font><hrsize="4"align="center"width="88%"/><fontsize="3"face="宋體"color="#FF0000">3號紅色宋體</font><br/><fontsize="4"face="隸書"color="#FF9900">4號橙色隸書</font><br/><fontsize="5"face="黑體"color="#00FF00">5號綠色黑體</font><br/><fontsize="6"face="華文新魏"color="#0000FF">6號藍(lán)色華文新魏</font><br/><fontsize="7"face="華文彩云"color="#800080">7號紫色華文彩云</font></body></html>4、列表標(biāo)記(1).有序列表標(biāo)記有序列表元素以<ol>標(biāo)記開始，并以</ol>標(biāo)記結(jié)束，其間包含的各個列表項分別用<li>進(jìn)行標(biāo)記。有序列表元素的標(biāo)記設(shè)置格式為<oltype=序號類型start=開始序號》litype=序號類型>列表項1</li>litype=序號類型>列表項2</li>…litype=序號類型>列表項n</li>15</ol>(2)無序列表標(biāo)記無序列表元素以<ul>標(biāo)記開始，并以</ul>標(biāo)記結(jié)束。其間包含的各個列表項分別用<li>加以標(biāo)記。無序列表元素的設(shè)置格式為<ultype=項目符號類型〉litype=項目符號類型>列表項1</li>litype=項目符號類型>列表項2</li>…litype=項目符號類型>列表項n</li></ul>【案例2-51HTML列表標(biāo)記應(yīng)用示例。將下面的代碼保存為2-5.html，在IE瀏覽器中的運行結(jié)果如圖2-5所示。<html><head><title>列表標(biāo)記應(yīng)用示例</title></head><body><h2align="center"><fontface=〃華文彩云〃〉歡迎光臨網(wǎng)上書城</font></h2><fontface=〃華文楷體”><i>暢銷書排行榜：</i></font><!--以下是有序列表舉例--><oltype="1"><li>電子商務(wù)網(wǎng)站建設(shè)</li><li>網(wǎng)頁程序設(shè)計實例教程</li><li>信息系統(tǒng)分析與設(shè)計</li></ol><fontface=〃華文楷體”><i>今日特價圖書：</i></font><!--以下是無序列表舉例--><ultype="square"><廿>向左走，向右走</li><li>失蹤的網(wǎng)絡(luò)作家</li><li>非典時期的非典型生活</li></ul></body></html>5、列表的嵌套【案例2-61HTML列表嵌套示例。在一個有序列表中嵌套一個無序列16表，將代碼保存為2-6.html,運行結(jié)果如圖2-6所示。<html><head><title>列表嵌套示例</title></head><body><h3>暢銷書排行榜：</h3><oltype="1”><li>文藝類圖書</li><ultype="disc”>廿>向左走，向右走</li>li>失蹤的網(wǎng)絡(luò)作家</li>li>非典時期的非典型生活</li></ul><li>商務(wù)管理類圖書</li><li>信息技術(shù)類圖書</li></ol></body></html>6、圖像標(biāo)記圖像或者圖片是網(wǎng)頁中常見的HTML元素，使用<img>標(biāo)記可以把指定的圖片添加到網(wǎng)頁中。<img>標(biāo)記的設(shè)置格式為<imgsrc=圖片文件的URLalign=對齊方式border=邊框?qū)挾萢lt=說明性替代文字height=圖像高度width=圖像寬度hspace=水平邊距vspace=垂直邊距/>【案例2-7】HTML圖像標(biāo)記應(yīng)用示例。將下面的代碼保存為2-7.html，在IE瀏覽器中的運行結(jié)果如圖2-7所示。<html><head><title>圖像標(biāo)記應(yīng)用示例</title></head><bodyleftmargin="35”><p>數(shù)學(xué)家：祖沖之<imgborder="0"src="zcz.jpg"width="108"height="136"/></p>17</body></html>7、超鏈接標(biāo)記HTML使用<a>作為超鏈接標(biāo)記，在網(wǎng)頁中設(shè)置超鏈接的格式為<ahref=URL>用作超鏈接錨點的文字或圖像</a>【案例2-81HTML超鏈接標(biāo)記應(yīng)用示例。將下面的代碼保存為2-8.html，在IE瀏覽器中的運行結(jié)果如圖2-8所示。<html><head><title>圖像標(biāo)記應(yīng)用示例</title></head><bodyleftmargin="35”><p>數(shù)學(xué)家：祖沖之<imgborder="0"src="zcz.jpg"width="108"height="136”/></p></body></html>三、HTML表格標(biāo)記1、表格應(yīng)用舉例【案例2-91HTML表格標(biāo)記應(yīng)用示例。將下面的代碼保存為2-9.html，在IE瀏覽器中的運行結(jié)果如圖2-9所示。<html><head><title>普通表格示例</title></head><body><center><p><fontface=〃楷體_GB2312〃size=〃4〃color=〃#800080〃〉商品一覽表</font></p><tablewidth=〃271〃height=〃92〃border=〃1〃bgcolor=〃skyblue〃><tr><thwidth=〃110〃align=〃left〃>商品名稱</th><thwidth=〃62〃>產(chǎn)地</th><thwidth=〃77〃align=〃right〃>單價</th></tr><tr><td>平板電視機</td>18<tdalign="center”>大連</td><tdalign="right”>¥12,698</td></tr><tr><td>m門冰箱</td><tdalign="center”>南京</td><tdalign="right”>¥5,598</td></tr><tr><td>全自動洗衣機</td><tdalign="center”>合肥</td><tdalign="right”>¥5,188</td></tr></table></center></body></html>2、框架嵌套舉例【案例2-12】HTML框架嵌套應(yīng)用示例。本例是在上述2-11.html框架網(wǎng)頁的基礎(chǔ)上再加入一個頂端框架，從而形成“T”字形的嵌套框架頁面。為此，首先需要將原有的2-11.html文檔代碼做如下修改，并另存為2-12.html文檔。<!--嵌套框架主頁面2-12.html--><html><head><title>框架嵌套示例</title></head><framesetrows="60,*"frameborder="no"><framename="topFrame"src="2-12_top.html“scrolling="no"><framesetcols="139,*“><framename="contents"target="main"src="2-11_left.html"scrolling="no"><framename="main"src="2-11_right.html"></frameset></frameset></html>19

教師活動學(xué)生活動小結(jié)剩余時間讓學(xué)生練習(xí)操作，對實訓(xùn)內(nèi)容進(jìn)一步加深了解學(xué)生動手練習(xí)板書設(shè)計教學(xué)隨筆第2章HTML2.1—2.41、HYML概述2、HTML常用標(biāo)記3、HTML表格標(biāo)記4、HTML框架標(biāo)記本周內(nèi)容主要介紹了了解HTML的基本知識、了解HTML文檔的基本架構(gòu)以及掌握HTML的常用標(biāo)記。學(xué)生在了解理論的基礎(chǔ)上完成實驗課的操作，掌握基本代碼的讀取以及寫入，為后面的學(xué)習(xí)奠定基礎(chǔ)。20

課題第2章HTML2.5—2.7教學(xué)目標(biāo)熟悉HTML的框架標(biāo)記。熟悉HTML的表單標(biāo)記。了解CSS樣式表及其基本應(yīng)用方式教學(xué)重占八、、熟悉HTML的表單標(biāo)記教學(xué)難占八、、CSS樣式表及其基本應(yīng)用方式教學(xué)時間4課時教具準(zhǔn)備計算機周次第四周教學(xué)組織與實施教師活動學(xué)生活動導(dǎo)入：框架標(biāo)記用來將整個瀏覽器窗口劃分為多個不同的矩形區(qū)域，在每一個區(qū)域內(nèi)可以獨立顯示與區(qū)域外不同的網(wǎng)頁文檔內(nèi)容，從而獲得一種特定的頁面布局效果。上課內(nèi)容：一、HTML框架標(biāo)記1、框架定義格式HTML框架元素的定義格式為〈framesetcols=框架列數(shù)及各列寬度rows=框架行數(shù)及各行高度bordercolor=邊框顏色frameborder=框架邊框framespacing=框架間距〉<framename=框架名稱target=目標(biāo)框架src=URLborder=邊框?qū)挾萣ordercolor=邊框顏色scrolling=是否顯示滾動條><frame…〉…學(xué)生聽課做筆記21</frameset>2、簡單框架舉例【案例2-11】簡單HTML框架應(yīng)用示例，本示例由3個HTML文檔構(gòu)成。（1）首先使用下面的代碼創(chuàng)建一個定義左、右兩個框架的HTML網(wǎng)頁文檔，將這些代碼保存為2-11.html文件。<!--框架主頁面2-11.html--><html><head><title>簡單框架示例</title></head><framesetcols="30%,*”><frame name="contents“ target="main"src="2-11_left.html"><framename="main"src="2-11_right.html”></frameset></html>（2）接下來，使用下面的代碼創(chuàng)建一個在左側(cè)框架內(nèi)顯示的HTML網(wǎng)頁文檔，命名為2-11_left.html，該文檔的主要內(nèi)容是使用<a>標(biāo)記定義多個超鏈接。<!--左側(cè)框架中顯示的文檔2-11_left.html--><html><head><basetarget="main”></head><bodyleftmargin="22"topmargin="26"bgcolor="#FFFF99">h4>掌握HTML</h4>p><ahref="2-3.html”>段落標(biāo)記示例</a></p>p><ahref="2-4.html”>字體格式示例</a></p>p><ahref="2-5.html”>列表標(biāo)記示例</a></p>p><ahref="2-7.html”>圖像標(biāo)記示例</a></p>p><ahref="2-8.html”>超鏈接示例</a></p></body></html>（3）最后，再使用下面的代碼創(chuàng)建一個用于在右側(cè)框架內(nèi)顯示的HTML網(wǎng)頁文檔，命名為2-11_right.html，這個文檔僅在最初載入時顯示。<!--右側(cè)框架中顯示的文檔2-11_right.html--><html>22<head></head><bodytopmargin="60”><palign="center”〉<fontcolor="#0000FF"size="6"face="方正舒體”》HTML標(biāo)記<br/><br/>應(yīng)用范例展示</font></p></body></html>將以上3個HTML文檔保存到ch2子文件夾中，在IE瀏覽器中打開2-11.html文檔后就將顯示一個具有左、右兩個框架的網(wǎng)頁。3、框架嵌套舉例【案例2-12】HTML框架嵌套應(yīng)用示例。本例是在上述2-11.html框架網(wǎng)頁的基礎(chǔ)上再加入一個頂端框架，從而形成“T”字形的嵌套框架頁面。<!--嵌套框架主頁面2-12.html--><html><head><title>框架嵌套示例</title></head><framesetrows="60,*"frameborder="no"><framename="topFrame"src="2-12_top.html"scrolling="no"><framesetcols="139,*“><framename="contents"target="main"src="2-11_left.html"scrolling="no"><framename="main"src="2-11_right.html"></frameset></frameset></html>二、HTML表單標(biāo)記1、表單定義格式在HTML文檔中，以<form>開始并以</form>結(jié)束的標(biāo)記塊用來定義一個表單元素。HTML表單的定義格式為<formname=表單名action=服務(wù)器端程序 method=信息遞交方式><!--此處為若干個表單域元素的定義代碼--></form>2、常用表單域標(biāo)記.<input>標(biāo)記23<input>標(biāo)記是最常用的表單域標(biāo)記，該標(biāo)記包括多個屬性，且沒有對應(yīng)的結(jié)束標(biāo)記。<input>標(biāo)記的定義格式為<inputname=表單域名稱type=表單域類型value=字符串size=大小maxlength=最多字符數(shù)/>.<select>標(biāo)記以<select>開頭并以</select>結(jié)束的標(biāo)記塊用來在表單中定義一個列表框元素或者下拉列表框元素。<select>標(biāo)記的定義格式為<selectname二表單域名稱size二大小multiple=可選多少項〉<option>列表項文字</option><option>列表項文字</option>…</select>.<textarea>標(biāo)記<textarea>標(biāo)記用來在表單中定義一個可以輸入多行文字的編輯框，或稱為多行文本框。其定義格式為textareaname二表單域名稱rows二行數(shù)cols二列數(shù)value二字符串》默認(rèn)的多行文本</textarea>3、表單應(yīng)用舉例【案例2-13】下面的HTML文檔說明了如何創(chuàng)建一個含有各種常用表單域的表單，為方便說明，在每行代碼前添加了編號。代碼保存為2-13.html,具體代碼如課本所示。三、HTML其他標(biāo)記1、動態(tài)文字標(biāo)記HTML的<marquee>標(biāo)記可用來在網(wǎng)頁中添加不斷滾動的字幕，并可設(shè)置文字的移動方向、移動速度和移動方式。該標(biāo)記的定義格式為<marqueebgcolor=背景顏色behavior=移動方式 direction=移動方向align=對齊方式 scrollamount=移動速度scrolldelay=停頓時間height=高度width=寬度hspace=水平邊距vspace=垂直邊距〉</marquee>24【案例2-14】HTML動態(tài)文字標(biāo)記示例。代碼保存為2-14.html,代碼如課本所示。2、區(qū)塊標(biāo)記＜div＞標(biāo)記具有下列強大的功能：區(qū)塊中所有的HTML元素將作為一個整體進(jìn)行格式設(shè)置與布局。能夠以像素為單位，精確控制整個區(qū)塊在網(wǎng)頁中的位置?？梢钥刂普麄€區(qū)塊的內(nèi)容在網(wǎng)頁中顯示或隱藏。網(wǎng)頁中多個區(qū)塊的內(nèi)容可以相互重疊。＜div＞標(biāo)記的定義格式為【案例2-15】HTML區(qū)塊標(biāo)記應(yīng)用示例。下面的HTML代碼是利用＜div＞標(biāo)記創(chuàng)建具有兩個層的頁面，這兩個層分別顯示自己的內(nèi)容和背景顏色并且相互重疊。代碼保存為2-15.html，運行結(jié)果如課本所示。3、多媒體信息標(biāo)記使用＜bgsound＞標(biāo)記可在網(wǎng)頁中添加背景音樂，該標(biāo)記的定義格式為＜bgsoundsrc二音樂文件的URL100P=播放方式〉使用＜embed＞標(biāo)記可在網(wǎng)頁中嵌入各種多媒體信息元素。四、HTML文檔樣式.CSS語句的基本格式CSS語句的基本格式為選擇器{屬性1:屬性值1[;屬性2:屬性值2…]}.常用CSS屬性課本表2-6給出了常用的CSS屬性名稱及其簡短說明。.定義與應(yīng)用CSS的3種方式第一種方式是在HTML文檔的頭部分別為文檔中的若干種元素定義樣式。第二種方式是在文檔的主體部分對個別元素單獨定義樣式。第三種方式是首先編寫包含若干樣式定義語句的外部樣式表文件，然后再將此樣式表文件連接到需要應(yīng)用這些樣式的HTML文檔中。4、用CSS技術(shù)創(chuàng)建導(dǎo)航條【案例2-21】用CSS技術(shù)創(chuàng)建導(dǎo)航條示例。代碼保存為2-19.html,運行結(jié)果如圖2-19所示。25

教師活動學(xué)生活動小結(jié)剩余時間讓學(xué)生練習(xí)操作，完成課本案例內(nèi)容，并能夠通過案例內(nèi)容加深對代碼的認(rèn)識學(xué)生動手練習(xí)板書設(shè)計教學(xué)隨筆第2章HTML1、HTML表單標(biāo)記2、HTML其他標(biāo)記3、HTML文檔樣式本周內(nèi)容主要介紹了熟悉HTML的框架標(biāo)記、HTML的表單標(biāo)記和CSS樣式表及其基本應(yīng)用方式，通過本章的學(xué)習(xí)，學(xué)生能夠自己制作一個用戶注冊界面并能自己擴展相關(guān)知識26

課題第3章VBScript腳本語言3.1-3.3教學(xué)目標(biāo)掌握VBScript的數(shù)據(jù)類型。掌握VBScript的常量和變量。掌握VBScript的各種運算符。教學(xué)重占八、、VBScript的常量和變量教學(xué)難點八、、VBScript的常量和變量教學(xué)時間4課時教具準(zhǔn)備計算機周次第六周教學(xué)組織與實施教師活動學(xué)生活動導(dǎo)入：像其他各種程序設(shè)計語言一樣，VBScript提供了相當(dāng)多的內(nèi)部函數(shù)供腳本程序設(shè)計者調(diào)用。上課內(nèi)容：一、VBScript概述1、什么是VBScriptVBScript(MicrosoftVisualBasicScriptingEdition)是VisualBasic語言的一個子集，它并不是一個完整的程序設(shè)計語言，僅包含語言中的一些基本功能。VBScript的最大優(yōu)點是：用純文本建立，直接包含在HTML文檔或ASP文檔中，編輯和修改都十分方便。2、用VBScript開發(fā)客戶端腳本【案例3-1】開發(fā)簡單客戶端腳本程序示例。在“記事本”窗口中輸入如下代碼，并將其命名為3-1.html并保存到“示例”文件夾下的ch3子文件夾中。<html><head>學(xué)生聽課做筆記27<土比10>客戶端腳本舉例</title>〈scriptLANGUAGE=〃VBScript”><!--MsgBox〃世界你好！〃&VbCrLf&〃今天是：〃&Date--></script></head><body></body></htm1>3、用VBScript開發(fā)服務(wù)器端腳本用VBScript編寫的腳本代碼同樣可以添加到HTML標(biāo)記中，形成在Web服務(wù)器端運行的ASP文檔。然而在此種文檔中，VBScript腳本代碼必須寫在成對的“<%”和“％>”標(biāo)識符之間。【案例3-2】簡單服務(wù)器端腳本開發(fā)示例。在Windows操作系統(tǒng)的“記事本”窗口中輸入如下代碼，并將其命名為3-2.asp文件加以保存。<%@LANGUAGE二〃VBScript"%><htm1><head>tit1e>服務(wù)器端腳本舉例</tit1e></head><body>%Fori=3to6%>fontsize=<%=i%>>傳承文明！開拓進(jìn)?。?lt;br/></font>%Next%></body></htm1>4、VBScript代碼書寫規(guī)則?使用VBScript代碼編寫的腳本程序由一條或多條語句組成，語句中可以包括命令詞、常量、變量、函數(shù)、運算符和運算式等。在VBScript腳本代碼中可以包含注釋語句，此種語句僅作為說明之用，在程序運行時并不執(zhí)行。編寫客戶端運行的腳本程序時，注釋語句應(yīng)被包含在“<!--”和“-->”之間。編寫服務(wù)器端運行的腳本程序時，注釋語句則應(yīng)由單引號（’）開頭，在其后可以書寫任何注釋文字。VBScript語句以行的形式編寫，一條長語句在一行中寫不下時，可28在每行的尾部添加下畫線“_”而分開寫在多行上。VBScript代碼中的英文字母不區(qū)分大小寫。VBScript腳本語言不是一種獨立的編程語言，必須依附其他代碼而存在。VBScript腳本語言代碼是一種純文本，可以用任何一種文本編輯器編寫。二、VBScript語法基礎(chǔ)1、VBScript數(shù)據(jù)類型VBScript只有一種數(shù)據(jù)類型，稱為Variant（變體類型）。Variant是一種特殊的可變數(shù)據(jù)類型，根據(jù)具體的使用方式，它可以包含不同類別的信息。Variant包含的不同數(shù)據(jù)類型稱為數(shù)據(jù)子類型，表 3-1列出了Variant所包含的各種數(shù)據(jù)子類型及其簡單說明。2、VBScript常量常量是在程序執(zhí)行過程中其值從不發(fā)生變化的數(shù)據(jù)。在VBScript中，常量分為普通常量和符號常量。普通常量無需定義即可使用，如數(shù)字常量61.8、字符常量“網(wǎng)絡(luò)世界”等。符號常量是一個具有一定含義的名稱，用于代替數(shù)字或字符串。例如：ConstMyString=〃這是一個字符串?！盋onstMyAge=283、VBScript變量（1）變量的聲明對程序中所使用的變量，建議事先進(jìn)行聲明。在腳本代碼中對變量進(jìn)行顯式聲明的方式是使用Dim語句，也可以使用Public語句聲明公用變量或者使用Private語句聲明局部變量。（2）變量命名規(guī)則變量名只能由英語字母、數(shù)字和下畫線組成。變量名第一個字符必須是英語字母。變量名中不能包含嵌入的句點。變量名長度不能超過255個字符。變量名不能和VBScript的保留字同名。變量名在被聲明的作用域內(nèi)必須唯一。（3）給變量賦值可以使用表達(dá)式給變量賦值，變量名在賦值號（=）的左邊，要賦的值（表達(dá)式）在賦值號（=）的右邊。29(4)數(shù)組變量多數(shù)情況下，只需為所聲明的變量賦一個值，只包含一個值的變量被稱為標(biāo)量變量。4、VBScript運算符VBScript有一套完整的運算符，包括算術(shù)運算符、比較運算符、字符串連接運算符和邏輯運算符。表3-2列出了VBScript的各種運算符。三、VBScript輸入與輸出1、輸出語句MsgBoxVBScript語言提供了一個MsgBox語句來輸出指定的數(shù)據(jù)和提示信息。其基本格式為其中，MsgBox為該語句的命令詞，提示信息將顯示在彈出的對話框中，可以是字符串常量，變量或者它們的組合?！景咐?-31MsgBox輸出語句應(yīng)用示例。代碼保存為3-3.html文件，在IE瀏覽器中的運行結(jié)果如圖3-3所示。<html><head><title>MsgBox語句舉例</title><scriptLANGUAGE=〃VBScript”><!--MsgBox〃北京您早！〃MsgBox〃現(xiàn)在的時間是：〃&time()--></script></head><body></body></html>2、輸入函數(shù)InputBox()輸入函數(shù)InputBox()的作用是產(chǎn)生一個等待用戶輸入數(shù)據(jù)的對話框，待用戶在其中輸入數(shù)據(jù)并確認(rèn)后，就將所輸入內(nèi)容賦給一個指定的變量。InputBox()的基本應(yīng)用格式為〈變量》=InputBox(〈提示信息》[,<標(biāo)題>])【案例3-4】利用InputBox函數(shù)輸入一串文字。代碼保存為3-4.html文件，在IE瀏覽器中的運行效果如圖3-4所30Zj\o<html><head><title>InputBox函數(shù)舉例</title>〈scriptLANGUAGE=〃VBScript”><!--name=InputBox（〃請輸入貴公司名稱：〃，〃輸入舉例〃）MsgBox〃您所在的公司是：〃&name--></script></head><body></body></html>3、輸出函數(shù)MsgBox（）輸出函數(shù)MsgBox（）的作用與輸出語句MsgBox類似，也是彈出一個顯示指定數(shù)據(jù)或提示信息的對話框。止匕外，該函數(shù)還將返回一個數(shù)據(jù)，用來表示用戶在此對話框中學(xué)生動手練習(xí)所點擊的不同按鈕，并將返回值賦給指定的變量。學(xué)生動手練習(xí)MsgBox（）函數(shù)的語法格式為〈變量》=MsgBox（〈提示信息》[,<按鈕>][,<標(biāo)題>]）【案例3-51使用MsgBox函數(shù)輸出不同類型消息框示例。代碼保存為3-5.html文件，運行后將先后彈出如圖3-5所示的4個消息框。<html><head><title>MsgBox函數(shù)舉例</title><scriptLANGUAGE=〃VBScript〃><!--Msgl=MsgBox（〃此文件已存在，覆蓋嗎？〃，3+32+0）Msg2=MsgBox（〃不允許對多個變量賦值！〃，VbCritical）Msg3=MsgBox（〃數(shù)據(jù)類型不匹配！〃，2+48+256）Msg4=MsgBox（〃已完成對數(shù)據(jù)的復(fù)制?！ǎ琕bOKOnly+VbInformation）--></script></head><body></body></html>31

4、利用Write方法輸出利用MsgBox語句或者M(jìn)sgBox()函數(shù)只能以消息框的形式進(jìn)行輸出，具有其局限性。事實上，在編寫客戶端腳本程序時，還可以利用文檔對象所提供的Write方法直接在瀏覽器窗口中進(jìn)行輸出。此種輸出方式的語句格式為Document.Write〈輸出內(nèi)容〉另外，在編寫服務(wù)器端腳本程序時，則可以利用ASP所提供的Response對象的Write方法將指定的輸出內(nèi)容發(fā)送到瀏覽器窗口中輸出。此種輸出方式的語句格式為Response.Write〈輸出內(nèi)容〉小結(jié)剩余時間讓學(xué)生練習(xí)操作，對實訓(xùn)內(nèi)容進(jìn)一步了解板書設(shè)計教學(xué)隨筆第3章VBScript腳本語言1、概述2、語法基礎(chǔ)3、VBScript輸入與輸出本周內(nèi)容主要介紹了VBScript的相關(guān)知識，通過課程的學(xué)習(xí)，學(xué)生掌握VBScript的數(shù)據(jù)類型、并且能夠掌握VBScript的常量和變量，VBScript的各種運算符。最后能夠運用所學(xué)相關(guān)知識，編寫簡單的程序代碼。32

課題第3章VBScript腳本語言3.4-3.5教學(xué)目標(biāo)熟悉VBScript的常用內(nèi)置函數(shù)。熟悉VBScript的程序流程控制語句。教學(xué)重占八、、VBScript的常用內(nèi)置函數(shù)教學(xué)難占八、、VBScript的程序流程控制語句教學(xué)時間4課時教具準(zhǔn)備計算機周次第二周教學(xué)組織與實施教師活動學(xué)生活動導(dǎo)入：ASP網(wǎng)頁中包含了在服務(wù)器端運行的腳本代碼程序，因而在開發(fā)和測試ASP應(yīng)用程序之前，必須創(chuàng)建可供ASP應(yīng)用程序運行的Web服務(wù)器工作平臺。上課內(nèi)容：一、VBScript內(nèi)置函數(shù)日期時間函VBScript提供了若干個用于獲取系統(tǒng)日期與時間的函數(shù)，如表3-5所示?！景咐?-61日期時間函數(shù)應(yīng)用示例。代碼保存為3-6.html文件，在IE瀏覽器中運行的結(jié)果如圖3-6所示。<html><head>《五卜>日期時間函數(shù)舉例</title>(scriptLANGUAGE二〃VBScript”〉<!--Document.Write現(xiàn)在是： &Now()Document.Write”<br/>今天的日期是："&Date()Document.Write”<br/>現(xiàn)在的時間是："&Time()學(xué)生聽課做筆記33Document.Write”<br/冷天的日期是："&Year(Date)&'年"&_Month(Date)&"月"&Day(Date)&"日"--></script></head><body></body></html>2、數(shù)學(xué)運算函數(shù)VBScript提供了多個用于數(shù)學(xué)運算的函數(shù)，如表3-6所示。【案例3-7】數(shù)學(xué)運算函數(shù)應(yīng)用示例。將下面的代碼保存為3-7.html文件，在瀏覽器中的運行結(jié)果如圖3-7所示。<html><head><title>數(shù)學(xué)運算函數(shù)舉例</title><scriptLANGUAGE="VBScript”〉<!--Document.Write"SQR(10)的值是："&sqr(10)Document.Write”<br/>Int(-18.9)的值是："&int(-18.9)Document.Write”<br/>Fix(-18.9)的值是："&fix(-18.9)RandomizeDocument.Write"<br/>產(chǎn)生一個0到9的隨機數(shù)：”&Int(Rnd()*10)--></script></head><body></body></html>3、字符處理函數(shù)VBScript提供了多個用于字符處理的函數(shù)，如表3-7所示。【案例3-8】字符處理函數(shù)應(yīng)用示例。將下面的代碼保存為3-8.html文件，在瀏覽器中的運行結(jié)果如圖3-8所示。<html><head><title>字符處理函數(shù)舉例</title><scriptLANGUAGE="VBScript”>34

Document.Write"Asc('ASP')的結(jié)果是："&Asc("ASP")Document.Write“<br/>Chr(88)的結(jié)果是："&Chr(88)aa="VBScript”bb="Script"Document.Write“<br/>Len('VBScript')的結(jié)果是：“&Len(aa)Document.Write”<br/>InStr('VBScript','Script')的結(jié)果是："&InStr(aa,bb)</script></head><body></body></html>4、數(shù)據(jù)類型判別函數(shù)VBScript提供了若干個用于數(shù)據(jù)類型判別的函數(shù)，如表3-8所示。這些函數(shù)均將依據(jù)判別的結(jié)果返回一個邏輯值True或False。5.數(shù)據(jù)類型轉(zhuǎn)換函數(shù)如表3-9所示，VBScript提供了多個用于數(shù)據(jù)子類型轉(zhuǎn)換的函數(shù)，這些函數(shù)大都以字母C開頭，即英文轉(zhuǎn)換的意思。二、VBScript流程控制1、If語句(1)條件為True時執(zhí)行單行語句如果在條件為True時僅運行一條語句，可使用If語句的單行語法結(jié)構(gòu)。其語法格式為學(xué)生動手練習(xí)If<條件>Then<語句>學(xué)生動手練習(xí)【案例3-9】單行條件判斷語句應(yīng)用示例。下面的代碼在運行后將彈出一個輸入框，若用戶輸入的成績大于80分，則將彈出顯示“成績不錯嘛！”的消息框。<scriptLANGUAGE="VBScript">DimmyScoreScore=InputBox("請輸入考試成績：〃，〃輸入成績〃)IfScore>80ThenMsgBox”成績不錯嘛！”</script>(2)條件為True時執(zhí)行多行語句如果要在條件為True時運行多行語句，必須使用包含EndIf語句的多行(或塊)語法結(jié)構(gòu)。其語法格式為If<條件>Then〈語句序列〉EndIf35（3）條件為True和False時分別執(zhí)行指定語句可以使用If語句結(jié)構(gòu)定義兩個可執(zhí)行語句塊，條件為True時運行某一語句塊，條件為False時運行另一語句塊。其語法格式為If<條件>Then〈語句序列1>Else〈語句序列2>EndIf【案例3-10】條件為True和False時分別執(zhí)行指定語句。下面的代碼在運行后若在彈出的輸入框鍵入的成績大于80分，將彈出一個“成績不錯嘛！”的消息框，否則將彈出一個“成績不理想，尚需努力！”的消息框。（scriptLANGUAGE二〃VBScript”〉DimmyScoreScore=InputBox（〃請輸入考試成績：〃，〃輸入成績〃）IfScore>80ThenMsgBox”成績不錯嘛！”ElseWord=〃成績不理想，尚需努力！〃MsgBoxWordEndIf</script>（4）對多個條件進(jìn)行判斷If語句結(jié)構(gòu)的一種變形是允許從多個條件中加以選擇，即添加若干個ElseIf子句以擴充If語句的功能，使得整個結(jié)構(gòu)可以控制基于多種可能的程序流程。其語法格式為If〈條件1>Then語句塊1>ElseIf（條件2>語句塊2>ElseIf（條件3>語句塊3>…[Else語句塊n+1>]EndIf【案例3-111多條件判斷語句應(yīng)用示例。36這是一個在服務(wù)器端運行的腳本程序，將根據(jù)成績變量Score的值自動輸出相應(yīng)的成績檔次。<%DimScoreScore=82IfScore>=85ThenResponse.Write"優(yōu)秀”ElselfScore>=75ThenResponse.Write“良好"ElseIfScore>=60ThenResponse.Write"及格"ElseResponse.Write"不及格”EndIf%>2、Select…Case語句其語法格式為SelectCase〈表達(dá)式〉Case(值1>語句塊1>Case (值2>語句塊2>…[CaseElse語句塊n+1>]EndSelect【案例3-12】Select…Case語句應(yīng)用示例。將下面的代碼保存為3-12.asp文件，這是一個在服務(wù)器端運行的腳本程序，傳送到瀏覽器窗口的顯示結(jié)果如圖3-9所示。<%DimWeek,MyweekWeek=WeekDay(Date)SelectCaseWeekMyweek="星期日"Myweek="星期一"37Myweek="星期二"Myweek="星期三"Myweek=〃星期四〃Myweek="星期五"CaseElseMyweek="星期六"EndSelectResponse.Write”今天是："&Date&Space(3)&Myweek%>3、DO…Loop循環(huán)其語法格式為Do〈語句塊〉LoopWhile<條件〉4、While…Wend循環(huán)其語法格式為While<條件〉〈語句塊〉Wend5、For…Next循環(huán)其語法格式為For〈循環(huán)變量〉=〈初始值〉To〈終止值〉［Step<步長值〉］〈語句塊〉Next6、循環(huán)語句的嵌套VBScript允許在一個循環(huán)結(jié)構(gòu)的循環(huán)體內(nèi)包含另一個循環(huán)語句結(jié)構(gòu)，即允許循環(huán)嵌套。7、用Exit退出循環(huán)VBScript語言允許在Do…Loop語句結(jié)構(gòu)的循環(huán)體中設(shè)置專門的ExitDo語句，在某個條件滿足時退出循環(huán)。此外還提供了一種專門退出For…Next循環(huán)的ExitFor語句。小結(jié)剩余時間讓學(xué)生練習(xí)操作，完成課本案例內(nèi)容，并能夠通過案例內(nèi)容加深對代碼的認(rèn)識。38板書設(shè)計教學(xué)隨筆內(nèi)容主要

介紹了內(nèi)容主要

介紹了第3章VBScript腳本語言1、VBScript內(nèi)置函數(shù)2、VBScript流程控制VBScript的相關(guān)知識，通過課程的學(xué)習(xí)，熟悉VBScript的常用內(nèi)置函數(shù)和熟悉VBScript的程序流程控制語句。最后能夠運用所學(xué)相關(guān)知識，編寫簡單的程序代碼。39課題第3章VBScript腳本語言3.6-3.7教學(xué)目標(biāo)熟悉VBScript的Sub過程與Function過程。了解JavaScript的特點及其基本語法規(guī)則。教學(xué)重占八、、JavaScript的特點及其基本語法規(guī)則教學(xué)難占八、、VBScript的Sub過程與Function過程教學(xué)時間4課時教具準(zhǔn)備計算機周次第八周教學(xué)組織與實施教師活動學(xué)生活動導(dǎo)入：在程序設(shè)計中，所謂過程(Procedure)是指用戶編寫的具有特定功能的一段相對獨立的程序代碼。VBScript的過程被分為Sub過程和Function過程兩大類。無論是哪類過程，在編寫腳本代碼時都必須先進(jìn)行定義，而后才可以被一個命令行或表達(dá)式顯式地調(diào)用執(zhí)行，或者在特定事件發(fā)生時被觸發(fā)而調(diào)用執(zhí)行。上課內(nèi)容：一、VBScript過程1、Sub過程Sub過程是包含在Sub和EndSub語句之間的一組VBScript語句，執(zhí)行所規(guī)定的操作但不返回值。Sub過程的定義格式為Sub過程名([參數(shù)1,參數(shù)2,…])〈語句塊》EndSub2、Function過程Function過程又被稱為函數(shù)過程，是由Function語句開始、由End學(xué)生聽課做筆記40Function語句結(jié)束的一組VBScript語句。Function過程與Sub過程不同的是：Function過程通常會返回一個值，而Sub過程不返回值。Function過程的定義格式為Function過程名（［參數(shù)1,參數(shù)2,…］）〈語句塊》〈過程名〉=〈表達(dá)式》EndFunction3、VBScript過程的調(diào)用（1）Sub過程的調(diào)用在調(diào)用Sub過程時，只需輸入過程名及參數(shù)值，若有多個參數(shù)，則各參數(shù)之間應(yīng)使用逗號分隔。（2）Function過程的調(diào)用在調(diào)用Function過程時，其過程名必須出現(xiàn)在變量賦值語句的右端或者出現(xiàn)在表達(dá)式中，同時必須將所有參數(shù)包含在括號之中。（3）通過觸發(fā)事件調(diào)用過程【案例3-22】通過觸發(fā)事件調(diào)用過程示例。在網(wǎng)頁中設(shè)置一個按鈕并定義一個相應(yīng)的Sub過程，使得單擊這個按鈕時將自動執(zhí)行這個Sub過程。代碼保存為3-22.html文件，運行結(jié)果如圖3-16所示。二、）@丫25討1口甘概述.腳本語言設(shè)定使用JavaScript編寫腳本程序時，需要在程序代碼開始處用如下形式的＜script＞標(biāo)記進(jìn)行腳本語言種類的設(shè)定。＜scriptLanguage="JavaScript”〉.語句與語句塊在編寫JavaScript腳本代碼時，每行開始一條新語句，每條語句通常需要用分號（；）來顯式地終止，例如下列兩條語句：aBird="Robin";vartoday=newDate（）;.語句注釋在JavaScript腳本代碼中允許添加注釋文字，單行注釋以一對正斜杠“//”開始，可以單獨作為一條語句，也可以寫在某條語句的后面；多行注釋文字則應(yīng)寫在特定的“/*”和“*/”之間。例如，在下面的代碼段中就包含了單行注釋文字和多行注釋文字。varnumA=100,numB=200; //聲明變量的值document.write（numA+numB）;41/*以上程序的作用是將兩個變量的值相加并將結(jié)果顯示出來*/.賦值與等式在JavaScript中，使用等號“二”來表示賦值操作。例如，下面的JavaScript代碼語句是將數(shù)值3賦給變量anInteger,將字符串“JavaScript”賦給變量aString。anInteger=3;aString="JavaScript";需要特別注意的是：在JavaScript中比較兩個數(shù)據(jù)是否相等時，不是使用一個等號，而是應(yīng)該使用一對等號“二二”。例如，下面的代碼：if（age==100）Document.Write（"YoUre100yearsold!"）;5.數(shù)據(jù)類型JavaScript支持各種數(shù)據(jù)類型，常用的4種基本數(shù)據(jù)類型包括：數(shù)值類型（包括整數(shù)和實數(shù)）、字符串類型（用單引號或者雙引號括起來的若干個字符）、布爾類型（包含True和False）和空值類型（用null表示，如果引用一個未定義的變量，將返回null）。三、）2丫25討1口土變量.變量聲明JavaScript采用弱類型變量，即程序中使用的變量可不必聲明。然而，在使用變量之前先用var關(guān)鍵字進(jìn)行聲明是一種良好的編程習(xí)慣。下面是一些對變量進(jìn)行聲明并給予賦初值的語句示例。varname="Andrew"; //聲明一個字符串型變量并賦初值varage=32,height=178; //允許在一行中聲明多個變量varyn=true; //聲明一個布爾型變量并賦初值varpop=1.36e8 //1.36e8為科學(xué)記數(shù)方法，表示1.36X108.變量命名JavaScript是一種區(qū)分字母大小寫的語言，因此將一個變量命名為myCounter和將其命名為mYCounter是不一樣的。另外，變量名稱的長度可以任意，但必須遵循以下規(guī)則：第1個字符必須是字母（大小寫均可）、下畫線（_）或一個美元符（$）;42

后續(xù)字符可以是字母、數(shù)字、下畫線或美元符；變量名稱中不能含有空格，也不能是JavaScript的保留字。四、JavaScript運算符日期時間函VBScript提供了若干個用于獲取系統(tǒng)日期與時間的函數(shù)，如表3-5所示?！景咐?-61日期時間函數(shù)應(yīng)用示例。了解ASP動態(tài)、靜態(tài)網(wǎng)頁工作過程代碼保存為3-6.html文件，在IE瀏覽器中運行的結(jié)果如圖了解ASP動態(tài)、靜態(tài)網(wǎng)頁工作過程<html><head>《五卜>日期時間函數(shù)舉例</title>(scriptLANGUAGE二〃VBScript”〉<!--Document.Write"現(xiàn)在是："&Now()Document.Write”<br/>今天的日期是："&Date()Document.Write”<br/>現(xiàn)在的時間是："&Time()Document.Write”<br/>今天的日期是："&Year(Date)&'年"&_Month(Date)&"月"&Day(Date)&"日"--></script></head><body></body></html>2、數(shù)學(xué)運算函數(shù)VBScript提供了多個用于數(shù)學(xué)運算的函數(shù)，如表3-6所示?！景咐?-7】數(shù)學(xué)運算函數(shù)應(yīng)用示例。將下面的代碼保存為3-7.html文件，在瀏覽器中的運行結(jié)果如圖3-7所示。<html><head><title>數(shù)學(xué)運算函數(shù)舉例</title><scriptLANGUAGE二〃VBScript〃><!--Document.Write"SQR(10)的值是："&sqr(10)Document.Write“<br/>Int(-18.9)的值是："&int(-18.9)Document.Write“<br/>Fix(-18.9)的值是："&fix(-18.9)Randomize43Document.Write”<br/>產(chǎn)生一個0到9的隨機數(shù)：”&Int(Rnd()*10)--></script></head><body></body></html>3、字符處理函數(shù)VBScript提供了多個用于字符處理的函數(shù)，如表3-7所示?！景咐?-8】字符處理函數(shù)應(yīng)用示例。將下面的代碼保存為3-8.html文件，在瀏覽器中的運行結(jié)果如圖3-8所示。<html><head><title>字符處理函

溫馨提示

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

最新文檔

評論

0/150

提交評論