《ASP動態(tài)網(wǎng)頁設(shè)計》電子教案?第一講AＳP的系統(tǒng)運行環(huán)境教學(xué)重點：1、AＳP動態(tài)網(wǎng)頁的工作基本原理;2、Wiｎｄows20０0Ｓerveｒ/XPＩＩS的安裝與配置；教學(xué)要求:1、熟知有關(guān)ASＰ的基本概念和工作原理,如ASP、HＴＭL、靜態(tài)網(wǎng)頁、動態(tài)網(wǎng)頁、HTTP、ＰＷS、IＩＳ、IP地址等；理解靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的區(qū)分。2、嫻熟掌握ASＰWeb服務(wù)器的安裝與運行環(huán)境的配置，格外是在Winｄｏws２０00Ｓｅrｖｅr系統(tǒng)中ＩＩS的安裝與配置；熟知WEB服務(wù)器根名目的設(shè)置和主頁文件的命名。3、熟知ＡＳＰ文件的基本格式；嫻熟運用Dreａmｗｅavｅｒ編輯ASP動態(tài)網(wǎng)頁源代碼;嫻熟掌握使用本機IE掃瞄器調(diào)試ASP程序的方法。教學(xué)內(nèi)容1、關(guān)于網(wǎng)站的有關(guān)術(shù)語與知識Ｗeb服務(wù)器：存儲和管理供應(yīng)全球各地用戶掃瞄網(wǎng)頁的服務(wù)器,軟件支持如：運行在windoｗs20００ｓever系統(tǒng)上的ＩＩS，運行在unix系統(tǒng)上的apachｅ等;客戶端掃瞄器：通過在地址欄中輸入Weｂ服務(wù)器地址從而訪問Web服務(wù)器的軟件；目前主要是ＩｎternetEｘplorer(ＩＥ）和Nｅｔsｃape;HＴML：超級文本標記語言(HｙｐｅｒtextMark-upLaｎｇuagｅ）標準的文本文件，不是編程語言,而是一種描述性的標記語言;如:＜fｏnｔfａcｅ＝"宋體"ｓize＝4ｃｏｌor=”#FF0000”>安徽工業(yè)職業(yè)技術(shù)學(xué)院〈/fｏnｔ＞;HTＴP：（HypeｒtextＴranｓｆｅrｓPｒoｔocol)超級文本（超級鏈接）的傳輸協(xié)議，是TＣP/ＩＰ協(xié)議的一部分;這個協(xié)議管理Web掃瞄器如何向Web服務(wù)器懇求文件,以及服務(wù)器如何將文件發(fā)送回來。ＦTP：（FileTrａnｓferｓPｒoｔoｃol）文件傳輸協(xié)議，在互聯(lián)網(wǎng)上上傳或下載文件的協(xié)議;通常需要輸入ＩＰ地址、用戶名、密碼等;IIS：（InｔernetInｆorｍaｔｉonSｙｓteｍ）Iｎtｅrnｅｔ信息服務(wù)器，用于配置和管理WＥB站點的軟件；能響應(yīng)客戶端用戶的懇求從而下載網(wǎng)頁到客戶端；IP地址：用于標識互聯(lián)網(wǎng)上各類計算機和服務(wù)器的唯一地址，其由32位二進制組成，分成四段,每段8位，如:1９2.16８．0.１；子網(wǎng)掩碼：用于通過與IP地址進行“與"操作來推斷某兩個IP地址是否位于同一個網(wǎng)內(nèi),如果在一個網(wǎng)內(nèi)，則在網(wǎng)內(nèi)查找,否則將數(shù)據(jù)包發(fā)送到路由器到外網(wǎng)查找;域名：是替代枯燥乏味的IP地址的一種分層次的表示方式；如：HYPＥＲLＩNK”http:／/www。ａhｉ＂wｗw．a(chǎn)hｉ；HYＰERLIＮK”http://wwｗ.yaｈoｏ.ｃom.ｃn＂wｗw。ｙahｏo。coｍ．cｎ;域名服務(wù)器DNＳ:將域名解析為IP地址的服務(wù)器（簡略原理可參考有關(guān)網(wǎng)絡(luò)類書籍）;2、何為ASＰ？ＡＳＰ是ＡctiveServｅrＰａges的簡稱，是微軟公司開發(fā)的一套服務(wù)器,在這種環(huán)境中,通過在標準的HＴML網(wǎng)頁中嵌入和使用ＡＳP內(nèi)建對象和可安裝組件AcｔｉveＸ組件,并結(jié)合VＢScript或JavaSｃrｉpt編程,即可建立動態(tài)的、交互的、功能強大的Ｗeb頁面.主要運行于WiｎdoｗsＮT或Windows２000seｒveｒ平臺，其服務(wù)器為IIS4．0/５．0；擴展名為：。ａsp;3、ASP的執(zhí)行方式靜態(tài)網(wǎng)頁：在客戶端掃瞄地址欄目中鍵入某個網(wǎng)址,它會向Wｅb服務(wù)器發(fā)送一個HTＴP懇求消息（包含消息頭和消息體）；ＨＴＴP懇求的第一行如下所示：GET/hｔtp：/／wｗw。soｈｕ.com/ａ．ｈｔmＨＴTP／1．1這一行指定了一個被稱為（methｏd）的HTTP命令、文檔的地址、HＴTP協(xié)議的版本，還有一些有關(guān)掃瞄器的信息。Web服務(wù)器接收懇求，處理懇求,并發(fā)出響應(yīng)。HTTP響應(yīng)的第一行如下所示：HTTＰ/1.1200ＯK狀態(tài)碼為“20０"意味著成功，之后還有一些頭信息用于指定當前的時間、服務(wù)器的類型、數(shù)據(jù)的類型，其后是所懇求的數(shù)據(jù)。如果懇求的頁面文件的擴展名為ＨTM或HＴML，則服務(wù)器直接從硬盤中讀取所懇求的頁面文件，然后將其傳送給客戶端掃瞄器，客戶端掃瞄器收到服務(wù)器傳送的網(wǎng)頁代碼后,然后對其解釋執(zhí)行,從而顯示網(wǎng)頁的內(nèi)容。IE瀏覽器（客戶端）IE瀏覽器（客戶端）服務(wù)器IIS（ASP）/a.htmhttp請求窗口下載a.htm解釋HTML網(wǎng)頁元素<table><table><tr><td>安徽……<td><tr></table>……<scriptlanguage=”javascript”>……</script>動態(tài)網(wǎng)頁：若擴展名為．ASP，從服務(wù)器中讀取出所懇求的文件,然后對其ASＰ腳本代碼進行解釋執(zhí)行,生成新的HＴMＬ格式，與非ASＰ代碼部分結(jié)合,產(chǎn)生動態(tài)的HTＭL網(wǎng)頁,并且可以一些供應(yīng)高級服務(wù)(數(shù)據(jù)庫的存儲、電子郵件的發(fā)送等）。Web服務(wù)器Web服務(wù)器IIS（ASP）執(zhí)行ASP部分Oldhtml<%……%>OldhtmlIE瀏覽器（客戶端）Newhtml窗口http請求/a.aspOldhtml解釋html網(wǎng)頁元素數(shù)據(jù)庫服務(wù)器（DB）郵件服務(wù)器（smtp）提示:服務(wù)器與客戶端的位置關(guān)系有三種:1、在同一機器中（localｈost或12７.0。０.1）２、在局域網(wǎng)中３、在互聯(lián)網(wǎng)中４、AＳPWeb服務(wù)器的安裝與配置（實驗指導(dǎo)1）掌握面板》》》添加和刪除程序》》》添加和刪除wiｎdows組件》》》Ｉnｔerｎet信息服務(wù)》》》將系統(tǒng)盤放入光驅(qū)中，安裝后在“管理工具"中消滅Iｎteｒｎet信息服務(wù)器即可;主要需要配置Ｗeｂ服務(wù)器的根名目和默認主頁文件。運行DreaｍwｅaverＭＸ2004建立站點，完成相關(guān)的設(shè)置，其中根名目與IIS中全都,并使用服務(wù)器技術(shù);５、程序舉例(cｈapter01／myfirsｔｐａge.aｓp、sｈｏｗｄaｔe.aｓp)//ｍyfｉｒstpａｇe．a(chǎn)sp＜%@LAＮGUAGE="ＶＢＳCRＩPT"ＣOＤEPＡＧE＝”936"%＞〈ｈtml＞〈heａd>〈metａhttｐ—equiｖ=”Ｃoｎｔent—Type"ｃontｅnt＝＂tｅxt/ｈtml；chａrｓet＝gb２31２"/><ｔｉｔlｅ＞無標題文檔</title>〈／ｈead＞<body＞〈ｈ1＞我是張山,大家好！我的Web服務(wù)器配置好了,我的IP地址是１９2．１68.０．1。請訪問吧！這是我的第一個ＡSP網(wǎng)頁!〈／ｈ1〉〈/ｂｏｄy＞〈／html＞／／ｓhowｄatｅ.asp〈％@LＡNGUAGE＝＂ＶＢSCRIPＴ"COＤEPAGE=”9３６"%>〈html>〈heaｄ〉＜mｅtahtｔp—ｅｑuiv＝”Coｎtｅｎｔ－Type＂coｎｔent＝”tｅxｔ/ｈｔmｌ;chaｒｓet＝ｇb2３１2”>〈title〉無標題文檔</ｔiｔｌe><／hｅad＞〈ｂｏdy＞<taｂｌewｉｄｔh="３７5＂bｏrｄer=”0＂aｌiｇn=”center”ｃeｌlpａddｉnｇ=＂０”ｃellｓｐaｃiｎg=”0＂〉＜tｒ＞〈ｔdwiｄth="1７8＂>現(xiàn)在日期：</td>＜tdwiｄtｈ=＂１97”><％=noｗ％＞<／ｔd>〈／tｒ〉＜/ｔabｌe><／body＞</hｔmｌ>課后問題:請在有關(guān)書籍中或Intｅrneｔ中查找并補充有關(guān)網(wǎng)絡(luò)有關(guān)概念和術(shù)語的簡略內(nèi)容;現(xiàn)在有一家民營企業(yè)盼望在互聯(lián)網(wǎng)中擁有自己的網(wǎng)站來宣揚自己的產(chǎn)品,你該做哪些事情呢?能有幾種方案？費用多少?3、課后作業(yè):教材中Ｐ１３——1，２?其次講ＨTＭＬ?基礎(chǔ)教學(xué)重點：1、ＨTML表單的應(yīng)用；2、ＣSＳ層疊樣式表的應(yīng)用;教學(xué)要求:1、了解HＴMＬ語言與高級語言（如ＶＢ、C等)的區(qū)分；識記網(wǎng)頁常用標記及屬性，如標題、字體、段落、圖像、超鏈接、表格等；２、嫻熟掌握HＴＭL表單中各界面對象的標記符號和屬性,如表單、文本域、列表域、復(fù)選框與單選鈕、命令按鈕等；３、嫻熟掌握在Ｄreamｗeａvｅr中使用層疊樣式表CSS;了解層疊樣式表與標記屬性的區(qū)分。教學(xué)內(nèi)容：１、構(gòu)建HＴMＬ網(wǎng)頁(ｃhaｐｔer02/sｅcｔｉon2/hｔmｌpagｅ．a(chǎn)sp）<%@LANＧUAGＥ="VＢSＣRIPT＂CODEPＡGE=＂9３６”%>＜htｍl＞＜heａd><mｅtahttp-equiv="Coｎtent—Ｔｙｐｅ＂conｔent=”ｔｅxｔ/ｈｔml;ｃhａｒseｔ＝gb2312"＞〈title〉標題<／title〉＜sｔylｅtyｐe=”text/ｃｓs"＞＜!—－form｛?tｅｘt—aliｇｎ：center；}-－>＜／style＞〈lｉｎkhｒeｆ=＂myｓtylｅ。cｓs"rel＝"ｓtyｌeshｅet＂typｅ=”text/ｃss＂〉〈Scriｐｔｌaｎgｕagｅ=＂ＪａｖaSｃriｐt”＞funcｔiｏncｈeｃkfoｒm（）{函數(shù)體}〈/scripｔ＞〈/heaｄ>〈body〉主體部分<／ｂodｙ>＜/html〉2、HＴML標記的特點1、ＨTML是文本文件,標記符號均用<〉括起來,大多數(shù)標記成對消滅,結(jié)束標記多一個斜杠,其用法見其上；2、標記擁有自己的屬性；＜ｆｏntｆａce="宋體”ｓiｚe=4cｏｌor=”＃FＦ０0０0”＞安徽工業(yè)職業(yè)技術(shù)學(xué)院〈/font〉3、HTＭＬ標記可嵌套使用,不能交叉；〈ｂ＞〈diｖalｉgｎ＝cenｔeｒ＞＜fｏntcolor=＃ＦＦ00>Actｉveｓeｖｅrpaｇe</fｏnt〉<／dｉv>＜／b＞4、少數(shù)標記是單獨使用如:＜BR>、<HR〉3、常用標記（圖像、超鏈接和表格)掌握＜metａ〉1、讓掃瞄器正確顯示不同格式的多媒體文件<ｍetaｈtｔp－eｑuiv＝”ＣoｎｔenｔType"coｎtent=”viｄeo／mpｅg”＞〈mｅtaｈttｐ—eｑuｉv＝”ConｔenｔTypｅ”cｏnteｎt=”audｉo／x—wａv”〉<ｍｅtａhttｐ—ｅｑuｉv=”ContｅntＴypｅ”content＝”iｍaｇｅ/gif">2、定義網(wǎng)頁語言（字符集)〈metaｈttｐ－ｅｑｕiv=”CｏntenｔTｙpe"cｏntent="ｉmaｇｅ/gif”＞＜ｍｅtａｈttp—eqｕiｖ="Ｃｏntent—Ｔype”conteｎｔ＝"texｔ／hｔml；ｃhａrｓet=gb2312”>３、定義網(wǎng)頁關(guān)鍵字〈mｅtaname＝"ｋeywoｒds＂ｃoｎtenｔ＝”計算機，機電，礦產(chǎn)＂><metａｎamｅ＝＂ａｕthor”cｏntenｔ=＂安徽工業(yè)職業(yè)技術(shù)學(xué)院＂〉<metaｎａｍｅ＝＂ｄeｓcrｉptioｎ"content=＂安徽工業(yè)職業(yè)技術(shù)學(xué)院是一所工科院校。。。"＞4、將站點自動跳轉(zhuǎn)到另一頁<metahttp-eｑｕiｖ=”Ｒeｆｒesｈ"conｔenｔ=”6;ＵRL=ｘｘｘ．htm”＞5、讓訪問者忽視緩沖頁面〈meｔａｈttp-eqｕiv＝”Ｐraｇmａ"coｎtｅnt=”no—cａchｅ”＞〈ｆoｎtfaｃｅ="宋體”sizｅ=４cｏlor="＃FF0000”>安徽工業(yè)職業(yè)技術(shù)學(xué)院＜/font〉<ｉmｇｓrc＝”ｉmａges／ｆloｗeｒ．jpｇ”bｏrder=”１"〉〈ahｒｅｆ=”httｐ：/／www。ahip．cｏm”＞安徽工業(yè)職業(yè)技術(shù)學(xué)院<／ａ><ahrｅf=”超星閱讀。exｅ”>單擊此處文件下載＜/a>（chａpter０2/section3／ｄowｎｌoaｄ。aｓｐ)〈tabｌeborder＝＂０”ｂｏｒdｅrcoloｒ=＂＃FF00００＂＞（chaｐtｅr02／sｅｃtioｎ4／myfｏｒｍ．a(chǎn)sｐ)<tr＞〈ｔdcｏｌspan=＂２"class=”tｄ１”＞用戶注冊〈／ｔd〉＜/tr>＜tｒ〉〈tdwｉdth＝”2８９＂class=＂td2”>用戶名：〈／td＞〈ｔdｗｉｄth="2９5"class="tｄ2”〉＜inputname="ｕseｒnａme"ｔype="texｔ”id＝"uｓｅrnａme"〉＜/tｄ>〈/tr〉</ｔabｌｅ＞4、ＨTＭL的表單（cｈapｔｅｒ02/sｅｃtion４/myfoｒm。aｓｐ)〈formａctｉon=＂uｓerｌogｉn．ａsp＂metｈｏd=”pｏｓt"ｎame=＂ｌｏｇin">〈/fｏrｍ＞兩種表單數(shù)據(jù)的傳遞方法：GET和POＳＴ方法GEＴ方法:將表單數(shù)據(jù)附加在Action屬性指定的ＵＲL地址之后，并在ＵRL地址與表單數(shù)據(jù)間加上一個“？”分割符,表單的各個數(shù)據(jù)項間用“＆"分割符。HＹPERLINK”http:／／lｏｃalｈｏst/tｅｓt．a(chǎn)sp？txｔｉd=0１2&txtusename＝uｃａu＂http：／/lｏｃalhｏsｔ/ｔest。asp?ｔxtid＝0１2&tｘtuseｎaｍe=ucａｕGＥＴ方式一次最多只能提交25６個字符；POST方式是將表單數(shù)據(jù)作為一個獨立的數(shù)據(jù)塊直接發(fā)送給服務(wù)器；表單中的界面對象單行文本域〈ｉnputnaｍｅ=”ｕｓｅｒnａmｅ＂type＝"texｔ"iｄ＝”userｎame”＞隱藏域〈inｐutnａme=”uｓeｒnaｍｅ＂type＝＂hiｄdeｎ"ｉd＝"uｓerｎａme＂〉口令域〈iｎpｕtname=”userkeｙ1"tｙｐe=”ｐａｓｓｗoｒｄ"iｄ＝＂userｋey１＂>單選按鈕＜inpｕｔｎamｅ="sｅx"type="ｒａdiｏ”vａｌue＝＂radｉobuｔｔon"cheｃked〉男＜inputtyｐe＝”rａdio"name="sex＂value＝”radｉｏbutton"＞女列表框<seｌeｃtnaｍｅ＝"ｅｄu＂ｓｉzｅ=＂1＂id＝＂ｅdu”>〈optiｏnvａｌue＝”碩士以上”〉碩士以上＜／optｉｏn＞<ｏｐｔioｎvａluｅ＝"高校本科"＞高校本科〈/opｔiｏｎ〉＜ｏｐtionvalｕe=＂大專”>大專＜/oｐtｉoｎ〉〈oｐtionvaluｅ=”中專以下＂＞中專以下〈/opｔioｎ>〈／ｓeｌｅct〉按鈕＜inｐuttyｐe="butｔon"ｎame="Subｍit"ｖａlue＝＂確定"＞<inputtypｅ=”sｕｂmｉt＂name="Submｉt＂vａluｅ=＂登陸＂＞<iｎｐuｔtypｅ=”ｒeｓｅt”ｎaｍｅ="Submit2"ｖaluｅ=＂全部重寫＂〉5、HMＬ的其他常用標記；（chapteｒ0２/sectｉoｎ5／dｕomeitｉ．a(chǎn)ｓp、mｏvelｅｆｔ.ａsp）多媒體<ｉmｇdynsｒc=＂ｃloｃk。avi＂stａrt＝＂mouｓｅover"〉<ｂｇｓounｄsｒc＝"ｂｇ.ｍｉｄｌｏｏｐ=3><ｍａrｑｕｅeｄｉrｃtion＝upｂehavｉor="scrollｓcrollamoｕnt=滾動速度scroｌldｅlａｙ=滾動延遲時間bgcolｏr＝背景顏色〉滾動的內(nèi)容〈／ｍarquｅe>6層疊樣式表ＣSS(ｃhaｐter0２/ｓection６/mｙfｏrｍ．ａsｐ)層疊樣式表(CascａdingStyleSheeｔ)是一系列格式設(shè)置規(guī)章，它們掌握Web頁面內(nèi)容的外觀。術(shù)語cａscadｉｎg表示向同一個元素應(yīng)用多種樣式的能力。例如，可以創(chuàng)建一個CＳS規(guī)章來應(yīng)用顏色，創(chuàng)建另一個CSＳ規(guī)章來應(yīng)用邊距,然后將兩者應(yīng)用于頁面上的同一個文本。所定義的樣式向下“層疊”到您的Web頁面上的元素，并最終創(chuàng)建您想要的設(shè)計。優(yōu)點１:使用ＣＳS可以格外靈敏并更好地掌握簡略的頁面外觀,從精確的布局定位到特定的字體和樣式.CSＳ允許您掌握HＴＭＬ無法獨自掌握的很多屬性。例如，可以為選定的文本指定不同的字體大小和單位(像素、磅值等)。通過使用CSＳ以像素為單位設(shè)置字體大小,還可以確保在多個掃瞄器中以更全都的方式處理頁面布局和外觀.除設(shè)置文本格式外,還可以使用CＳＳ掌握Weｂ頁面中塊級別元素的格式和定位。例如，可以設(shè)置塊級元素的邊距和邊框、其他文本周圍的浮動文本等。優(yōu)點2:它供應(yīng)了便利的更新功能;更新一處的CSＳ規(guī)章時，使用該已定義樣式的全部文檔的格式都會自動更新為新樣式.CSS格式設(shè)置規(guī)章由兩部分組成：選擇器和聲明。選擇器是標識格式元素的術(shù)語（如Ｐ、H1、類名或ＩD)，聲明用于定義元素樣式.在下面的示例中,H1是選擇器,介于括號({}）之間的全部內(nèi)容都是聲明：H１｛font－siｚe:１6pixｅls;fonｔ-famiｌy：Ｈeｌｖeticａ；foｎt－weｉｇｈt:bｏld；｝聲明由兩部分組成:屬性（如font－family）和值（如Heｌvetiｃa）。上面的ＣＳS規(guī)章為H1標簽創(chuàng)建了一個特定的樣式：鏈接到此樣式的全部H1標簽的文本都將是16個像素大小、Helveｔｉca字體和粗體。在Dreamｗｅａｖer中可以定義以下樣式類型：自定義CSS規(guī)章(也稱為類樣式)使您可以將樣式屬性應(yīng)用于任何文本范圍或文本塊。(請參見HＹPERＬＩNK＂１４_tex３６。ｈtｍ”\ｌ”wp48７5９４”應(yīng)用類樣式.）<ｓtｙletypｅ＝”ｔeｘt/ｃｓs＂〉。myｓｔyle｛?fｏnt-famｉlｙ：”新宋體";?fonｔ－siｚe:２４pｘ;?foｎt－wｅｉght:300；?color:＃FＦ０0０0；}＜/sｔｙlｅ〉HＴML標簽樣式重定義特定標簽（如h1)的格式。創(chuàng)建或更改H1標簽的ＣＳS樣式時，全部用H1標簽設(shè)置了格式的文本都會立即更新.H1｛foｎt－size：16pixelｓ;foｎｔ-famiｌy：Ｈｅlveticａ;ｆｏnｔ—ｗeigｈｔ:bｏld；}ＣSＳ選擇器樣式（高級樣式）重新定義特定元素組合的格式設(shè)置，或重新定義ＣSＳ允許的其他選擇器表單的格式設(shè)置(例如，每當h2標題消滅在表格單元格內(nèi)時都應(yīng)用選擇器tdｈ2)。高級樣式還可以重新定義包含特定iｄ屬性的標簽的格式設(shè)置（例如,＃mｙStｙle定義的樣式可應(yīng)用于包含屬性值對iｄ＝＂myStyle”的全部標簽)。〈stｙletype=＂teｘt/cｓｓ”＞〈！－－ｔｄh２｛ ｆoｎｔ—ｆaｍｉly:”宋體"；?foｎt-sｉze：x－lａrｇｅ;?font—ｗeiｇｈt：5０0； color：＃000０９９；｝#mysｔyle｛?font—fａmiｌy：”宋體”;?font—ｓize：3６px; ｃoｌor：＃FＦ0０００;｝－->＜／ｓtｙｌe＞〈bｏｄy〉＜ｆｏrmｉd=＂ｆoｒm1＂nａme="form1”mｅthｏd＝”ｐoｓt”ａction="”〉＜ｌａｂel><ｉnpuｔtｙpe="ｔeｘt"name=”tｅｘtfiｅｌd”iｄ＝"mystylｅ”/〉＜/lａbel>＜/form>CSＳ規(guī)章可以位于以下3個位置：內(nèi)部（或嵌入式）CＳS樣式表是一系列包含在ＨＴMＬ文檔文件頭部分的sｔylｅ標簽內(nèi)的CSＳ規(guī)章。<stylｅtypｅ=＂text/css”＞body｛?ｍargin：auto；?padding-top:100ｐx；?padding-right:0px；?padｄｉｎg-bottom：0ｐｘ；?padｄing-leｆt:０px； backgrｏuｎｄ-colｏｒ：#FFCＣＦＦ；}＜/styｌe〉外部CSＳ樣式表是一系列存儲在一個單獨的外部ＣSＳ（。ｃｓs)文件（并非HTML文件）中的ＣＳＳ規(guī)章.利用文檔文件頭部分中的鏈接，該文件被鏈接到Web站點中的一個或多個頁面。＜liｎkhrｅf＝"mystyle．cｓｓ＂rel=＂ｓtylesheet”type=”tｅxt/cｓs”>內(nèi)聯(lián)樣式是在標簽的特定實例中在整個HTML文檔內(nèi)定義的。〈ｐstｙle＝"ｌｉｎｅ－h(huán)eiｇｈt：14.5ｐt；cｏlor：rｅd＂＞這是直接在標記符號中應(yīng)用的樣式的方法</p〉注意：手動設(shè)置的HＴＭL格式設(shè)置會掩蓋通過CSS應(yīng)用的格式設(shè)置.要使CＳS規(guī)章能夠掌握段落格式，必須刪除全部手動設(shè)置的HＴML格式.ＣSS樣式設(shè)置HＹＰＥＲＬIＮK”14＿ｔeｘ50。htm”定義CＳＳ樣式背景屬性HYPERLINK”１4_tｅｘ52．ｈｔm＂＼ｌ＂ｗp2８593５＂定義ＣSS樣式區(qū)塊屬性ＨYPERLＩNＫ＂14_tex53.htm"\l”ｗｐ285972"定義CSS樣式方框?qū)傩訦YPＥRLＩNK”14＿tｅx5４.ｈtm＂\l”wｐ2８6000”定義CＳS樣式邊框?qū)傩裕龋貾ERLINK"14_tｅx5５.htm”＼l＂ｗp286026＂定義CSS樣式列表屬性HYPERLINＫ”14＿tex５６.htm”\l"wp２86055＂定義CSS樣式定位屬性HＹＰEＲＬIＮK”１4＿tｅｘ5７。htm"＼l"wp2８6０９4＂定義CＳS樣式擴展屬性課后問題:１、請訪問“安徽工業(yè)職業(yè)技術(shù)學(xué)院”的首頁，查看源代碼，在這個頁面中使用了哪些HTＭL標記語言,使用了哪些CＳS樣式；2、總結(jié)描述全部的CＳS樣式的應(yīng)用，對于課堂上沒有提到的CＳS樣式請查閱Dｒeamweavｅｒ的幫助信息;３、自己制作一個“用戶信息注冊界面”的表單，運用CＳＳ樣式編排其字體、顏色、格式等元素,并給其他同學(xué)掃瞄,至少五位同學(xué)表示欣賞表示成功；?第三講JaｖaScriｐt教學(xué)重點:１、ＪavaScｒipt的語法特點，函數(shù)的定義、調(diào)用，變量的作用域；2、條件掌握語句、循環(huán)掌握語句；3、ＪａｖａScript中幾個常用對象的應(yīng)用；教學(xué)要求：１、回顧和復(fù)習(xí)以前C語言的基本語法知識;進一步加深理解Javascrｉpｔ語法知識;2、深刻理解有關(guān)函數(shù)中變量的作用域和各類掌握語句的功能；3、理解和靈敏運用JａｖaSｃript中常用的幾個對象的屬性和方法；教學(xué)內(nèi)容:1、什么是JavａScrｉpt？JavａScriｐt是Ｎｅtscaｐe公司推出的一種嵌入HTＭL文檔的，基于對象的腳本描述語言。利用它可以進一步的增強網(wǎng)頁的交互性、便利操作和掌握各種掃瞄器對象,實現(xiàn)掌握掃瞄器外觀、狀態(tài)和運行方式的目的。利用它還可以實現(xiàn)對用戶所輸入的數(shù)據(jù)進行有效性檢驗，從而減輕服務(wù)器的負擔。其語法與C語言很相像。２、在網(wǎng)頁中使用ＪavaSｃriｐt〈Ｓcripｔlａnｇｕage=＂ｊａvａｓｃript＂＞windoｗ.alｅrｔ（＂歡迎進入”）；</sｃripｔ>如果一段javａscriｐｔ應(yīng)用到多個網(wǎng)頁，可以將其放入到擴展名稱為:Jｓ文本文件.在需要使用”JavaＳcｒipt＂的頁面中插入方法:（chapｔｅｒ03/secｔioｎ１/jａvaｅxamｐｌe．a(chǎn)sp）＜SｃripｔLａnguａge="ＪavaScripｔ＂src=＂jａｖa／jａvａ.ｊs＂＞</ｓcriｐt>3、JａvａScript語法基礎(chǔ)1、JavａScripｔ的數(shù)據(jù)類型JaｖａScriｐt供應(yīng)四種基本的數(shù)據(jù)類型,分別為數(shù)值型、規(guī)律型、字符串型和undefｉned類型２、常量、變量(cｈａｐter03／seｃtion2/matｈexpressioｎ。ａsｐ）〈ｓcｒiｐｔlanｇuage="javascript”＞varnｕｍ=24，id=＂36＂；ｘ＝ｎｕｍ+ｉd；/／Nｕmber(iｄ）結(jié)果為60winｄｏw．ａlert（”x的值為:＂＋ｘ）；/／顯示的結(jié)果為“2４３6”＜/scripｔ>通過上例需要注意的問題:Jａvasｃript語句區(qū)分大小寫，語句以分號作為結(jié)束符號；用／/來注釋語句變量需要用vaｒ定義可以給多個變量賦初值；變量的類型轉(zhuǎn)換，數(shù)值型轉(zhuǎn)換成字符型進行連接運算；需要用類型轉(zhuǎn)換函數(shù)。３、表達式條件表達式（條件）?A:B（chａpter03/sｅｃtiｏn２／lｏｇiｃｅｘprｅsｓion。ａsｐ)<scriｐtlanｇuagｅ=”ｊavａscriｐｔ”〉age=20;mａn=（age>=18）?"adulｔ＂：＂ｍｉnor”;wｉndoｗ。aｌert("ｔhismanisa”+ｍaｎ)；〈／script＞算術(shù)表達式、關(guān)系表達式(＝=、＝==、>＝、〈=等)、規(guī)律表達式（＆＆、||、！等）〈scｒiptlａngｕａgｅ="ｊaｖａsｃrｉpｔ＂〉(ｃｈaｐtｅr0３/seｃtｉoｎ２/ｓameｖａlｕe.asp)ｄｏcｕment.wriｔe（"3"＝=3）;//顯示tｒｕeｄｏｃuｍｅｎt.wrｉte("3＂＝==3)；//顯示faｌse</scrｉpt＞4、函數(shù)：函數(shù)的定義：funｃtion函數(shù)名（形式參數(shù)）｛函數(shù)體returｎ表達式}（ｃhapｔeｒ03/sｅｃtion2/usefucnｔｉoｎ.aｓp)函數(shù)的調(diào)用：格式1：ｖarnaｍe=函數(shù)名(實際參數(shù))/／有返回值時用格式２：函數(shù)名（參數(shù)值）//無返回值時用ＪavａSｃｒipt的函數(shù)采納傳值方式進行傳遞;通常函數(shù)的定義是在〈hｅad>＜/hｅａd〉部分舉例:（cｈａpteｒ０３/seｃｔion２／passｖalｕe．ａsp）<htmlxmlns＝＂httｐ:／／wwｗ．w３。org/1999/ｘhtml”＞〈head><metaｈttp-eｑｕｉv=＂Ｃｏnｔenｔ－Type＂cｏnｔｅnt=”text/htmｌ；ｃhaｒｓeｔ＝gb2３12＂/＞＜tｉtle＞無標題文檔〈/tiｔｌe〉<scriｐｔlaｎｇuage=”ｊaｖａscｒipt">fuｎctｉoncuｂerooｔ(nｕｍ){ｎuｍ=Math．ｐow(num，1／3）?reｔuｒｎnum;}〈/sｃript＞〈/hｅaｄ〉<ｂoｄｙ＞＜scriptlａngｕage=＂javasｃript">varx＝2７winｄow.alerｔ（”2７的立方根為：＂+cuｂeroot（ｘ）+＂,x＝”+x）;</ｓcript〉〈/ｂｏｄy>〈/htｍl>5、變量的作用域作用域是指定變量的存活范圍,在JａvaＳcｒipt中，變量的作用域可分為過程級和頁面級，其實質(zhì)都是局部變量;在函數(shù)中運用ｖａｒ定義的變量只在函數(shù)體內(nèi)有效，如果消滅同名則屏蔽函數(shù)外的變量；如果未用ｖａr定義則使用函數(shù)外同名的變量，如果沒有同名的函數(shù)外變量則此變量在函數(shù)外仍然有效。舉例:<scripｔlａｎｇｕage＝"jaｖascｒipt＂〉（ｃhaptｅｒ０3/sectｉon2／varrａｎge.asp）varｘ=13,y=29;fｕnｃｔiｏntest（){vａrnum，ｙ=1０；/／去掉num定義,則不會有錯?num=ｘ＋y；?x+＋ winｄow.aｌｅrｔ（”內(nèi)部的num的值為：”+ｎum)；//顯示為２３｝tｅst（)；ｗｉｎdow。alert（”外部的ｎｕm的值為：＂+nuｍ）；//顯示錯誤</script〉6、程序掌握語句條件分支語句：其中的條件取規(guī)律值,數(shù)值的0為falｓｅ，字符的“”為ｆalseif（條件）｛語句體1；｝ｅlse｛語句體2；}舉例：(chａptｅr０3／ｓeｃｔion2/controｌ_iｆ.ａsｐ）〈sｃrｉｐtlangｕagｅ="javasｃript"〉vaｒa=3，b=4,ｃ=＂＂，d=＂abc”，ｅ＝ｔｒuｅ,f＝0;if（a==ｂ）{document.wｒitｅ(＂條件成立！”);//分別用其它變量來代替條件｝else｛ｄｏｃumｅｎｔ.wrｉte("條件不成立!＂）;｝〈/scrｉpｔ＞ｓｗitｃh(表達式）{ｃａse值：語句｝舉例：(ｃhａpｔｅr０3／secｔｉｏｎ２／coｎtroｌ_ｓwitch.ａsp)〈sｃriｐtlanguage＝"ｊａｖaｓｃｒipt”>varｃurｄay＝ｎｅｗＤate（）；switch(ｃuｒdaｙ.ｇｅtDaｙ（)）｛casｅ1:?docｕmｅnt．wｒite(＂星期一”）；breａk；caｓｅ2:?ｄocｕment.wriｔe("星期二＂）；ｂreａｋ；case３:?documenｔ.wｒite(”星期三＂);ｂrｅaｋ;ｃase4：?docuｍent.wrｉte（”星期四")；ｂｒｅａk；case5:?ｄocｕmenｔ。ｗriｔｅ(”星期五”)；ｂreaｋ；casｅ６： documｅnt．ｗrite（”<foｎtcｏlor＝’ＦＦ0000’>星期六〈／fｏnt>＂）;bｒeak； case０：?ｄocumｅｎt.ｗｒｉte(”＜fonｔcｏｌoｒ='FF００00’〉星期日</font>”)；ｂreak;｝＜/ｓcｒiｐt〉循環(huán)掌握語句（chａpteｒ03/seｃtｉｏn2/ｃｏntｒoｌ＿fｏr．a(chǎn)ｓp）fｏｒ循環(huán)〈scriｐtｌangｕagｅ="javａscｒipｔ”〉ｖars＝０；for(vaｒn=２；ｎ<＝1０0；n+＝2）｛s+=n;}docuｍｅnt.ｗrｉｔe(＂1-１0０間偶數(shù)的累加和為：＂+s);〈/ｓcｒipt>while(cｈaptｅr03/sｅcｔioｎ2／ｃoｎｔｒｏl＿whｉle.ａsp)〈ｓcｒｉptlａnguagｅ=”jａvａsｃript＂＞varｎ=１;whilｅ（n〈=6）｛documeｎｔ．wｒiｔe（"〈ｈ”+n+”＞JａvａScriｐt＜/ｈ”+n+”＞＜ｂｒ〉”）； ｎ＋+；｝〈/scripｔ＞ｄｏwｈｉlｅ7、內(nèi)置對象與函數(shù)（chapter03/sectｉon3/ｄate_ａrｒay．a(chǎn)sｐ）ＪavａSｃriｐt是一種基于對象的腳本語言,每一個對象均有自己的屬性和方法，傳統(tǒng)的字符串和數(shù)學(xué)函數(shù)變成有關(guān)對象的方法；常用的內(nèi)置對象有striｎg對象、mａｔh對象、arrａｙ和DatｅStrｉｎｇＶaｒ?qū)嵗絥ewＳtring(“字符串”)；Varmｓg＝”字符串”;屬性：msg．lengtｈ方法:charａt(yī)（）、ｉｎdｅｘof（)等Ｍａt(yī)h屬性：數(shù)學(xué)常用的一些常量如:Ｅ、PI等方法:數(shù)學(xué)常用的函數(shù)如：ｓin（a）、ｃos(ａ）、abｓ()等;ＡrｒayVaｒ數(shù)組名=ｎｅwArray()；Ｖar數(shù)組名＝newArｒay（初值1、初值２等）數(shù)組的成員的編號從0開頭，Dａt(yī)eＶar實例名＝nｅwDatｅ(）；方法：ｇｅtyear(）/ｇetmｏnth(）/getdａｔe(）/getdａy()/gethoｕｒs(）/gｅtｍinutes（）/gｅｔseｃｏndｓ（)evａl（）函數(shù)(cｈａpｔｅｒ０3/seｃtion3/ｅｖal。asp)舉例:＜tiｔｌe>無標題文檔〈/titlｅ〉<sｃrｉptlａｎguaｇe＝＂javascript”＞ｆuncｔｉｏｎcalcuｌaｔe（oｂｊ）{oｂｊ。ｒeｓuｌt。ｖaｌue=eval(ｏbｊ.exｐressiｏn。vaｌue）；}〈／sｃriｐt>〈／hｅad〉〈boｄy＞＜ｆorｍiｄ＝"frmcａlc＂name=＂ｆrｍｃalc”meｔｈoｄ＝＂post"actiｏn=＂＂〉請輸入要計算的表達式<inputｎame="exｐｒession”typｅ=”text"id="ｅxpression＂/＞<ｂr〉表達式的值為:＜inputｎaｍｅ="ｒesult＂ｔype＝"text"id=＂resuｌt”/〉〈br＞<ｉnｐuttype="ｂｕtton"ｎamｅ=＂Submｉｔ＂vaｌｕe＝"計算＂onclｉcｋ=＂calcuｌａｔe（fｒｍｃａlc）”/〉＜/p〉＜/foｒm>課后問題：1、使用ＪａvａScｒipｔ編程實現(xiàn):依據(jù)時間段的不同,在網(wǎng)頁中顯示不同的問候語，若小時數(shù)在12點以前，則輸出“早上好!”的問候語;若在12點至18點，則輸出“下午好！"；1８點以后輸出“晚上好!”.?第四講掃瞄器對象教學(xué)重點:1、掃瞄器供應(yīng)的對象；２、JａｖaScｒipｔ語言中的大事處理;教學(xué)要求：1、深刻熟識掃瞄器的功能和其供應(yīng)的各種對象，了解這些對象所供應(yīng)的各種方法；嫻熟在Ｊａｖaｓcrｉpt編程調(diào)用掃瞄器中對象實現(xiàn)常用的功能的方法;2、熟識面對對象程序設(shè)計的工作原理，了解各類對象的大事響應(yīng)從而實現(xiàn)動態(tài)交互式頁面；1、掃瞄器對象ＪaｖａＳcript除了可以訪問本身內(nèi)置的各種對象外,還可以訪問掃瞄器供應(yīng)的對象，通過對這些對象的訪問，可以得到當前網(wǎng)頁以及掃瞄器本身的一些信息,并能完成有關(guān)的操作。掃瞄器窗口與網(wǎng)頁之間，網(wǎng)頁與網(wǎng)頁各組成部分之間并是一種從屬關(guān)系，他們大關(guān)系如下windowswindowsframedocumentlocationlayerhistoryexternalimagesformslinks２、Winｄow對象：該對象位于最頂層，是其它對象的父對象,每一個ｗindｏw對象代表著一個掃瞄器窗口，訪問其內(nèi)部的其它對象：ｗiｎｄow可以省考略Ｗｉndｏw.子對象1.子對象２。屬性名或方法名如：wｉndoｗ.ｄocｕment。logiｎ.userｎａmｅ．ｖａlue=”guest”；或doｃｕmｅnt。login．usernａmｅ。vａlue=”gｕeｓt”；屬性:ｓｔatus〈sｃriptlanｇuaｇe="jａvaｓcｒipt”＞(ｃｈaptｅr03/section4／winｄowsｔａt(yī)uｓ.asp）wiｎdow．staｔus=＂歡迎訪問光臨本站！”；〈/ｓcｒiｐｔ>方法：(chapter03／ｓection4/wiｎｄowpｒompｔ．ａｓp）ａｌert方法,沒有返回值！Coｎfｉrm方法：返回規(guī)律值返回按“是”返回ｔｒue，否則返回falｓePrｏmpt：返回輸入的值。舉例：〈scｒipｔlangｕagｅ="javascripｔ”＞nａｍe＝””;namｅ=ｗindｏｗ。prompｔ(＂請輸入你的姓名:”，naｍe）；ｗindoｗ．a(chǎn)lert(namｅ+＂你好！下面要開頭考試了！"）；if（ｗiｎdow。ｃonfirm(”你確實籌備好了嗎？")){ｗiｎdow．locaｔiｏn.ｈｒｅf="exａｍ.asp”；};</ｓcript＞oｐen方法：（cｈapteｒ03/secｔｉon４/winｄowopen。ａsp）用法:ｗiｎhwｎｄ=ｗindｏw.open（url，wｉｎdｏｗｎamｅ，ｐarａlisｔ）〈heａｄ＞〈ｍetａhｔｔp－eqｕiv=”Coｎｔｅnｔ—Tyｐe”content=”teｘt/ｈｔml;ｃharｓet＝ｇb231２＂／〉〈tiｔle＞無標題文檔＜/titｌe＞＜sｃripｔｌanｇuaｇe="ｊａｖascriｐt”>functｉonｏpenｗｉn(ｕｒl){ｖarnｅwｗin=ｗｉndｏw．opeｎ（uｒｌ,"wｉnname＂,＂tooｌbaｒ=ｎo，ｄirectorieｓ=no,menｕbar=no,ｓｃｒｏlｌbaｒｓ＝y(tǒng)es,rｄｓｉzabｌe=ｎo，ｗidtｈ=500，ｈeiｇhｔ＝360”）；newwin.focus（);ｒｅtｕrｎ（nｅwwiｎ)；｝＜/ｓｃｒiｐｔ＞＜／ｈead＞＜bｏｄy>＜ａhｒef=”#＂oｎＣlick=”ＪａvaＳｃｒｉpt：ｏｐenwin（’mｅｉntro。ａｓp＇）＂＞作者簡介＜/a＞＜／body>clｏse方法:舉例說明＜dｉｖａｌign=”ｃentｅr”〉＜ａhref＝＃ｏnＣliｃk=”JavaSｃrｉpｔ：sｅlf。clｏse（）”>關(guān)閉＜/ａ＞＜/diｖ〉ｓｅtTimeｏut方法：創(chuàng)建定時器，經(jīng)過指定的毫秒后,自動調(diào)用指定的語句；cleａrTｉmeoｕｔ方法:清除定時器;(chapｔｅr０3/sectｉｏn4/cloｃk。asｐ）＜htｍl＞〈ｈead〉＜metahｔｔp－ｅquiｖ="Ｃontｅｎｔ－Ｔｙpe＂ｃoｎｔｅｎt=”text/ｈｔml；ｃharset=gb2312">〈tｉtｌe＞時鐘<／titｌｅ〉<scriｐtlanguａgｅ＝"JａｖaScriｐｔ">varｔimer;fuｎｃtｉoｎclｏcｋ(）{ｖartｉmeｓｔr＝""；ｖarnow=newDaｔｅ（);varhｏｕｒｓ＝now．gｅｔHｏｕrs（）；varminuｔeｓ=ｎｏｗ.gｅtＭinuｔeｓ（）；ｖaｒseconds=now．ｇetSeconds（）；timestr＋=hoｕｒｓ;tｉmeｓｔｒ+=(（minutes＜10）？”：０”：":＂)＋miｎutes;tｉmeｓtr+=（(seｃｏndｓ＜１0)？”:0”：”：")＋secｏnｄs;wｉndoｗ.ｄoｃuｍenｔ．fｒmclocｋ。tｘtｔｉmｅ。valuｅ=ｔｉmｅstr;tiｍer＝setTimｅouｔ（’ｃｌoｃk（)’,１000）;//設(shè)置定時器｝functionｓｔｏｐiｔ(){clearＴimｅｏｕt（ｔimer）;}＜／ｓcｒｉpt>＜/head〉＜ｂody><forｍａcｔioｎ＝＂＂metｈｏd=”pｏｓt”naｍe="frmcｌocｋ"id="ｆｒmclocｋ"＞〈p>當前時間：〈ｉnpｕtｎａｍe＝”ｔxtｔime＂tｙｐe＝"teｘt”id=＂txttｉmｅ”>＜/ｐ〉〈ｐ>〈inｐuttyｐｅ＝”ｂutｔｏｎ”naｍe=＂Submit＂valuｅ＝”啟動始終＂ｏｎclick＝”ｃlock()＂>＜inpｕttype=＂bｕｔtｏn”ｎａme＝”Ｓubｍｉｔ2"valuｅ="停止時鐘＂oncｌick＝"stopit（）＂></p＞〈/forｍ></body＞〈/ｈtｍl〉將上述程序稍加更改,可以創(chuàng)建定時鬧鐘程序(cｈaptｅr03/ｓectiｏn4／clertcｌock.ａsp）＜html＞＜ｈeａd＞<mｅtaｈtｔp-equiv＝＂Coｎteｎｔ-Tｙpe＂ｃoｎｔｅnt＝”tｅｘt/html;ｃhaｒset=gb2312"＞〈title＞時鐘＜／tｉtle><scripｔlａngｕage＝”ＪavａSｃｒiｐt＂＞ｖartimer;fｕnctｉｏnclock(){vａrtimestr=”"；varnow=neｗＤate(）；varhｏurs=ｎoｗ。geｔHｏurｓ（）；vａrmiｎuｔes=nｏw。gｅｔMｉnｕteｓ(）；varsecoｎds=now.geｔＳｅcoｎｄs(）;ｔｉｍｅstr+＝ｈours；tｉｍestr+＝（(mｉｎutes＜1０)？"：０":":")+ｍiｎｕtes;ｔｉｍestr+=(（ｓeconｄs〈1０)?”：0＂:”:”)+ｓecｏｎds；wｉｎdoｗ.document.frmclock．txｔtiｍｅ。ｖａlｕe=tｉmestr；if（winｄow.doｃuｍent.ｆｒｍcｌock．sｅｔtime。vａｌue==timestｒ）{ｗiｎｄow.aｌert（”起床啦!”)；｝tiｍeｒ＝setTｉｍeｏｕt(’ｃｌoｃk(）’，１０0０）；｝ｆunctionstopiｔ（）{cｌearTiｍeｏut（timｅr);｝</scripｔ></head〉＜body〉＜ｆoｒｍaｃtiｏn=”＂meｔhod=”posｔ”name=”frｍcｌoｃk＂id=＂ｆｒmclｏck"〉<p＞當前時間：＜ｉnｐutｎａme="txｔtime"type=”tｅxt"ｉd=＂tｘttimｅ＂＞</p>＜p>設(shè)定鬧鐘:<ｉｎpｕtｎaｍｅ=＂setｔime"ｔype＝”ｔext＂id=＂settｉme”＞〈／p＞<p＞〈inpｕttｙpｅ=＂bｕtｔon＂nａme＝＂Ｓubmｉt"vａｌｕｅ=＂啟動始終＂ｏnclｉck=”cｌock(）＂〉〈inputtype=”ｂｕtｔon＂ｎａme＝＂Sｕbmｉt2”valｕe=”停止時鐘＂ｏnｃlｉｃk＝＂ｓｔoｐit（)"〉〈/p〉</ｆｏｒm＞</ｂｏdy＞<／ｈtml>3、locaｔiｏn對象：該對象包含有當前網(wǎng)頁的URL(統(tǒng)一資源定位器,即網(wǎng)址）。屬性：

ｈｒef用于指定導(dǎo)航到的網(wǎng)頁(chapteｒ０3/ｓecｔion4/ｆrｏｎtpａge．a(chǎn)sｐ)舉例：〈bｏdy〉＜ahｒeｆ=#oｎＣｌicｋ＝＂Ｊａｖａsｃripｔ：windoｗ．locatｉon。ｈrｅｆ=＇nｅｘｔｐａge．a(chǎn)ｓｐ＇＂＞按此處到下一個頁面〈／ａ〉<／ｂody>4、ｈｉｓtory對象:該對象包含有最近1０個網(wǎng)頁的ＵRＬ的地址。常用的方法為go(數(shù)值)方法，數(shù)值為負數(shù)往回，等價于掃瞄器中的“后退”。舉例:〈bｏdy〉（ｃhapｔer03／ｓｅctiｏn4/ｎextpａge.aｓp)〈ahref=＃ｏnClick=”Javascｒipt：windoｗ.ｈｉstｏry．ｇｏ(-1）”〉該網(wǎng)頁是跳轉(zhuǎn)后的頁面，請按此處回到上一個頁面!〈/a>〈/body>5、ｅxtｅrnａｌ對象:該對象有一個常用的addFavoｒｉtｅ方法,利用該方法，可實現(xiàn)將指定的網(wǎng)頁添加到保藏夾中〈body＞（ｃｈａｐｔer０3/section4/externalｐage。asｐ）這是一個值得珍藏的網(wǎng)頁！〈aｈｒeｆ=＃onClicｋ="Jａvascript:wｉnｄow。ｅxｔｅrnal．a(chǎn)dｄFavoｒite（’http：//www．＇,'安徽工業(yè)職業(yè)技術(shù)學(xué)院'）”>點擊珍藏〈/a>〈／body＞6、doｃument對象:代表當前網(wǎng)頁,其常用方法為write用于在當前頁面中輸出ＨＴML語句；<sｃrｉｐtlanｇuagｅ＝”jaｖａscｒipt"＞（chapｔer０3／ｓｅｃtiｏn4／docｕmenｔ。aｓp）ｖａｒcuｒｄay=newＤatｅ(）；dｏcｕmｅｎt。ｗrite("今日是：”）;ｓｗiｔcｈ（cｕｒｄａｙ.getDａｙ（))｛ｃase１:?docuｍｅｎｔ。wrｉtｅ(＂星期一＂）;bｒｅak;ｃase２：?ｄｏcｕmｅnt．wriｔe("星期二＂）;ｂｒeak;cａse3:?document。wrｉte（"星期三”）;ｂｒｅak;caｓｅ4:?dｏcumeｎｔ.wｒiｔｅ（＂星期四”）；brｅak；case５： doｃumｅｎt.ｗrite（"星期五"）；break；case6： dｏｃｕｍent．wｒitｅ（”＜ｆｏｎｔcoｌｏr='FF0000’＞星期六＜/fonｔ〉”)；break;?case0： doｃument.wriｔe（"<ｆontcoｌor=＇ＦF0０00’>星期日</fｏnｔ>");ｂreak;}〈/scｒipt>7、JａvａＳcriｐt的大事處理(1）大事及響應(yīng)方法JａvaＳｃripｔ采納了大事驅(qū)動的響應(yīng)機制，用戶在網(wǎng)頁中的交互操作，將觸發(fā)相應(yīng)的大事,當大事發(fā)生時,系統(tǒng)會調(diào)用執(zhí)行對應(yīng)的大事處理函數(shù)。大事:由系統(tǒng)預(yù)先定義好的，能被對象識別的一種動作。大事的類別:系統(tǒng)大事（Load,Unｌoad）和用戶大事（MｏusｅＯveｒ,MoｕsｅＯut，ＭouseDoｗn、ＭoｕｓeＵp，Ｃｌiｃｋ，KｅｙDoｗｎ,KｅyUp等大事的響應(yīng)通過Ｏｎ與大事名稱組成，比如Ｃｌicｋ大事，對應(yīng)的大事為OnCｌick大事句柄＝大事處理函數(shù)()或語句網(wǎng)頁中各對象的常用大事對象類別大事處理函數(shù)定義位置大事名稱大事動身條件網(wǎng)頁對象docuｍeｎｔ〈bｏｄy>或doｃuｍeｎt。boｄｙLoadUnloａdConｔeｘtｍenuSelｅctｓｔartＭousｅDoｗn載入當前網(wǎng)頁時觸發(fā)試圖載入一個新的網(wǎng)頁時觸發(fā)單擊右鍵，彈出快捷菜單時觸發(fā)在網(wǎng)頁中用鼠標拖動時觸發(fā)在網(wǎng)頁中按下鼠標鍵時觸發(fā)表單〈form＞ＳｕbmｉtＲeset用戶提交表單用戶復(fù)位表單文本框口令輸入框多行文地域<inpｕtｔyｐe=”ｔｅｘｔ”〉〈ｉnｐutｔyｐe=”ｐasｓｗｏrｄ”＞〈texｔarea〉ＢlurＦocｕsＣhａｎgeＳeleｃtKｅｙｄownkeyｐress文本框失去焦點文本框得到焦點文本框內(nèi)容發(fā)生變化選定文本框中的文本按下鍵盤上的某個鍵時觸發(fā)發(fā)生在keｙdown之后,只有在keyｄowｎ的大事處理函數(shù)返回trｕe時才會觸發(fā)一般按鈕提交按鈕復(fù)位按鈕＜inputtype=”ｂuｔtoｎ"＞〈ｉnpuｔtｙpe=”subｍit”＞〈inpuｔtype=”ｒesｅt">ｃliｃｋ單擊按鈕時觸發(fā)超鏈接〈a>clicｋ單擊超鏈接對象時觸發(fā)(２)dｏｃumeｎt的常用大事Ｌoaｄ、ｕnloａd大事舉例:(chaptｅr0３/secｔion5/eventwｅlcoｍ.asp）＜ｉｎputTｙpe="bｕtｔｏn”ｖaｌｕe=”確定”O(jiān)ｎＣｌｉcｋ＝”Chｅcｋit（）"＞〈ｂodyＯnLoad=”pｏｕｐ(）"><bｏdｙＯｎLoaｄ=:ａleｒt（“歡迎光臨本站”）:>＜bodyOnＵnLoａd＝：alｅrｔ（“感謝光臨本站"）:＞Ｃontextmeｎｕ大事〈ｂodｙOｎConｔｅｘtMenu="rｅｔurnfａlse”>在彈出菜單之前，先調(diào)用大事過程函數(shù)，如果為true則彈出,否則不彈出!Ｓelｅctsｔarｔ大事<ｂodｙOnSelectStaｒt=＂rｅtuｒｎｆaｌse">在選取之前，先調(diào)用大事過程函數(shù)，如果為true則可以被選中，否則不能選中!表單對象的常用大事;Ｍousｅdoｗｎ大事＜sｃriｐｔlanguaｇe＝＂javascript＂＞ｆｕｎctionｎｏｍeｎu(）｛if（eveｎt。ｂutton==2｜｜evｅｎｔ.ｂuｔton＝=3){alｅｒt（"youcａｎ’ｔseｌｅｃt！＂）；//用對話框替代快捷菜單；}｝documenｔ．ｏｎmｏusｅdown=ｎomenｕ;〈/scriｐt＞(3）表單對象的常用大事Ｓubｍit大事大事處理函數(shù)完成表單數(shù)據(jù)的檢驗（ｃｈapter0３/ｓｅctiｏn5/reｇister。asp)，返回ｔｒuｅ則提交數(shù)據(jù)，否則禁止提交表單；〈Scrｉｐｔlanguａge=＂JavaSｃrｉpｔ"＞ｆunctiｏncheckfoｒｍ(）｛if（dｏcumenｔ．ｌoｇiｎ。usernａmｅ.value==＂＂)｛alert(”請輸入用戶名!”);?dｏｃuｍent．loｇin。userｎamｅ。ｆocuｓ(）;?reｔｕrnｆａlsｅ；}ｉｆ(document。login。useｒkey1.valuｅ=="”)｛aleｒt(”請輸入密碼!＂）；?docｕmeｎt．ｌｏgin．useｒkey１。focｕs（);?retuｒnfａlse;｝iｆ(doｃｕmeｎt。ｌogin.userkｅy１．ｖａlｕｅ!=dｏｃuｍeｎt.lｏgin.userkeｙ2．vaｌue）｛alert（"兩個密碼不同！請請輸入密碼！”）；?ｄoｃｕmenｔ.lｏgin．ｕserｋey1．fｏcｕｓ（);?reｔurｎfalsｅ;}vａｒｅｍail_str=dｏcumenｔ．lｏgｉn.eｍaｉｌ.vａlue if(emaｉl＿ｓｔr.inｄexOf(”＠＂）＝＝—1){ａｌert("電子郵件的格式不對！＂）；?doｃument。logiｎ.eｍａil.ｆoｃus（）；?ｒetｕｒｎfａlｓe;｝docｕｍeｎt。logiｎ．submiｔ();}<／sｃript〉＜/heaｄ〉＜bodｙ>〈formacｔiｏn＝"usｅｒlogｉn．a(chǎn)sｐ"ｍethod=”ｐost＂namｅ=＂login”id＝"logｉn"OnSｕｂmiｔ＝"ｒeturｎchｅｃkｆorm()”><ｔablebordeｒ=”０"bｏｒｄｅrcｏloｒ=＂#ＦＦ０000＂＞＜tr〉〈tｄｃolspａｎ="2"clａss＝"tｄ1">用戶注冊〈/td>〈/ｔｒ＞<ｔｒ＞＜ｔdwiｄth=＂２89”cｌass="td2">用戶名:＜/tｄ><tｄwiｄth=＂29５＂clａｓs=＂tｄ２”〉＜inｐｕtnａme=＂usｅｒnaｍｅ"tｙｐe=”ｔext＂id=”usｅrｎaｍe"〉＜／ｔd＞〈/ｔｒ〉〈tｒ＞<ｔdclass="td2"〉密碼：<／td><tｄｃlａss＝＂tｄ2＂〉<ｉnputnａmｅ=＂uｓｅrkey１＂tｙpe=＂ｐassｗｏrｄ”ｉd=＂uｓerkeｙ１＂>＜/tｄ〉＜/tｒ〉<ｔr>〈ｔdｃlaｓs=”td2">重復(fù)密碼：</td＞＜tdclasｓ=＂td2"＞<iｎｐutnａmｅ＝”userkeｙ2"ｔyｐｅ＝”passworｄ”id="userｋｅy２”〉〈/ｔd〉<／ｔｒ><tｒ＞<tdcｌaｓs=＂ｔｄ2＂〉性別：〈/td>＜ｔdｃlass="td2”><ｉnｐutｎame="ｓex"tｙｐe=＂ｒaｄio"value＝＂ｒadiobutton”chｅｃｋｅd>男＜iｎputｔypｅ＝”ｒａdio＂naｍｅ=”sｅｘ"value=”rａdiｏbｕttｏｎ”〉女</td>＜/tr＞＜tr＞＜tｄclass=”ｔd２"＞教育水平：＜/ｔｄ＞〈tdclａss＝”tｄ2”〉<sｅｌecｔnaｍe=＂edu"ｓize="1＂ｉｄ="ｅdu＂〉<ｏpｔｉoｎvalue＝"碩士以上”〉碩士以上＜/option＞<optiｏnvalue＝＂高校本科"＞高校本科〈/ｏｐｔioｎ>＜optionvａlue=”大專”〉大專〈/option＞〈ｏｐｔiｏnｖaluｅ="中專以下＂〉中專以下〈/ｏｐtion〉＜/seｌect></td>＜/ｔr＞〈tｒ〉＜tdcｌaｓs＝"tｄ2”>電子郵箱：</ｔd><ｔdclａsｓ=”tｄ２"><inpuｔnａｍｅ＝＂emaｉl"ｔｙpe=＂ｔext＂iｄ=”emａｉl"＞＜／td〉</ｔr〉<tr><td>&nbｓp;〈／ｔd〉<tｄ〉 ；</td〉＜／ｔｒ＞<tｒ＞<tｄcolspaｎ=＂2”ｃｌａsｓ=＂td３"＞＜ｄivaligｎ="ｃｅｎtｅｒ＂＞〈ｉnpuｔtｙpe=”Sｕbmiｔ"naｍｅ="Submｉt”ｖaｌｕe＝＂登陸＂>＜inpｕttypｅ=＂rｅsｅt＂naｍe＝”Ｓuｂmiｔ2”ｖalｕｅ=＂全部重寫"＞〈/diｖ＞</td>

第五講ＶBScｒipt教學(xué)重點:1、常用函數(shù)和各種類型的表達式；2、條件分支程序和循環(huán)掌握程序以及過程與函數(shù)調(diào)用;教學(xué)要求:1、熟識在ASP頁面中使用VBＳcript，識記VＢScｒipt的數(shù)據(jù)類型和特點，了解各種數(shù)據(jù)類型常量的表示方法,變量的定義和作用域;２、熟識在運用ＶＢScript中各種運算符號生成數(shù)學(xué)、字符、關(guān)系、規(guī)律表達式，以及運算規(guī)章；３、識記VＢＳcriｐｔ中有關(guān)數(shù)學(xué)、字符、日期、類型轉(zhuǎn)換等常用函數(shù)的名稱、參數(shù)和返回值；4、條件分支程序和循環(huán)掌握程序以及過程與函數(shù)調(diào)用的概念和結(jié)構(gòu)，應(yīng)達到“領(lǐng)悟”和“嫻熟應(yīng)用”的層次；5、熟識數(shù)組的定義和使用,應(yīng)達到“嫻熟應(yīng)用”的層次。教學(xué)內(nèi)容：1、ＶBScriｐt簡介;<％%>2、數(shù)據(jù)類型(Boolean、Ｉntｅｇｅr、Siｎgle、Datｅ、Ｓｔrinｇ、Oｂject等)3、常量、變量與表達式;運用Diｍ定義變量(簡潔變量、數(shù)組變量)４、變量的作用域：過程級和頁面級舉例：(ｃhapter0４/sｅction1２3/vａｒranｇe。aｓp)〈％dimｘ，yｘ=2y=5sｕｂtｅstｌｏcaｌvar()diｍx，nｕｍx＝９ｎuｍ＝y(tǒng)y=ｘ+nuｍendsuｂtestｌocalvarrｅsｐｏnse．Ｗrite＂x的值為：”＆x&＂y的值為："＆y//y的值更改ｒesponse．wriｔｅ"＜bｒ>num的值為："&nuｍ/／num已經(jīng)消滅％>5、運算符數(shù)學(xué)運算：+、—、＊、\、/、^結(jié)果：數(shù)值字符連接運算：+(類型相同）&（轉(zhuǎn)化為字符）結(jié)果：字符關(guān)系運算:＞、〉=、＜、<=、<>、＝結(jié)果:規(guī)律值（ｔｕre、ｆａｌse)規(guī)律運算:noｔ、ａｎd、or、xor結(jié)果:規(guī)律值（ture、falsｅ）６、常用函數(shù)數(shù)學(xué)函數(shù):Ｉｎt()、round(）、sql(）、eval（）、ｒnｄ(）字符函數(shù)：lｅn（)、sｐａce（)、rｅplacｅ()、triｍ(）轉(zhuǎn)換函數(shù):asc（)、cｈr（)、cbool（）、ｃiｎt(）、clnｇ()、cstr()測試函數(shù):isemｐｔｙ（)、isnuｍeｒic（)日期時間函數(shù):nｏｗ、ｔime、year（)、ｍoｎth(）、ｄaｙ（）、daｔeadd（）FT條件語句FT條件語句IF分支語句（三種格式）：1）IＦ條件表達式THEN只有一條語句TFTF條件語句1語句2語句體EＮDIF3)ＩF條件表達式TＨEN語句體１ELSE語句體2ＥNDＩＦTFTFT條件1語句1F條件2語句2ＳELＥCＴCＡＳE測試表達式CAＳＥ表達式1語句體1CＡSE表達式……語句體……ＣAＳE表達式n語句體nCＡＳＥEＬＳE語句體EＮDSEＬECT循環(huán)語句：forｃoｕnｔer=ｓtaｒttｏｅnd［sｔepｉnｃrｅmeｎt］FTFT條件語句exitfoｒnexｔｄowhｉle條件語句體exitdolｏopdｏ語句體exitdoｌoopｗｈilｅ條件舉例:注意格式(chapter04/ｓectｉon1２３/auｔotable．a(chǎn)sp）<tａbleaｌiｇｎ="ｃenter"widtｈ="80%"〉＜%ｆｏrrownuｍ=1ｔｏ７ifrｏwｎummｏd2＝１tｈen％>? ＜ｔrbgｃolor=”Ｅ７E9ＣF＂〉＜%ｅlｓe％>??＜trbgcｏlｏr="＃F6F6Ｆ6＂〉??<％enｄｉｆ??ｆoｒｃｏｌnum=1ｔｏ4%＞??〈td〉&nbｓp;</ｔd＞??〈%nexｔ％＞??<／ｔｒ〉?＜%next％＞〈/taｂlｅ〉８、過程與函數(shù)的定義sub過程名（形式參數(shù))語句塊［eｘｉtsub]endsubfuntｉｏn函數(shù)名（形式參數(shù)）語句塊［ｅxｉｔｆunctioｎ］函數(shù)名=函數(shù)的返回值ｅndｆｕntion舉例:1、利用VＢScriｐt在頁面中輸出當前的日期（cｈａpｔｅｒ04/secｔｉｏｎ456／inｓtｒｕｃt1。asp）?〈%ｔ＝nowresponｓe．Ｗrite(yeaｒ(t)&”年”&mｏnth（ｔ）＆”月”＆dａy（t）＆”日"）%＞２、試用VBＳｃrｉpｔ編寫一個求數(shù)n階乘的函數(shù)Power,利用表單獲得求階乘的數(shù)，然后通過調(diào)用Power函數(shù),實現(xiàn)階的計算并輸出結(jié)果（chapｔer０4/sｅction4５6/ｉnstrｕｃt4．a(chǎn)ｓｐ）〈fｏrｍnａme="form1"ｍethod="pｏsｔ"ａcｔion＝＂jieceｎｇ．a(chǎn)sp”>〈ｔａblewidth=＂400”bordｅｒ=”0"aligｎ＝＂cｅntｅｒ＂ｃeｌlpadding=”0＂cellspａｃｉｎｇ=”0">＜tr＞<tｄ>請輸入一個數(shù)：＜／td＞＜ｔd>＜iｎ＝"data”tｙｐｅ＝"ｔext＂id＝＂ｄａt(yī)a"></ｔd＞</ｔr><ｔr〉〈tdcolsｐaｎ＝"2"＞〈dｉvaｌiｇn＝＂cenｔer”＞〈ｉnputtｙｐｅ="submit”ｎame=”Suｂｍiｔ”ｖalue=＂計算”〉〈ｉnpｕｔtype＝＂reset”name＝”Sｕbmit2”vａｌue="重置＂〉＜／diｖ〉<／td＞＜/tr〉</tabｌe>〈／foｒｍ>jiｅｃｅng．a(chǎn)ｓp＜％functionpower(m）s＝1??forｉ=1tｏｍ??ｓ=ｓ*i??ｎext?pｏwｅｒ＝s?enｄｆunction?n=rｅquest．Forｍ（"datａ＂）?fｏｒj=1ton?rｅsｐonsｅ.Wrｉtecstr(pｏwer(j））+＂＜br〉" nｅｘt??課后問題:1、試用VＢSｃriｐt編程,實現(xiàn)計算并輸出1０0至５00間的水仙化數(shù).2、試用VＢＳcrｉｐｔ的數(shù)組，結(jié)合編程實現(xiàn)在頁面中輸出1０0個隨機基本鍵位的大寫字母，要求每行顯示２0個字母，各字母間用一個空格分割。?第六講ASP內(nèi)建對象教學(xué)重點:1、利用Response對象的屬性、方法、和Cookｉes集合來掌握和管理由服務(wù)器發(fā)送到掃瞄器的數(shù)據(jù)；２、利用Reｑueｓt對象獲得表單所提交的數(shù)據(jù)、Cｏoｋｉe的值以及服務(wù)器環(huán)境變量的值;３、在globa．ａsa文件中使用Application對象和Ｓessiｏn對象.教學(xué)要求：１、熟知Respｏnsｅ對象的有關(guān)屬性和方法及Cookieｓ集，嫻熟掌握其功能和用法，應(yīng)達到“簡潔應(yīng)用”的層次；2、熟知Ｒｅquest對象的屬性和方法集合（Form、ＱueｒｙStｒing、Coｏkieｓ、ServerVariabｌes）；3、熟知Serveｒ?qū)ο蟮膶傩院头椒ǎǎ觘rver。ＣｒeatｅObjeｃt()、Maｐｐａt(yī)h（））；４、嫻熟掌握會話級作用域的對象（Seｓｓioｎ)的屬性和方法；５、嫻熟掌握應(yīng)用級作用域的對象（Ａppｌication的屬性和方法;６、掌握在glｏbal。asa文件中使用Sessｉon和Ａppｌｉcaｔion對象的屬性、方法、大事等；教學(xué)內(nèi)容:http請求http請求響應(yīng)體響應(yīng)頭服務(wù)器Request對象IIS（ASP）執(zhí)行ASP部分Respons對象IE瀏覽器（客戶端）窗口/a.asp網(wǎng)頁元素網(wǎng)頁元素解釋html解釋html在ＡSＰ中內(nèi)建了一些對象，通過這些對象,可以很容易地收集掃瞄器發(fā)送和懇求的信息，以及與服務(wù)器和用戶相關(guān)的信息。１、Rｅspｏnse對象用于掌握和管理由服務(wù)器發(fā)送到掃瞄器的數(shù)據(jù)(HTMＬ一般文本、掌握信息、Coｏkies）,其功能主要通過該對象的屬性、方法和Cｏｏkieｓ集合來實現(xiàn)的。Ｂuffｅr屬性:指定ASP頁面創(chuàng)建的輸出是否保存在ＩIＳ的緩沖區(qū)中，其取值為Tｒuｅ或Faｌsｅ.(chapｔｅr05／secｔiｏn１/ｒespｏｎｓe_ｂuffer.asp)<％@LＡNGＵＡＧＥ=＂VBSＣRIPＴ＂CＯDEPＡGE="9３6＂％>＜％reｓpｏｎsｅ.Buｆfｅr＝false%〉〈ｈead><ｍｅtａｈｔtp—equｉv="Cｏnｔenｔ—Ｔyｐe”coｎtenｔ="ｔext／htｍl;charｓeｔ=gｂ2３12＂/〉<titlｅ〉無標題文檔〈/title></ｈeaｄ〉〈bｏdy>＜%ｆoｒi=1to10ｆorj=1to5０000０＇用于延遲neｘtｒesｐoｎse.Ｗrite（i＆”,”）ｎexｔ％>＜/body〉</html〉ｃｏnｔentｔｙpe屬性：指定服務(wù)器響應(yīng)的HTTP內(nèi)容類型(cｈaｐter０5/secｔｉoｎ1/resｐoｎse.cｏntentype.ａsp）＜％@ＬＡNＧUＡGE＝＂VBＳCRIPT”CＯDEPAGＥ=”93６＂％＞〈%ｔｙpe０=ｒｅｓｐoｎsｅ.conｔeｎｔｔype％＞<hｅad><metａhｔtｐ－eｑｕiv=”Cｏntｅｎｔ—Ｔｙｐe"ｃｏｎtent＝”ｔexｔ／ｈtml;chaｒsｅt=ｇb２312＂/〉〈titlｅ>無標題文檔〈／tiｔle〉<／head〉＜ｂoｄy〉〈％ｒespｏｎsｅ。Writeｔypｅ０%〉</boｄy〉＜/ｈtml〉ｃharset屬性(chapｔer05/ｓection1/rｅｓｐonsｅ_chaｒset.asｐ)<%＠LＡＮＧUAGＥ=＂VBＳCRＩＰT”ＣＯＤＥPＡＧE="9３6＂％>〈％ｒesponｓe.charset="ｂｉg5＂ｒｅｓponse.chａｒset="gb２3１２”%＞〈ｈｅaｄ＞〈metahｔｔp－ｅquｉｖ＝＂Cｏntｅｎｔ—Ｔｙpe”ｃｏｎtｅnt=＂text／ｈtml；/>＜tｉtle＞〈/title>〈mｅtａｈttｐ—equiｖ=＂Ｃonｔｅnｔ—Tｙｐｅ"ｃontent="tｅxt/html；cｈaｒsｅt=gb2312"/＞<meｔahttｐ—ｅqｕiv=”Contｅnt-Ｔypｅ”cｏｎtｅｎt=”texｔ／htｍl；＂/〉〈／ｈead><bｏdy>安徽工業(yè)職業(yè)技術(shù)學(xué)院</body>〈/html>ｅxpireｓ屬性：用戶設(shè)置網(wǎng)頁過期的時間，以分鐘為單位（chaｐter05/sectioｎ1/rｅsponｓｅ_expｉｒes。asｐ)<％＠LANGUＡＧE="ＶBSCRＩPT”CODEＰAGE=”93６"%＞＜％response．