網(wǎng)頁制作與編程基礎(chǔ).ppt

,第7章 網(wǎng)頁制作與編程基礎(chǔ),本章學(xué)習(xí)目標(biāo)： 了解常用網(wǎng)頁制作工具，基本掌握其中一種 掌握HTML語言 初步掌握VBScript或JavaScript腳本語言 了解動態(tài)網(wǎng)頁技術(shù) 初步掌握ASP與數(shù)據(jù)庫應(yīng)用,7.1 常用網(wǎng)頁制作工具,隨著Internet技術(shù)的不斷發(fā)展，網(wǎng)頁制作工具越來越多，選擇一種好的工具非常重要，能夠起到事半功倍的效果。網(wǎng)頁制作工具大體上可以分為兩類：著眼于網(wǎng)頁、網(wǎng)站全局的，稱之為基本工具；著眼于網(wǎng)頁某些元素的，稱之為輔助工具。 網(wǎng)頁制作基本工具是指那些專門用來設(shè)計能在瀏覽器中顯示為網(wǎng)頁的HTML文檔的專用工具軟件，它能整合編排網(wǎng)頁元素，生成HTML網(wǎng)頁代碼文件。比較流行的網(wǎng)頁制作工具軟件包括Microsoft FrontPage和Macromedia Dreamweaver等。 網(wǎng)頁制作輔助工具是指用來創(chuàng)建或加工網(wǎng)頁上的圖形、圖像、動畫、聲音和視頻等網(wǎng)頁元素的工具軟件。,7.1 常用網(wǎng)頁制作工具,7.1.1 Microsoft FrontPage 2003,FrontPage是由Microsoft公司推出的新一代Web網(wǎng)頁制作工具。FrontPage使網(wǎng)頁制作者能夠更加方便、快捷地創(chuàng)建和發(fā)布網(wǎng)頁，具有直觀的網(wǎng)頁制作和管理方法，簡化了大量工作。 FrontPage的最強(qiáng)大之處是其站點管理與遠(yuǎn)程發(fā)布功能。用戶只需在本地對網(wǎng)頁進(jìn)行編輯，F(xiàn)rontPage會跟蹤用戶編輯過的文件，在發(fā)布時，它會自動將修改過的網(wǎng)頁進(jìn)行發(fā)布，未編輯過的網(wǎng)頁可由用戶決定是否再次向服務(wù)器發(fā)送。,7.1 常用網(wǎng)頁制作工具,7.1.1 Microsoft FrontPage 2003,1FrontPage 2003的特色 (1)強(qiáng)大的網(wǎng)頁設(shè)計功能 可以智能地完成HTML文本的編輯，并可以針對不同的瀏覽器對網(wǎng)頁進(jìn)行設(shè)置；可以提供對多種版本的瀏覽器的支持；完善了所見即所得的網(wǎng)頁編輯操作。 (2)豐富的網(wǎng)頁設(shè)計模板、設(shè)計向?qū)Ш椭黝}樣式 提供了多種網(wǎng)頁設(shè)計模板、網(wǎng)頁設(shè)計向?qū)Ш椭黝}樣式。使用這些模板、向?qū)Ш蜆邮?，即使是初學(xué)者也可以設(shè)計出具有專業(yè)水準(zhǔn)的網(wǎng)站。,7.1 常用網(wǎng)頁制作工具,7.1.1 Microsoft FrontPage 2003,2FrontPage 2003的新增功能 (1)設(shè)計網(wǎng)站 FrontPage 2003 具有經(jīng)過改進(jìn)的設(shè)計環(huán)境、新的布局和設(shè)計工具、模板以及經(jīng)過改進(jìn)的主題，這一切可以幫助用戶實現(xiàn)網(wǎng)站創(chuàng)意，而無需任何HTML知識。 (2)開發(fā)網(wǎng)站 FrontPage 2003具有改進(jìn)的創(chuàng)作環(huán)境、新的圖形功能、強(qiáng)大的編碼工具（幫助用戶應(yīng)用并增加各種編碼語言知識）、以及創(chuàng)建交互式腳本的工具。此外，F(xiàn)rontPage 2003可以生成有效和干凈的HTML，能讓用戶更好地控制代碼。,7.1 常用網(wǎng)頁制作工具,7.1.1 Microsoft FrontPage 2003,3FrontPage 2003工作界面,7.1 常用網(wǎng)頁制作工具,7.1.1 Microsoft FrontPage 2003,3FrontPage 2003工作界面,窗口欄的內(nèi)容隨著所選視圖不同而不同。為了便于用戶制作網(wǎng)頁和查看、修改Web站點的組織結(jié)構(gòu)，F(xiàn)rontPage 2003提供了6種視圖。單擊視圖菜單相應(yīng)的菜單項可以切換到不同的視圖。各個視圖的功能分別為：,“網(wǎng)頁”視圖：網(wǎng)頁視圖是進(jìn)行網(wǎng)頁編輯的操作界面。 “文件夾”視圖：用來對網(wǎng)站的目錄和文件夾進(jìn)行管理。 “報表”視圖：用于查看與網(wǎng)頁制作有關(guān)的各項參數(shù)。 “遠(yuǎn)程網(wǎng)站”視圖：可以發(fā)布整個網(wǎng)站或個別文件，還可以在兩個或更多個位置之間同步文件。 “導(dǎo)航”視圖：用來顯示和編輯網(wǎng)頁的導(dǎo)航關(guān)系。 “超鏈接”視圖：顯示某個網(wǎng)頁與其他網(wǎng)頁之間的關(guān)系。 “任務(wù)”視圖：用來查看網(wǎng)站和網(wǎng)頁設(shè)計的完成情況。,7.1 常用網(wǎng)頁制作工具,7.1.2 Adobe Dreamweaver CS3,使用Dreamweaver，設(shè)計師可以隨心所欲地編寫代碼、設(shè)計網(wǎng)站網(wǎng)頁以及進(jìn)行高級開發(fā)。無論是喜歡手寫HTML代碼還是習(xí)慣于可視化環(huán)境，Dreamweaver都能提供方便快捷、功能強(qiáng)大的工具，使用Dreamweaver將是一種全新的體驗。在易用、創(chuàng)新、規(guī)范等優(yōu)點的基礎(chǔ)上，Dreamweaver還擁有更先進(jìn)的網(wǎng)頁布局和設(shè)計環(huán)境，以及更為強(qiáng)大的代碼編輯功能等卓越特性。 Dreamweaver CS3的操作界面主要由以下幾個部分組成：標(biāo)題欄、菜單欄、插入欄、文檔工具欄、文檔窗口、屬性檢查器以及多個面板組，如圖7-2所示。,7.1 常用網(wǎng)頁制作工具,7.1.2 Adobe Dreamweaver CS3,圖7-2 Dreamweaver CS3 的界面布局,7.1 常用網(wǎng)頁制作工具,1標(biāo)題欄(注意區(qū)別文檔的標(biāo)題和文檔的文件名稱) 2菜單欄 3插入欄 4文檔工具欄 5“屬性”檢查器 6其他面板,7.1.2 Adobe Dreamweaver CS3,7.1 常用網(wǎng)頁制作工具,7.1.3 網(wǎng)頁美化工具,1Photoshop CS3 2Fireworks CS3 3Flash CS3,為了使制作的網(wǎng)頁更為美觀，用戶在利用網(wǎng)頁制作工具制作網(wǎng)頁時，還需利用網(wǎng)頁美化工具對網(wǎng)頁進(jìn)行美化。,7.2 HTML語言,7.2.1 HTML語言概述,1什么是HTML HTML英文全名是Hyper Text Markup Language，即超文本標(biāo)記語言，是一種用來制作超文本文檔的簡單標(biāo)記語言。 用HTML編寫的超文本文檔稱為HTML文檔，它能獨(dú)立于各種操作系統(tǒng)（如UNIX、Windows等）。它主要是在原來文本文件的基礎(chǔ)上，增加一系列的標(biāo)識符來描述格式，形成網(wǎng)絡(luò)文件。當(dāng)用戶使用瀏覽器下載時，就把這些標(biāo)識符解釋成應(yīng)有的含義，并按照一定的格式將這些被標(biāo)識的文件顯示在屏幕上，而HTML的標(biāo)識符號并不顯示在屏幕上。,7.2 HTML語言,7.2.1 HTML語言概述,2HTML文檔的結(jié)構(gòu) (1)HTML文檔的基本結(jié)構(gòu) 下面是一個最基本的超文本文檔的源代碼, My first page 我的第一個網(wǎng)頁 ,HTML文件由標(biāo)記和被標(biāo)記的內(nèi)容組成。每個標(biāo)記都有“”圍住，以表示這是HTML代碼而非普通文本，標(biāo)記能產(chǎn)生所需的各種效果。就像一個排版程序，它將網(wǎng)頁的內(nèi)容排成理想的效果。這些標(biāo)記名稱大都為相應(yīng)的英文單詞首字母或縮寫，很好記憶。各種標(biāo)記差別很大，但總的表示形式卻大同小異。,7.2 HTML語言,7.2.1 HTML語言概述,2HTML文檔的結(jié)構(gòu) (2)HTML的標(biāo)記 單標(biāo)簽 某些標(biāo)記稱為“單標(biāo)簽”，它只需單獨(dú)使用就能完整地表達(dá)意思。 這類標(biāo)記的語法是： 最常用的單標(biāo)簽是, 它表示換行。 雙標(biāo)簽 另一類標(biāo)記稱為“雙標(biāo)簽”，它由“始標(biāo)簽”和“尾標(biāo)簽”兩部分構(gòu)成，必須成對使用，其中始標(biāo)簽告訴Web瀏覽器從此處開始執(zhí)行該標(biāo)記所表示的功能，而尾標(biāo)簽告訴Web瀏覽器在這里結(jié)束該功能。始標(biāo)簽前加一個斜杠（/）即成為尾標(biāo)記。 這類標(biāo)記的語法是：受標(biāo)記影響的內(nèi)容 例如你想對某段文字的加粗顯示，就將此段文字放在 標(biāo)記中, 如：你要加粗的字,7.2 HTML語言,7.2.1 HTML語言概述,2HTML文檔的結(jié)構(gòu) (2)HTML的標(biāo)記 標(biāo)簽屬性 許多單標(biāo)記和雙標(biāo)記的始標(biāo)記內(nèi)可以包含一些屬性，標(biāo)記要通過屬性來制作出各種效果。 其語法是：受影響內(nèi)容 需要注意的是，并不是所有的標(biāo)記都有屬性；根據(jù)需要可以用該標(biāo)記的所有屬性，也可以只用需要的幾個屬性。在使用時，屬性之間沒有順序。,7.2 HTML語言,7.2.1 HTML語言概述,2HTML文檔的結(jié)構(gòu) (3)HTML的幾個部分 HTML文件以開頭，以結(jié)尾。瀏覽器解釋網(wǎng)頁代碼的起始標(biāo)志。HTML文件包括頭部（head）和正文（body）。 1)head頭部信息,：表示這是網(wǎng)頁的題頭部分，用來說明文件命名和與文件本身的相關(guān)信息。通常這部分標(biāo)記來聲明此網(wǎng)頁的默認(rèn)語言編碼、關(guān)鍵字、使用軟件等，個別的標(biāo)記產(chǎn)生頁面動作，第4行聲明超文本頭部分結(jié)束。在簡單的網(wǎng)頁中這部分不重要，而較復(fù)雜的網(wǎng)頁中，比如：用CSS樣式表、JavaScript語言等，這部分會相當(dāng)重要。 ：網(wǎng)頁的標(biāo)題。標(biāo)題概括了網(wǎng)頁的內(nèi)容，能迅速了解網(wǎng)頁的大意。在文件頭部定義的標(biāo)題內(nèi)容不在瀏覽器窗口中顯示，而是在瀏覽器的標(biāo)題欄中顯示。盡管頭部定義的信息很多，但能在瀏覽器標(biāo)題欄中顯示的信息只有標(biāo)題。 在網(wǎng)頁的頭部代碼中，還有另外一種文頭標(biāo)記meta標(biāo)記，基本語法是：。,7.2 HTML語言,7.2.1 HTML語言概述,2HTML文檔的結(jié)構(gòu) (3)HTML的幾個部分 2）body文檔主體部分,：是網(wǎng)頁的正文部分。HTML文件主體標(biāo)記的格式為：。作為網(wǎng)頁的主體部分，有很多的內(nèi)置屬性，這些屬性用于設(shè)定網(wǎng)頁的總體風(fēng)格。例如，定義頁面的背景圖像、背景顏色、文字顏色以及超文本鏈接顏色等，主要屬性如表7-1所示。,HTML代碼在書寫時不嚴(yán)格區(qū)分大小寫，也并不要求在書寫時縮進(jìn)，但為了程序的易讀性，建議網(wǎng)頁設(shè)計者使標(biāo)記的首尾對齊，內(nèi)部的內(nèi)容向右縮進(jìn)幾格。,7.2 HTML語言,7.2.1 HTML語言概述,2HTML文檔的結(jié)構(gòu) (3)HTML的幾個部分 2）body文檔主體部分,表7-1 BODY標(biāo)記屬性值,7.2 HTML語言,7.2.1 HTML語言概述,3一個簡單的HTML實例, 一個簡單的HTML示例 歡迎光臨我的主頁 這是我第一次做主頁，無論怎么樣，我都會努力做好！ ,7.2 HTML語言,7.2.1 HTML語言概述,4HTML的特點,HTML是獨(dú)立于平臺的，它兼容多平臺。 HTML文件中含有大量的特定標(biāo)記(tags)，該標(biāo)記用于解釋如何顯示指定的內(nèi)容。 HTML文件中包含超文本內(nèi)容，如多媒體信息、E-mail地址、數(shù)據(jù)庫查詢結(jié)果等。 HTML文件是一個有特定標(biāo)記的、可識別的ASCII文本文件，通常文件擴(kuò)展名為.html或.htm。 編寫一個HTML文件不需要特殊的軟件，只要有一個字符編輯器就可以完成。,7.2 HTML語言,7.2.2 文檔的格式與風(fēng)格,1字符的格式化,(1)標(biāo)題文字標(biāo)記,標(biāo)題文字的格式為：標(biāo)題文字,屬性align用來設(shè)置標(biāo)題在頁面中的對齊方式：left（左對齊）right（右對齊）center（居中對齊） 屬性n用來指定標(biāo)題文字的大小。N可以取16的整數(shù)值，取1時文字最大，6時文字最小 與用定義的網(wǎng)頁標(biāo)題不同，標(biāo)題格式顯示在瀏覽器窗口中，而不顯示在瀏覽器的標(biāo)題欄中。,7.2 HTML語言,7.2.2 文檔的格式與風(fēng)格,1字符的格式化,(1)標(biāo)題文字標(biāo)記, 設(shè)置標(biāo)題 第1級標(biāo)題(h1) 第2級標(biāo)題(h2) 第3級標(biāo)題(h3) 第4級標(biāo)題(h4)（居左） 第5級標(biāo)題(h5)（居右） 第6級標(biāo)題(h6)（居中） ,7.2 HTML語言,7.2.2 文檔的格式與風(fēng)格,1字符的格式化,(2)字符格式標(biāo)記,格式為：被設(shè)置的文字,標(biāo)記可設(shè)定文字的字號（大?。?、字體和顏色。 size用來設(shè)置文字的大小。數(shù)字的取值范圍從17，size取1時最小，取7時最大。 Face用來設(shè)置字體。 Color用來設(shè)置文字顏色。,7.2 HTML語言,7.2.2 文檔的格式與風(fēng)格,1字符的格式化,(2)字符格式標(biāo)記,1)和標(biāo)記都可以設(shè)置文字的大小，二者的區(qū)別見下表(當(dāng)中的size取7時，文字比要大)。,2)設(shè)置字體：在網(wǎng)頁設(shè)計中要盡量用常見的字體。必要的罕見字體可以轉(zhuǎn)化為文字圖像。,7.2 HTML語言,7.2.2 文檔的格式與風(fēng)格,1字符的格式化,(2)字符格式標(biāo)記,3)設(shè)置文字的顏色：,標(biāo)記中的text屬性，設(shè)定整個網(wǎng)頁文字的顏色 標(biāo)記中的color屬性，設(shè)定網(wǎng)頁、段落、短語、詞或字的顏色。 與的優(yōu)先級，標(biāo)記優(yōu)先。, 標(biāo)記同時對文字顏色進(jìn)行定義 今天天氣真好 黑色藍(lán)色 粉紅色 ,7.2 HTML語言,7.2.2 文檔的格式與風(fēng)格,1字符的格式化,(2)字符格式標(biāo)記,3)設(shè)置文字的顏色：,顏色可以用相應(yīng)英文單詞或以“#”引導(dǎo)的一個十六進(jìn)制數(shù)代碼來表示。上例中同時使用了body的text屬性和font的color屬性來對文字的顏色進(jìn)行設(shè)置，但最后在網(wǎng)頁中的文字顏色應(yīng)該是離文字本身最近的標(biāo)記屬性所定義的。另外，在title中涉及網(wǎng)頁中的特殊替換字符，其字符所表示的的含義如下表所示。,7.2 HTML語言,7.2.2 文檔的格式與風(fēng)格,1字符的格式化,(2)字符格式標(biāo)記,4)設(shè)置字型：,字型就是文字的風(fēng)格，如加粗、斜體、帶下劃線、上標(biāo)、下標(biāo)等。字型的控制標(biāo)記見下表所示：,7.2 HTML語言,7.2.2 文檔的格式與風(fēng)格,2段落格式化,(1)強(qiáng)行換行標(biāo)記,格式為：文字,實例1：不使用 無換行示例 登鸛雀樓 白日依山盡， 黃河入海流。 欲窮千里目， 更上一層樓。 ,7.2 HTML語言,7.2.2 文檔的格式與風(fēng)格,2段落格式化,(1)強(qiáng)行換行標(biāo)記,實例2：使用后的效果 換行示例 登鸛雀樓白日依山盡，黃河入海流。欲窮千里目，更上一層樓。 ,7.2 HTML語言,7.2.2 文檔的格式與風(fēng)格,2段落格式化,(2) 段落標(biāo)記,格式為：文字,實例1：居中對齊CENTER 段落標(biāo)簽 浣溪沙 一曲新詞酒一杯，去年天氣舊亭臺，夕陽西下幾時回。無可奈何花落去，似曾相識燕歸來。小園香徑幾徘徊。 ,7.2 HTML語言,7.2.2 文檔的格式與風(fēng)格,2段落格式化,(2)段落標(biāo)記,實例2：參見右圖 段落標(biāo)簽 登鸛雀樓白日依山盡，黃河入海流。欲窮千里目，更上一層樓。 ,7.2 HTML語言,7.2.2 文檔的格式與風(fēng)格,2段落格式化,(2)段落標(biāo)記,文件段落的開始由來標(biāo)記，段落的結(jié)束由來標(biāo)記。標(biāo)記不但能使后面的文字換到下一行，還可以使兩段之間多一空行。由于一段的結(jié)束意味著新一段的開始，所以使用也可省略結(jié)束標(biāo)記。 一個強(qiáng)制換段標(biāo)記可以看作是兩個強(qiáng)制換行標(biāo)記。 其中屬性align用來設(shè)置段落的對齊方式，可以為left、center或right，分別表示居左、居中、居右。默認(rèn)時默認(rèn)為left。,格式為：文字,7.2 HTML語言,7.2.2 文檔的格式與風(fēng)格,2段落格式化,(3)分區(qū)顯示標(biāo)記,格式:文本或圖象,文本塊、一段文字或標(biāo)題在網(wǎng)頁上的布局都有3種方式：左對齊、居中和右對齊。在標(biāo)記中使用align屬性，其屬性取值分別為：left、center、right?？梢栽O(shè)置布局的標(biāo)記有：、。當(dāng)在許多段落中設(shè)置對齊方式時，常使用標(biāo)記。,7.2 HTML語言,7.2.2 文檔的格式與風(fēng)格,2段落格式化,(3)分區(qū)顯示標(biāo)記,實例1，參照右圖 分區(qū)顯示標(biāo)記的應(yīng)用 居中center居中center 居左left居左left 居右right居右right ,7.2 HTML語言,7.2.2 文檔的格式與風(fēng)格,2段落格式化,(4)水平線,格式為：,align設(shè)定橫線放置的位置，其屬性取值為：left、center、right。 Size設(shè)定線條粗細(xì)，以像素為單位，默認(rèn)為2。 Width設(shè)定線段長度，可以是絕對值或相對值。所謂絕對值，是指線段的長度是固定的，不隨窗口尺寸的改變而改變。所謂相對值，是指長度相對于窗口的寬度而定，窗口的寬度改變時，線段的長度也隨之增減，默認(rèn)值為100%，即始終填滿當(dāng)前窗口。 Noshade設(shè)定線條為無陰影，若默認(rèn)則有陰影或立體效果。 Color設(shè)定線條顏色，默認(rèn)為黑色?？梢圆捎妙伾拿Q。顏色可以用相應(yīng)英文單詞或以“#”引導(dǎo)的一個十六進(jìn)制代碼來表示。,7.2 HTML語言,7.2.3 加入多媒體與超級鏈接,1加入圖像、視頻、動畫,(1)插入圖形,格式為： 例： 設(shè)置網(wǎng)頁的背景圖像、背景顏色可參照BODY標(biāo)記的相關(guān)屬性。,7.2 HTML語言,7.2.3 加入多媒體與超級鏈接,1加入圖像、視頻、動畫,(2)插入背景音樂,1)音頻標(biāo)記能在網(wǎng)頁中加入背景聲音，格式為： ,src=“your.mid“ ：設(shè)定 midi 檔案及路徑，可以是相對或絕對。 autostart=true ：是否在音樂檔下載完之后就自動播放。true 是，false 否 （默認(rèn)值)。 loop=infinite ：是否自動反復(fù)播放。LOOP=2 表示重復(fù)兩次，Infinite 表示重復(fù)多次。 要加入的背景聲音文件的格式為.wav、.mid、.ram等，播放次數(shù)為-1時，聲音將一直播放直到關(guān)閉網(wǎng)頁。,7.2 HTML語言,7.2.3 加入多媒體與超級鏈接,1加入圖像、視頻、動畫,(2)插入背景音樂,2)使用EMBED標(biāo)簽嵌入音樂文件,使用BGSOUND標(biāo)簽嵌入背景音樂時，當(dāng)最小化窗口時BGSOUND就會暫停，為了保證背景音樂的連貫性，建議使用HIDDEN了的EMBED標(biāo)簽。 ,src=“your.mid“：設(shè)定midi檔案及路徑，可以是相對或絕對 autostart=true：是否在音樂檔下載完之后就自動播放。true是，false否(默認(rèn)值) loop=“true“：是否自動反復(fù)播放。LOOP=2 表示重復(fù)兩次，true是， false否 hidden=“true“：是否完全隱藏控制畫面，true為是，no為否(默認(rèn)值),7.2 HTML語言,7.2.3 加入多媒體與超級鏈接,1加入圖像、視頻、動畫,(3)插入視頻,1)用標(biāo)記的dynsrc屬性可以向網(wǎng)頁中加入.avi視頻剪輯文件。 格式為：,Border：邊框大小。 Src：在瀏覽器尚未完全讀入AVI文件時，先在AVI播放區(qū)域顯示的圖像。 Dynsrc：指定播放視頻文件的路徑和文件名。 Loop：指定播放循環(huán)的次數(shù)。當(dāng)為-1時，則反復(fù)播放。 Loopdelay：兩次播放的時間間隔。 Start：指定何時開始播放。Fileopen是文件打開時，mouseover是鼠標(biāo)移到視頻文件上時。,2)插入flash用標(biāo)記，其格式為 文件,7.2 HTML語言,7.2.3 加入多媒體與超級鏈接,2加入超級鏈接,超鏈接（Hyperlink）可以看作是一個熱點，它可以從當(dāng)前Web頁定義的位置跳轉(zhuǎn)到其他位置，包括當(dāng)前頁的某個位置、Internet或本地硬盤或局域網(wǎng)上的其他文件，甚至跳轉(zhuǎn)到聲音、圖片等多媒體文件。 當(dāng)Web頁包含超鏈接時，Web頁中的外觀形式為彩色且?guī)聞澗€的文字或圖片。單擊這些文本或圖片，可跳轉(zhuǎn)到相應(yīng)位置。鼠標(biāo)指針指向超鏈接的顯示文本或圖片時，將變成手形。超文本鏈接使用錨點標(biāo)記來定義。標(biāo)記的格式為： 熱點,7.2 HTML語言,7.2.3 加入多媒體與超級鏈接,2加入超級鏈接,(1)屬性href為超文本引用，它的值為一個URL，是目標(biāo)資源的有效地址。在書寫URL時要注意，如果資源放在自己的服務(wù)器上，可以寫相對路徑。否則，應(yīng)寫絕對路徑. (2)屬性name指定當(dāng)前文檔內(nèi)的一個字符串作為鏈接時可以使用有效的目標(biāo)資源的地址。(注意：Href不能與name同時使用。) (3)Target=”_blank”或Target=”new”，將鏈接打開的空白頁面或在新的瀏覽器窗口中打開。 Target=”_parent”，將鏈接的頁面內(nèi)容，顯示在直接父框架窗口中。 Target=”_self”，將鏈接的頁面內(nèi)容，顯示在當(dāng)前窗口中（默認(rèn)值）。 Target=”_top”，將框架中鏈接的頁面內(nèi)容，顯示在沒有框架的窗口中。 Target=”框架名稱”，只運(yùn)用于框架中，若被設(shè)定則鏈接結(jié)果將顯示于該“框架名稱”指定的框架窗口中，框架窗口名稱是事先由框架標(biāo)記所命名的，可以理解為程序設(shè)計中的變量名稱。,7.2 HTML語言,7.2.3 加入多媒體與超級鏈接,2加入超級鏈接,(4)創(chuàng)建指向其他頁面的鏈接，就是在當(dāng)前頁面與其他相關(guān)頁面間建立超鏈接。無論目標(biāo)文件與當(dāng)前文件的目錄關(guān)系如何，其格式為： (5)創(chuàng)建指向本頁中的鏈接時，需要定義兩個標(biāo)記：一個為超級鏈接標(biāo)記，另一個為書簽標(biāo)記。格式為：。書簽為該超級鏈接的目標(biāo)，定義格式為：。同理，如果要創(chuàng)建指向其他頁面中的書簽，定義的格式為：。 (6)在網(wǎng)頁中，超級鏈接還可以指向下載文件和電子郵件。他們的格式分別為：； (7)圖像也可以做為鏈接指針。格式為：，可以看出，用取代了鏈接指針中text的位置。是圖像元素，它表明顯示url代表的圖像文件。,7.2 HTML語言,7.2.4 表格編輯,1表格的基本形式,表格對于格式化信息有著強(qiáng)大的功能，它能控制各種信息的位置，使得頁面結(jié)構(gòu)協(xié)調(diào)一致，用其他標(biāo)記不容易做到的文本對齊，只要把文本塊放到表格中就行了。任何表格都有三個基本要素：表行、表頭和表項，每個要素都有自己的標(biāo)簽,一個表由開始，結(jié)束，表的內(nèi)容由，和定義，其中：,說明表的一個行，表有多少行就有多少個，即定義表行； 說明表的列數(shù)和相應(yīng)欄目的名稱，有多少個欄目就有多少個，即定義表頭； 則填充由和組成的表格，即定義表項。,是否用表格線分開為部分內(nèi)容用border屬性說明。,7.2 HTML語言,7.2.4 表格編輯,1表格的基本形式,實例1：一個有表格線和一個元組的組成的表格，參照右圖。 the simplest html file 食品飲料水果 面包可樂西瓜 ,7.2 HTML語言,7.2.4 表格編輯,2表格的修飾形式,(1)有通欄的表 有橫向通欄的表用屬性說明，colspan表示橫向欄距，#代表通欄占據(jù)的網(wǎng)格數(shù)，它是一個小于表的橫向網(wǎng)格數(shù)的整數(shù)。 實例2：下面是一個有表格線和有橫向通欄的表格。, the simplest html file 食品飲料水果 面包牛奶可樂西瓜 ,7.2 HTML語言,7.2.4 表格編輯,2表格的修飾形式,(1)有通欄的表 有縱向通欄的表用rowspan=#屬性說明。rowspan表示縱向欄距，#表示通欄占據(jù)的網(wǎng)格數(shù)，小于縱向網(wǎng)絡(luò)數(shù)。需要說明的是有縱向通欄的表，每一行必須用明確給出一橫向欄目結(jié)束,這和表格的基本形式是不同的。 實例3：下面是一個有表格線和有縱向通欄的表格。, the simplest html file 早餐 食品面包 飲料可樂 水果西瓜 ,7.2 HTML語言,7.2.4 表格編輯,2表格的修飾形式,(2)表的大小，邊框?qū)挾?，表格間距 表的大小用width=#和height=#屬性說明。前者為表寬，后者為表高，#是以象素為單位整數(shù)。 表格間距即劃分表格的線的粗細(xì)用標(biāo)記ellspacing=#表示，#的單位是象素。 (3)表中文本的輸出 文本與表框的距離用cellpadding=#說明。#的單位是象素。 表格的寬度大于其中的文本寬度時，文本在其中的輸出位置與用align=#說明。#是 left，center和right三者之一，分別表示左對齊，居中和右對齊，align屬性可修飾，和鏈接簽。 表格的高度大于其中文本的高度時，可以用valign=#說明文本在其中的位置。#是top，middle，bottom，baseline四者之一。同樣，valign可以修飾，中的任何一個。,7.2 HTML語言,7.2.4 表格編輯,2表格的修飾形式,(4)表格顏色 表格的顏色用bgcolor=#指定。#是16進(jìn)制的6位數(shù)，格式為rrggbb，分別表示紅、綠、蘭三色的分量。或者是16種已定義好的顏色名稱。 (5)表格標(biāo)題 表格可以加上標(biāo)題。標(biāo)題的語法格式如下： ，#可以是left，center和right三者之一。,7.2 HTML語言,7.2.5 創(chuàng)建框架,1框架的基本結(jié)構(gòu)如下：,框架可以將瀏覽器的窗口分成多個區(qū)域，每個區(qū)域可以單獨(dú)顯示一個html文件，各個區(qū)域也可相關(guān)連地顯示某一個內(nèi)容，例如可以將索引放在一個區(qū)域，文檔內(nèi)容顯示在另一個區(qū)域。, . . ,.中的內(nèi)容顯示在不支持框架的瀏覽器窗口中，因而這里指向一個普通版本的html文件，以便使用不支持框架瀏覽器的用戶閱讀。 框架由指定，并且可以嵌套，分區(qū)中各部分顯示的內(nèi)容用指定。frame是一個新出現(xiàn)的標(biāo)記，瀏覽器并不都支持。 可以將窗口橫向分成幾個部分，也可以分成縱向幾個部分，還可以形成混和框架。,7.2 HTML語言,7.2.5 創(chuàng)建框架,1框架的基本結(jié)構(gòu)如下：,(1)橫向框架 橫向框架用指定，#可以是一個百分?jǐn)?shù)，也可以是一整數(shù)。前者規(guī)定各框架占窗口的百分?jǐn)?shù)，后者指定各框的絕對大小。例如，下面的例子將窗口分成30%、20%、50%的幾個區(qū)域，各區(qū)域的內(nèi)容分別為A.html，B.html，C.html。, HTML 語言教程 ,7.2 HTML語言,7.2.5 創(chuàng)建框架,1框架的基本結(jié)構(gòu)如下：,(2)縱向框架：縱向框架用指定，#含義同上。 (3)混合框架 將窗口分成縱橫幾個區(qū)域時，用代替鏈接，即可將原來分好的區(qū)域再次分框，下面的例子先將窗口分成20%，80%，然后將右邊的區(qū)域再分成分別占40%和60%的上下兩個區(qū)域，如圖7-22 所示。 (4) 框架與框中文本的間距 分框與其中的文本間距可以用Marginwidth=#和margiheight=#來指定，前者指定文本與分框的邊緣的橫向距離，后者為縱向距離，其單位都為象素。, HTML 語言教程 ,7.2 HTML語言,7.2.5 創(chuàng)建框架,2分框間的關(guān)聯(lián),框架之間可以有特定的關(guān)聯(lián)，比如將某一框架的內(nèi)容輸出到另一個框架中，這樣該段文字就可以把其中一個框作為輸出框，另一個框作為選擇框。實現(xiàn)這種關(guān)聯(lián)需要做下列的事情。 (1)在分框的html文件中標(biāo)記各個框，標(biāo)記的方法是在中加入name屬性，比如上例，定義左邊的框為索引，右邊框為輸出。 (2)在A.html文件中指定輸出到哪個框中去的方法是在A.html文件中加入下列一行。 這便得用鼠標(biāo)點取A.html中的鏈接指針，它的輸出會顯示在右邊的框中。,7.2 HTML語言,7.2.6 創(chuàng)建表單,表單在HTML頁面中起著重要作用，它是與用戶交互信息的主要手段。一個表單至少應(yīng)該包括說明性文字、用戶填寫的表格、提交和重填按鈕等內(nèi)容。用戶填寫了所需的資料之后，按下“提交”按鈕，這樣所填資料就會通專門的接口傳到Web服務(wù)器上。網(wǎng)頁的設(shè)計者隨后就能在Web服務(wù)器上看到用戶填寫的資料，從而完成了從用戶到服務(wù)提供者之間的反饋和交流。 一個表單有三個基本組成部分： 表單標(biāo)簽：這里面包含了處理表單數(shù)據(jù)所用的CGI(Common Gateway Interface，即通用網(wǎng)關(guān)接口)程序的URL以及數(shù)據(jù)提交到服務(wù)器的方法。 表單域：包含了文本框、密碼框、隱藏域、多行文本框、復(fù)選框、單選框、下拉選擇框和文件上傳框等。 表單按鈕：包括提交按鈕、復(fù)位按鈕和一般按鈕；用于將數(shù)據(jù)傳送到服務(wù)器上的CGI腳本或者取消輸入，還可以用表單按鈕來控制其他定義了處理腳本的處理工作。,7.2 HTML語言,7.2.6 創(chuàng)建表單,1表單標(biāo)簽form/form,格式：FORM action=url method=get|post enctype=mime target=./FORM 相關(guān)屬性解釋如下： action=url 指定用來處理表單提交的數(shù)據(jù)的應(yīng)用程序。它可以是任何一個有效的URL，那么用戶在表單中輸入的信息就會傳入那個URL處。 method=get或post，它控制收集信息的傳送方式。post方法可通過action所指定的服務(wù)程序?qū)Ρ韱芜M(jìn)行處理；GET方法可將表單的內(nèi)容作為查詢URL中的串來傳送，服務(wù)器使用QueryString集合來存儲這些內(nèi)容。 Enctype：指定如何對數(shù)據(jù)編碼，只有在使用post方式時這個屬性才適用，而且有唯一的可能值，即默認(rèn)值application/x-www-form-urlencoded。該屬性在平時的表單創(chuàng)建中可以不使用。,7.2 HTML語言,7.2.6 創(chuàng)建表單,1表單標(biāo)簽form/form,格式：FORM action=url method=get|post enctype=mime target=./FORM TARGET=#，#可以是下列值： _blank：在一個新的、無名瀏覽器窗口調(diào)入指定的文檔； _self：在指向這個目標(biāo)的元素的相同的框架中調(diào)入文檔； _parent：把文檔調(diào)入當(dāng)前框架的父FRAMESET框中；這個值在當(dāng)前框沒有父框時等價于_self； _top：把文檔調(diào)入原來的最頂部的瀏覽器窗口中（因此取消所有其它框架）；這個值等價于當(dāng)前框架沒有子框架時的_self；,7.2 HTML語言,7.2.6 創(chuàng)建表單,2表單元素,（1）文本框 文本框是一種讓訪問者自己輸入內(nèi)容的表單對象，通常被用來填寫單個字或者簡短的回答，如姓名、地址等。 格式：input type=text name=.size=.maxlength=.value=. 屬性解釋如下： type=text定義單行文本輸入框； name屬性定義文本框的名稱，要保證數(shù)據(jù)的準(zhǔn)確采集，要定義一個獨(dú)一無二的名稱； size屬性定義文本框的寬度，單位是單個字符寬度； maxlength屬性定義最多輸入的字符數(shù)； value屬性定義文本框的初始值；,7.2 HTML語言,7.2.6 創(chuàng)建表單,2表單元素,（2）多行文本框 格式：TEXTAREA name=.cols=.rows=.wrap=virtual/TEXTAREA 屬性解釋如下： name：同文本框 cols：定義多行文本框的寬度，單位是單個字符寬度； rows：定義多行文本框的高度，單位是單個字符寬度； wrap：定義輸入內(nèi)容大于文本域時顯示的方式，可選值如下： 默認(rèn)值是文本自動換行；當(dāng)輸入內(nèi)容超過文本域的右邊界時會自動轉(zhuǎn)到下一行，而數(shù)據(jù)在被提交處理時自動換行的地方不會有換行符出現(xiàn)； Off用來避免文本換行，當(dāng)輸入的內(nèi)容超過文本域右邊界時，文本將向左滾動，必須用Return才能將插入點移到下一行； Virtual，允許文本自動換行。當(dāng)輸入內(nèi)容超過文本域的右邊界時會自動轉(zhuǎn)到下一行，而數(shù)據(jù)在被提交處理時自動換行的地方不會有換行符出現(xiàn)； Physical，讓文本換行，當(dāng)數(shù)據(jù)被提交處理時換行符也將被一起提交處理。,7.2 HTML語言,7.2.6 創(chuàng)建表單,2表單元素,（3）密碼框 是一種特殊的文本域，用于輸入密碼。當(dāng)訪問者輸入文字時，文字會被星號或其它符號代替，而輸入的文字會被隱藏。 格式：input type=password name=.size=.maxlength=. （4）復(fù)選框 復(fù)選框允許在待選項中選中一項以上的選項。每個復(fù)選框都是一個獨(dú)立的元素，都必須有一個唯一的名稱。 格式：INPUT type=checkbox name=. value=.,7.2 HTML語言,7.2.6 創(chuàng)建表單,2表單元素,（5）文件上傳框 文件上傳框看上去和其它文本框差不多，只是它還包含了一個瀏覽按鈕。訪問者可以通過輸入需要上傳的文件的路徑或者點擊瀏覽按鈕選擇需要上傳的文件。 在使用文件上傳框以前，請先確定你的服務(wù)器是否允許匿名上傳文件。表單標(biāo)簽中必須設(shè)置ENCTYPE=multipart/form-data來確保文件被正確編碼；另外，表單的傳送方式必須設(shè)置成POST。 格式：input type=file name=.size=15 maxlength=100 屬性解釋如下： type=file：定義文件上傳框； name：同文本框； size：屬性定義文件上傳框的寬度，單位是單個字符寬度； maxlength：屬性定義最多輸入的字符數(shù)。,7.2 HTML語言,7.2.6 創(chuàng)建表單,2表單元素,（6）下拉選擇框 下拉選擇框允許你在一個有限的空間設(shè)置多種選項，下拉選擇框中帶有下拉按鈕，單擊下拉按鈕，出現(xiàn)多個可供選擇的選項，用戶單擊其中的一項，即可選中。 格式： select name=.size=.multiple option value=.selected./option . /select 屬性解釋如下： size：定義下拉選擇框的行數(shù)； name：定義下拉選擇框的名稱； multiple：表示可以多選，如果不設(shè)置本屬性，那么只能單選； value：定義選擇項的值； selected：表示默認(rèn)已經(jīng)選擇本選項。,7.2 HTML語言,7.2.6 創(chuàng)建表單,2表單元素,(7)表單按鈕 1)提交按鈕：提交按鈕用來將輸入的信息提交到服務(wù)器。 格式：input type=submit name=.value=. 屬性解釋如下： type=submit：定義提交按鈕； name：屬性定義提交按鈕的名稱； value：屬性定義按鈕的顯示文字； 2)復(fù)位按鈕：復(fù)位按鈕用來重置表單。 格式：input type=reset name=.value=. 3)一般按鈕：一般按鈕用來控制其他定義了處理腳本的處理工作。 格式：input type=button name=.value=.onClick=. 屬性解釋如下： type=button定義一般按鈕； onClick屬性，也可以是其它的事件，通過指定腳本函數(shù)來定義按鈕的行為。,7.2 HTML語言,7.2.6 創(chuàng)建表單,3表單綜合實例（參見右圖）, 姓名: 性別: 男 女 你喜歡的水果: 蘋果 桔子 西瓜 梨 每個星期你大概會吃多少水果: 少于1公斤 1至3公斤 多于3公斤 對于吃水果，你的觀點是： 多吃水果有利于身體 ,7.2 HTML語言,7.2.7 列表,列表可以分為無序列表、有序列表和自定義列表。,1無序列表 無序號列表使用的一對標(biāo)簽是，每一個列表項前使用。其結(jié)構(gòu)如下所示： 第一項 第二項 第三項 ,實例1：結(jié)果請查看圖7-21 無序列表 這是一個無序列表： 國際互聯(lián)網(wǎng)提供的服務(wù)有： WWW服務(wù) 文件傳輸服務(wù) 電子郵件服務(wù) 遠(yuǎn)程登錄服務(wù) 其它服務(wù) ,7.2 HTML語言,7.2.7 列表,列表可以分為無序列表、有序列表和自定義列表。,2有序列表 有序列表和無序列表的使用方法基本相同，它使用標(biāo)簽，每一個列表項前使用。每個項目都有前后順序之分，多數(shù)用數(shù)字表示。其結(jié)構(gòu)如下所示： 第一項 第二項 第三項 ,實例2：結(jié)果請查看圖7-22 有序列表 這是一個有序列表： 國際互聯(lián)網(wǎng)提供的服務(wù)有： WWW服務(wù) 文件傳輸服務(wù) 電子郵件服務(wù) 遠(yuǎn)程登錄服務(wù) 其它服務(wù) ,7.2 HTML語言,7.2.7 列表,列表可以分為無序列表、有序列表和自定義列表。,3自定義列表 除了上述兩種列表以外，還可以根據(jù)需要自定義列表樣式。格式為： ,7.2 HTML語言,7.2.8 樣式表（CSS）簡介,1樣式表（CSS）概述,樣式表（stylesheets）的技術(shù)誕生于1996年底，全稱是層疊樣式表（Cascading Stylesheets簡稱CSS），它可以對布局、字體、顏色、背景和其它圖文效果實現(xiàn)更加精確的控制。使用樣式表只通過修改一個文件就改變大量的網(wǎng)頁的外觀和格式，使網(wǎng)頁的風(fēng)格統(tǒng)一。使用樣式表的具體優(yōu)勢主要體現(xiàn)在以下幾個方面：,格式和結(jié)構(gòu)分離： 更好的控制頁面全局的能力： 可以制作出體積更小下載更快的網(wǎng)頁： 更快更容易地維護(hù)及更新大量的網(wǎng)頁：,7.2 HTML語言,7.2.8 樣式表（CSS）簡介,2CSS添加到網(wǎng)頁中的方法,(1)鏈接外部CSS樣式表 (2)在HTML文檔中植入CSS樣式 (3)在標(biāo)記中加入樣式 (4)導(dǎo)入CSS樣式表 (5)用腳本來運(yùn)用CSS樣式,7.3 腳本語言基礎(chǔ),7.3.1 腳本語言概述,1腳本語言的優(yōu)勢 腳本語言作為用來控制網(wǎng)頁的控件和對象的一種編程語言的出現(xiàn)，它可以使得信息和用戶之間不僅只是一種顯示和瀏覽的關(guān)系，而是實現(xiàn)了一種實時的、動態(tài)的、可交式的表達(dá)能力。從而基于CGI靜態(tài)的HTML頁面被可提供動態(tài)實時信息，并對客戶操作進(jìn)行反應(yīng)的Web頁面的取代，腳本正是滿足這種需求而產(chǎn)生的語言。 腳本語言是一種非編譯語言，直接被瀏覽器所解釋執(zhí)行，它是一種事件型程序，通過捕捉用戶在各種瀏覽器中的行為來觸發(fā)特定的程序段。 腳本語言容易使用，在完成小任務(wù)方面表現(xiàn)相當(dāng)出色，比如檢查表單數(shù)據(jù)它在控制瀏覽器中的事件和訪問，以及操作超文本標(biāo)記語言元素方面的功能也很強(qiáng)大，深受廣泛用戶的喜愛的歡迎。,7.3 腳本語言基礎(chǔ),7.3.1 腳本語言概述,2腳本語言的使用,聲明腳本語言有下列3種方法： 在IIS中設(shè)置默認(rèn)的腳本，如未更改設(shè)置則為VBScript。 在程序的第一段加上。 在程序體中加入對象聲明。,7.3 腳本語言基礎(chǔ),7.3.2 VBScript,1VBScript基本語法,(1)VBScript不區(qū)分大小寫。 (2服務(wù)器端的VBScript位于中間，即，也可用 VBScript代碼 腳本如果放在客戶端執(zhí)行，則只需用 VBScript代碼 (3)程序注釋(Rem語句來注釋、一個單引號字符 ),7.3 腳本語言基礎(chǔ),7.3.2 VBScript,2VBScript編程基礎(chǔ),VBScript實質(zhì)上是Visual Basic的子集，因此VBScript也有常量、變量和數(shù)組。 常量、變量的命名可以使用數(shù)字、字母和下劃線等字符，但第一個字母必須是英文字母，中間不能有標(biāo)點和運(yùn)算符號，長度不能超過255個字符。 常量是擁有名字的數(shù)值（字符串和數(shù)字），主要為了方便程序的編寫。 變量是存有一個值的命名了的內(nèi)存位置。最好在使用以前先定義。 VBScript還有各種運(yùn)算符，包括算術(shù)運(yùn)算符，比較運(yùn)算符，邏輯運(yùn)算符和連接運(yùn)算符。 VBScript有很多現(xiàn)成的繼承VB的函數(shù)，主要包括轉(zhuǎn)換函數(shù)、輸入輸出函數(shù)、字符串函數(shù)、日期和時間函數(shù)、數(shù)學(xué)函數(shù)、檢驗函數(shù)等。,7.3 腳本語言基礎(chǔ),7.3.2 VBScript,2VBScript編程基礎(chǔ),VBScript過程有Sub子程序和Function函數(shù)。 Sub子程序的語法如下： Sub子程序名(參數(shù)1,參數(shù)2,) End Sub 子程序調(diào)用可用Call子程序名(參數(shù)1,參數(shù)2, ) Function函數(shù)的語法如下： Function(參數(shù)1,參數(shù)2, ) End Function Function過程調(diào)用通過直接引用函數(shù)名(用在變量賦值語句的右端或表達(dá)式中)。,7.3 腳本語言基礎(chǔ),7.3.2 VBScript,2VBScript編程基礎(chǔ),VBScript控制語句主要有條件語句和循環(huán)語句。 條件語句有IfThenElse和Select Case語句。,例7-2 IF條件語句 放在程序首行，強(qiáng)制變量聲明 ,7.3 腳本語言基礎(chǔ),7.3.2 VBScript,2VBScript編程基礎(chǔ),VBScript控制語句主要有條件語句和循環(huán)語句。 循環(huán)語句主要有ForNext(強(qiáng)制型)，DoLoop(條件型)和不太常用的WhileWend、For EachIn。,例7-3 循環(huán)語句。 Hello everyone! “ next %,7.3 腳本語言基礎(chǔ),7.3.3 JavaScript,1JavaScript介紹,JavaScript是一種新的描述語言，可以被嵌入HTML的文件之中。通過JavaScript可以做到回應(yīng)使用者的需求事件 (如：form的輸入)而不用任何的網(wǎng)絡(luò)來回傳輸資料，所以當(dāng)一位使用者輸入一項資料時，它不用先傳給服務(wù)器端(server)處理，再傳回來的過程，而直接可以被客戶端(client)的應(yīng)用程序所處理，可以想象成有一個可執(zhí)行程序在你的客戶端上執(zhí)行一樣。 JavaScript與VBScript有很多地方是相通的，不同的是JavaScript腳本中，對象、屬性、方法等命名對大小寫敏感，即常量、變量、函數(shù)、對象以及保留字的大小寫是有區(qū)別的。在引用別人的網(wǎng)頁特效小程序時，不要更改字母的大小寫。 JavaScript提供了4種基本數(shù)據(jù)類型來處理數(shù)字和文本，通過變量來當(dāng)作存儲信息的容器，而且還可以通過表達(dá)式以有效和復(fù)雜的方法來處理信息。,7.3 腳本語言基礎(chǔ),7.3.3 JavaScript,2JavaScript代碼的加入,JavaScript的腳本包括在HTML中，它成為HTML文檔的一部分。它與HTML標(biāo)識相結(jié)合，構(gòu)成了一個功能強(qiáng)大的Internet網(wǎng)上編程語言。 為了便于程序的解釋和調(diào)用，應(yīng)將JavaScript的腳本放在HTML文檔頭部，對于小的腳本和簡單的頁面，它可以直接將JavaScript腳本加入文檔的任意位置。也可將JavaScript程序以擴(kuò)展名“.Js”單獨(dú)存放，再利用格式Script Src=JavaScript 文件名嵌入在文件的任何位置。例如，表示在此處調(diào)用1.js文件。 JavaScript的注釋如果是一行可以用“/”，若是多行則應(yīng)該用“/*/”。 在HTML中使用、標(biāo)識加入JavaScript語句，這樣，HTML語句和JavaScript語句位于同一個文件中，其格式為 ,7.3 腳本語言基礎(chǔ),7.3.3 JavaScript,2JavaScript代碼的加入(例7-4 倒計時), var urodz= new Date(“December 25,2006“); var s=“圣誕“; var now = new Date(); var ile = urodz.getTime() - now.getTime(); var dni = Math.floor(ile / (1000 * 60 * 60 * 24); if (dni 1) document.write(“今天離“+s+“還有“+dni +“天“) else if (dni = 1) document.write(“只有2天啦！“) else if (dni = 0) document.write(“只有1天啦！“) else document.write(“好象已經(jīng)過了哦！“); ,7.3 腳本語言基礎(chǔ),7.3.3 JavaScript,3使用特效代碼,怎樣在我的網(wǎng)頁中插入代碼？只要把這些代碼復(fù)制，使用FrontPage時，點擊編輯窗口左下角的“HTML”選項卡即出現(xiàn)源代碼窗口，將特效代碼粘貼進(jìn)去，保存即可，再在瀏覽器中打開，你就會看到效果了。 一般來說，除非特別指明，例如，要求插入到與之間。在網(wǎng)頁源代碼的與之間的任何地方插入代碼都可以，在表格的單元格與之間插入代碼，一般不會出錯。 在網(wǎng)絡(luò)有大量的Javascript特效和Vbscript特效，其中有Cookie腳本，按鈕類特效，窗口類特效，導(dǎo)航菜單類，技巧特效類，鏈接類特效，時間類特效，圖片類特效，文字類特效等，集管理與收集于一身，非常適合網(wǎng)頁制作者使用。你只需簡單的復(fù)制、粘貼，就可以做出很多漂亮的網(wǎng)頁特效。,7.3 腳本語言基礎(chǔ),7.3.4 腳本與表單的結(jié)合,1對象的引用,腳本語言可以看成是面向?qū)ο蟮恼Z言。每個對象都是事先定義好的，都有自己的屬性、方法和事件。對象是自然界的一類事物。在VBScript中，Windows、Form、Date、Document等都屬于對象。 屬性是指一類對象的特征，用于描述一個對象。方法說明對象如何去做。例如：Document.Write(“您好“)就是在顯示器輸出字符串“您好”；又如Alter(“歡迎“)在新窗口中顯示歡迎，其中前頭的Windows一般可以省略。事件是每個對象可以識別和響應(yīng)有某些操作行為。程序能對這些