【正文】 組成的表格，即定義表項。 實例 3：下面是一個有表格線和有縱向通欄的表格。 表格的高度大于其中文本的高度時，可以用 valign=說明文本在其中的位置。 49 HTML語言 創(chuàng)建框架 1．框架的基本結(jié)構(gòu)如下： 框架可以將瀏覽器的窗口分成多個區(qū)域，每個區(qū)域可以單獨顯示一個 html文件，各個區(qū)域也可相關(guān)連地顯示某一個內(nèi)容，例如可以將索引放在一個區(qū)域，文檔內(nèi)容顯示在另一個區(qū)域。 html head titleHTML 語言教程 /title /head frameset rows=25%,25%,50% frame src= frame src= frame src= /frameset /html 51 HTML語言 創(chuàng)建框架 1．框架的基本結(jié)構(gòu)如下： (2)縱向框架：縱向框架用 frameset cols=指定， 含義同上。 53 HTML語言 創(chuàng)建表單 表單在 HTML頁面中起著重要作用，它是與用戶交互信息的主要手段。它可以是任何一個有效的 URL，那么用戶在表單中輸入的信息就會傳入那個 URL處。 58 HTML語言 創(chuàng)建表單 2． 表單元素 （ 3）密碼框 是一種特殊的文本域，用于輸入密碼。 格式：＜ input type=file name=...size=15 maxlength=100＞ 屬性解釋如下： type=file：定義文件上傳框； name：同文本框； size：屬性定義文件上傳框的寬度，單位是單個字符寬度； maxlength：屬性定義最多輸入的字符數(shù)。 1．無序列表 無序號列表使用的一對標(biāo)簽是 ul/ul，每一個列表項前使用 LI。使用樣式表的具體優(yōu)勢主要體現(xiàn)在以下幾個方面： ? 格式和結(jié)構(gòu)分離： ? 更好的控制頁面全局的能力： ? 可以制作出體積更小下載更快的網(wǎng)頁： ? 更快更容易地維護(hù)及更新大量的網(wǎng)頁： 67 HTML語言 樣式表（ CSS）簡介 2． CSS添加到網(wǎng)頁中的方法 (1)鏈接外部 CSS樣式表 (2)在 HTML文檔中植入 CSS樣式 (3)在標(biāo)記中加入樣式 (4)導(dǎo)入 CSS樣式表 (5)用腳本來運用 CSS樣式 68 腳本語言基礎(chǔ) 腳本語言概述 1． 腳本語言的優(yōu)勢 腳本語言作為用來控制網(wǎng)頁的控件和對象的一種編程語言的出現(xiàn)，它可以使得信息和用戶之間不僅只是一種顯示和瀏覽的關(guān)系，而是實現(xiàn)了一種實時的、動態(tài)的、可交式的表達(dá)能力。 (2服務(wù)器端的 VBScript位于 %與 %中間，即 % VBScript代碼 %，也可用 Script language=VBScript Runat=Server VBScript代碼 /Script 腳本如果放在客戶端執(zhí)行，則只需用 Script language=VBScript VBScript代碼 /Script (3)程序注釋 (Rem語句來注釋、一個單引號字符 ) 71 腳本語言基礎(chǔ) VBScript 2． VBScript編程基礎(chǔ) ?VBScript實質(zhì)上是 Visual Basic的子集，因此 VBScript也有常量、變量和數(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á)式中 )。以下循環(huán)輸出 Hello everyone!字符串 ,字體由小變大 for i=1 to 5 font size= amp。它與HTML標(biāo)識相結(jié)合，構(gòu)成了一個功能強(qiáng)大的 Inter網(wǎng)上編程語言。 var ile = () ()。 79 腳本語言基礎(chǔ) 腳本與表單的結(jié)合 1． 對象的引用 腳本語言可以看成是面向?qū)ο蟮恼Z言。程序能對這些事件響應(yīng)。例如按鈕 button 就是控件，如要引用 button 對象的 value屬性，則應(yīng)該寫成 。 81 動態(tài)網(wǎng)頁技術(shù) 網(wǎng)頁的動態(tài)表現(xiàn)技術(shù) 1． Flash技術(shù) 2． DHTML(動態(tài)超文本標(biāo)記語言 ) 3． VRML(虛擬現(xiàn)實造型語言 ， 將 Web信息在一個交互的三維空間中表達(dá)出來 。 JSP是在傳統(tǒng)的靜態(tài)頁面中加入 Java程序片段和JSP標(biāo)記 ， 構(gòu)成 JSP頁面 ， 然后再由服務(wù)器編譯和執(zhí)行 。它缺省的 Script語言是 VBScript，當(dāng)然開發(fā)者也可以改變這一缺省設(shè)置，例如要改為 Javascript，只需在文件開頭注明 〈 %Language=JavaScript%〉 就可。 (5)Session對象 ：用來實現(xiàn)存儲特定用戶會話所需的信。 另外， ASP還提供了豐富的組件和對象，可以使用第三方控件來完成復(fù)雜的功能。 3． JSP（ Java Server Pages） 是基于 Java的技術(shù) ， 用于創(chuàng)建可支持跨平臺及跨 Web服務(wù)器的動態(tài)網(wǎng)頁 。 Onload與 Onunload用于瀏覽器載入（關(guān)閉）一個窗口或框架時事件發(fā)生，適用于Bodyt與 Frameset元素。 在 Windows和腳本中有很多已經(jīng)封裝好的對象，稱為控件，不同的控件有不同的功能、屬性和方法。例如： (您好 )就是在顯示器輸出字符串 “ 您好 ” ；又如 Alter(歡迎 )在新窗口中顯示歡迎，其中前頭的 Windows一般可以省略。 在網(wǎng)絡(luò)有大量的 Javascript特效和 Vbscript特效，其中有 Cookie腳本，按鈕類特效，窗口類特效，導(dǎo)航菜單類，技巧特效類，鏈接類特效，時間類特效，圖片類特效，文字類特效等，集管理與收集于一身，非常適合網(wǎng)頁制作者使用。 var s=圣誕 。 JavaScript提供了 4種基本數(shù)據(jù)類型來處理數(shù)字和文本，通過變量來當(dāng)作存儲信息的容器，而且還可以通過表達(dá)式以有效和復(fù)雜的方法來處理信息。 例 73 循環(huán)語句。 ?VBScript有很多現(xiàn)成的繼承 VB的函數(shù)，主要包括轉(zhuǎn)換函數(shù)、輸入輸出函數(shù)、字符串函數(shù)、日期和時間函數(shù)、數(shù)學(xué)函數(shù)、檢驗函數(shù)等。 ?在程序體中加入對象聲明 Script language=VBScript。格式為： DL DT? /DT DD? /DD DT? /DT DD? /DD ? /DL 66 HTML語言 樣式表（ CSS）簡介 1．樣式表（ CSS）概述 樣式表（ stylesheets）的技術(shù)誕生于 1996年底，全稱是層疊樣式表（ Cascading Stylesheets－簡稱 CSS），它可以對布局、字體、顏色、背景和其它圖文效果實現(xiàn)更加精確的控制。 格式：＜ input type=button name=...value=...onClick=...＞ 屬性解釋如下： type=button定義一般按鈕； onClick屬性，也可以是其它的事件，通過指定腳本函數(shù)來定義按鈕的行為。 在使用文件上傳框以前，請先確定你的服務(wù)器是否允許匿名上傳文件。 格式：＜ input type=text name=...size=...maxlength=...value=...＞ 屬性解釋如下： type=text定義單行文本輸入框； name屬性定義文本框的名稱，要保證數(shù)據(jù)的準(zhǔn)確采集，要定義一個獨一無二的名稱； size屬性定義文本框的寬度，單位是單個字符寬度； maxlength屬性定義最多輸入的字符數(shù)； value屬性定義文本框的初始值； 57 HTML語言 創(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，允許文本自動換行。 ? 表單按鈕 ：包括提交按鈕、復(fù)位按鈕和一般按鈕；用于將數(shù)據(jù)傳送到服務(wù)器上的 CGI腳本或者取消輸入，還可以用表單按鈕來控制其他定義了處理腳本的處理工作。 frame src= name= index frame src= name= display (2)在 加入下列一行。前者規(guī)定各框架占窗口的百分?jǐn)?shù)，后者指定各框的絕對大小。 (5)表格標(biāo)題 表格可以加上標(biāo)題。 表格的寬度大于其中的文本寬度時，文本在其中的輸出位置與用align=說明。 rowspan表示縱向欄距， 表示通欄占據(jù)的網(wǎng)格數(shù)，小于縱向網(wǎng)絡(luò)數(shù)。 img src=url是圖像元素，它表明顯示 url代表的圖像文件。 42 HTML語言 加入多媒體與超級鏈接 2．加入超級鏈接 (4)創(chuàng)建指向其他頁面的鏈接，就是在當(dāng)前頁面與其他相關(guān)頁面間建立超鏈接。在書寫 URL時要注意，如果資源放在自己的服務(wù)器上，可以寫相對路徑。 ? Start：指定何時開始播放。 true是，false否 (默認(rèn)值 ) ? loop=true：是否自動反復(fù)播放。 37 HTML語言 加入多媒體與超級鏈接 1．加入圖像、視頻、動畫 (2)插入背景音樂 1)音頻標(biāo)記 bgsound能在網(wǎng)頁中加入背景聲音， 格式為 ： bgsound src=聲音文件 autostart=true loop=播放次數(shù) ? src= ：設(shè)定 midi 檔案及路徑，可以是相對或絕對。 ? Width設(shè)定線段長度，可以是絕對值或相對值。 ? 其中屬性 align用來設(shè)置段落的對齊方式，可以為 left、center或 right，分別表示居左、居中、居右。 P無可奈何花落去，似曾相識燕歸來。上例中同時使用了 body的 text屬性和 font的 color屬性來對文字的顏色進(jìn)行設(shè)置，但最后在網(wǎng)頁中的文字顏色應(yīng)該是離文字本身最近的標(biāo)記屬性所定義的。 ? Face用來設(shè)置字體。 ? HTML文件中包含超文本內(nèi)容，如多媒體信息、 Email地址、數(shù)據(jù)庫查詢結(jié)果等。 ? 在網(wǎng)頁的頭部代碼中，還有另外一種文頭標(biāo)記 — meta標(biāo)記 ，基本語法是： meta equiv=類型 name=名稱 content=內(nèi)容 。 HTML文件包括頭部（ head）和正文（ body）。 這類標(biāo)記的 語法是： 標(biāo)簽名稱 最常用的單標(biāo)簽是 BR, 它表示換行。它主要是在原來文本文件的基礎(chǔ)上，增加一系列的標(biāo)識符來描述格式，形成網(wǎng)絡(luò)文件。 ? “任務(wù)”視圖：用來查看網(wǎng)站和網(wǎng)頁設(shè)計的完成情況。為了便于用戶制作網(wǎng)頁和查看、修改 Web站點的組織結(jié)構(gòu)， FrontPage 2022提供了 6種視圖。用戶只需在本地對網(wǎng)頁進(jìn)行編輯， FrontPage會跟蹤用戶編輯過的文件，在發(fā)布時，它會自動將修改過的網(wǎng)頁進(jìn)行發(fā)布，未編輯過的網(wǎng)頁可由用戶決定是否再次向服務(wù)器發(fā)送 。第 7章 網(wǎng)頁制作與編程基礎(chǔ) 本章學(xué)習(xí)目標(biāo)： ?了解常用網(wǎng)頁制作工具，基本掌握其中一種 ?掌握 HTML語言 ?初步掌握 VBScript或 JavaScript腳本語言 ?了解動態(tài)網(wǎng)頁技術(shù) ?初步掌握 ASP與數(shù)據(jù)庫應(yīng)用 2 常用網(wǎng)頁制作工具 隨著 Inter技術(shù)的不斷發(fā)展，網(wǎng)頁制作工具越來越多，