【文章內(nèi)容簡(jiǎn)介】 R | 文件主體 　　FONT SIZE= 7 COLOR= red | 　　這是我第一次做主頁(yè) | 　　/FONT | 　　/CENTER | 　　/BODY 　　/HTML 結(jié)尾標(biāo)簽 　　HTML/HTML在文檔的最外層， 文檔中的所有文本和html標(biāo)簽都包含在其中，它表示該文檔是以超文本標(biāo)識(shí)語(yǔ)言（HTML）編寫(xiě)的。事實(shí)上，現(xiàn)在常用的Web瀏覽器都可以自動(dòng)識(shí)別HTML文檔，并不要求有 html標(biāo)簽，也不對(duì)該標(biāo)簽進(jìn)行任何操作，但是為了使HTML文檔能夠適應(yīng)不斷變化的Web瀏覽器，還是應(yīng)該養(yǎng)成不省略這對(duì)標(biāo)簽的良好習(xí)慣。 HEAD/HEAD是HTML文檔的頭部標(biāo)簽, 在瀏覽器窗口中，頭部信息是不被顯示在正文中的,在此標(biāo)簽中可以插入其它標(biāo)記, 用以說(shuō)明文件的標(biāo)題和整個(gè)文件的一些公共屬性。title和/title是嵌套在HEAD頭部標(biāo)簽中的，標(biāo)簽之間的文本是文檔標(biāo)題，它被顯示在瀏覽器窗口的標(biāo)題欄。 BODY /BODY標(biāo)記一般不省略，標(biāo)簽之間的文本是正文，是在瀏覽器要顯示的頁(yè)面內(nèi)容。上面的這幾對(duì)標(biāo)簽在文檔中都是唯一的，HEAD標(biāo)簽和BODY標(biāo)簽是嵌套在HTML標(biāo)簽中的。 Html的發(fā)展歷史HTML是萬(wàn)維網(wǎng)文檔發(fā)布和瀏覽的基本格式。它具有很多特點(diǎn)，如獨(dú)立于平臺(tái)的格式、結(jié)構(gòu)化設(shè)計(jì)，特別是超文本鏈接，這些特點(diǎn)使它成為萬(wàn)維網(wǎng)較好的文檔格式。 一. HTML的起源HTML作為定義萬(wàn)維網(wǎng)的基本規(guī)則之一，最初由蒂姆本尼斯李（Tim BernersLee）于1989年在CERN（Conseil Europeen pour la Recherche Nucleaire）研制出來(lái)。HTML的設(shè)計(jì)者是這樣考慮的：HTML格式將允許科學(xué)家們透明地共享網(wǎng)絡(luò)上的信息，即使這些科學(xué)家使用的計(jì)算機(jī)差別很大。因此，這種格式必須具備如下幾個(gè)特點(diǎn)： 獨(dú)立于平臺(tái)，即獨(dú)立于計(jì)算機(jī)硬件和操作系統(tǒng)。這個(gè)特性對(duì)各種受從是至關(guān)重要的，因?yàn)樵谶@個(gè)特性中，文檔可以在具有不同性能（即字體、圖形和顏色差異）的計(jì)算機(jī)上以相似的形式顯示文檔內(nèi)容。 超文本。允許文檔中的任何文字或詞組參照另一文檔，這個(gè)特性將允許用戶在不同計(jì)算機(jī)中的文檔之間及文檔內(nèi)部漫游。 精確的結(jié)構(gòu)化文檔。該特性將允許某些高級(jí)應(yīng)用，如HTML文檔和其他格式文檔間互相轉(zhuǎn)換以及搜索文本數(shù)據(jù)庫(kù)。本尼斯李選擇使用標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言（SGML，standard generalized markup language）作為HTML的開(kāi)發(fā)模版。作為一種當(dāng)時(shí)正在出現(xiàn)的國(guó)際標(biāo)準(zhǔn)，標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言具有結(jié)構(gòu)化和獨(dú)立于平臺(tái)的優(yōu)點(diǎn)。SGML的標(biāo)準(zhǔn)化水平也確保了它長(zhǎng)久的生命力，這意味著采用SGML格式的文檔在相當(dāng)長(zhǎng)的時(shí)間里不需要重新構(gòu)建。SGML是獨(dú)立于平臺(tái)的，因?yàn)樗鼘?duì)文檔的語(yǔ)義結(jié)構(gòu)或含義進(jìn)行編碼描述，而不是對(duì)文檔的實(shí)際外觀進(jìn)行編碼描述。因此，某書(shū)某章節(jié)的標(biāo)題將標(biāo)為Chater Title，而不是Helvetica 18pt Centered。如果在不具備Helvetica字型或不支持不同大小字母的計(jì)算機(jī)上顯示文檔，則后一種風(fēng)格會(huì)失敗，而前一種風(fēng)格可以在任何系統(tǒng)上（智能化地）顯示。每個(gè)讀者都以一種對(duì)其計(jì)算機(jī)有利的方式定義章節(jié)標(biāo)題的外表，相應(yīng)地，并以這種風(fēng)格來(lái)規(guī)范所有的文本。這種結(jié)構(gòu)的另一個(gè)特征是：按語(yǔ)義編碼的文本可以由計(jì)算機(jī)更智能地自動(dòng)處理。例如：如果每個(gè)章節(jié)標(biāo)題都用Chapter Title標(biāo)志，再把章節(jié)號(hào)碼作為一種屬性，讀者就可以要求只看第18章，SGML軟件相應(yīng)地會(huì)查找第18章標(biāo)題和第19章標(biāo)題，并抽取它們之間的所有內(nèi)容。如果不用標(biāo)準(zhǔn)格式的字體和代碼來(lái)標(biāo)志文本的話，這個(gè)工作對(duì)計(jì)算機(jī)來(lái)說(shuō)是無(wú)法完成的。SGML的一大優(yōu)點(diǎn)是它的靈活性。SGML本身并不是一種格式，而是定義其他格式的一種規(guī)范，用戶可以創(chuàng)建新格式來(lái)編碼某類(lèi)文件（如技術(shù)手冊(cè)、電話號(hào)碼薄和法律文書(shū)）的所有結(jié)構(gòu)，只需先閱讀定義，任何能使用SGML的軟件都能讀懂它。人們已經(jīng)為普通文檔和十分專(zhuān)業(yè)化的文檔建立了許多的文檔類(lèi)型定義（document type definitions，DTD）。HTML只是一種DTD，或SGML的一種應(yīng)用。 二. HTML的演變 自1989年以來(lái)，HTML及萬(wàn)維網(wǎng)的使用和發(fā)展有了巨大的變化。當(dāng)NCSA（national center for superputing applications，國(guó)家超級(jí)計(jì)算機(jī)應(yīng)用中心）在1993年初首次構(gòu)建Mosaic瀏覽器時(shí)，NCSA的科學(xué)家們把自己需要的特性添加到HTML中，包括直接插入圖形。當(dāng)允許人們把位圖、照片和圖表放入到文檔中以后，萬(wàn)維網(wǎng)的規(guī)模和使用出現(xiàn)了爆炸性的增長(zhǎng)，第二年，HTML的發(fā)展很快。HTML的新標(biāo)記不時(shí)地被一個(gè)又一個(gè)的瀏覽器引入，有一些新標(biāo)記流行起來(lái)，而有一些又消失了。有些增加部分設(shè)計(jì)得很糟，很多甚至不遵從SGML規(guī)范。到了1994年年中，HTML幾乎以失控的狀態(tài)發(fā)展。在IETF（Internet engineering task force）主持下，1995年11月在瑞士日內(nèi)瓦舉行的第一次WWW會(huì)議上成立了一個(gè)HTML工作小組。它的主要任務(wù)是把HTML形式化成為一種SGML DTD，稱(chēng)之為HTML Level 2（HTML ，由本尼斯李最初設(shè)計(jì)的HTML被定義為L(zhǎng)evel 1）。標(biāo)準(zhǔn)化之后，HTML就可以被安全地?cái)U(kuò)展到將來(lái)的各個(gè)級(jí)別的版本，從而利用了SGML的實(shí)質(zhì)性能和它的格式化結(jié)構(gòu)。盡管有關(guān)的各方從來(lái)沒(méi)有取得完全一致的共識(shí)，但萬(wàn)維網(wǎng)聯(lián)盟HTML工作組（world wide web consortium39。s HTML working group）還是集中了1996年的萬(wàn)維網(wǎng)發(fā)展的成果，產(chǎn)生了HTML 。HTML ，并在以下幾個(gè)方面有所發(fā)展： 更加明確了文檔的結(jié)構(gòu)和表現(xiàn)形式上的區(qū)別，以鼓勵(lì)使用格式表（style sheet）來(lái)取代使用元素和屬性進(jìn)行表現(xiàn)的方式 。 更加優(yōu)良的表單（form）性能，加入了訪問(wèn)關(guān)鍵詞（access key）、構(gòu)建對(duì)稱(chēng)的表單控件能力、構(gòu)建對(duì)稱(chēng)的下拉菜單控件的能力和動(dòng)態(tài)標(biāo)簽（active label）。 在文本描述的標(biāo)記中包含對(duì)象。 一種新客戶端的文本包括在圖像映射元素（map element），使得網(wǎng)頁(yè)設(shè)計(jì)者可以集成文本和圖像鏈接。 可以將替代圖像的文本包括在圖像元素（IMG element）中，也可以將圖像映射（image map）包含到區(qū)域元素中（area element）。 在所有元素中支持title和language兩個(gè)屬性。 更多的表格屬性，包括Caption、Column groups和方便的非可視信息（nonvisual reading）的表現(xiàn)機(jī)制。用Dreamweaver CS5創(chuàng)建html界面的方法很簡(jiǎn)單，首先是在本地新建站點(diǎn)，其次在用一些html標(biāo)簽放所需的控件，如命令按鈕、單選鈕、文本框、標(biāo)簽、圖片框等。然后針對(duì)每個(gè)控件設(shè)定特定的Css樣式來(lái)美化界面，最后制作好的界面在瀏覽器中預(yù)覽，做適當(dāng)調(diào)整即可。一般說(shuō)來(lái)，用Dreamweaver CS5創(chuàng)建html界面時(shí)，需要以下五步：1. 建立網(wǎng)站站點(diǎn)在正式開(kāi)始制作網(wǎng)頁(yè)之前，最好先定義一個(gè)新網(wǎng)站，這是為了更好地利用站點(diǎn)窗口對(duì)站點(diǎn)文件進(jìn)行管理，也可以盡可能的減少一些錯(cuò)誤的出現(xiàn)，如路徑出錯(cuò)，鏈接出錯(cuò)（特別是新手），當(dāng)熟練掌握了DREAMWEAVER　CS5的使用后，并且只需制作單個(gè)網(wǎng)頁(yè)時(shí)候可以省去這一步；還值得說(shuō)的是，新手做網(wǎng)頁(yè)，就只知道做網(wǎng)頁(yè)，條理性、結(jié)構(gòu)性需加強(qiáng)，一個(gè)文件放這里，另一個(gè)文件放那里，或者所有文件都放在同一文件夾內(nèi)，這樣顯得很亂。就需要站點(diǎn)進(jìn)行網(wǎng)頁(yè)文件管理。1) 首先打開(kāi)Dreamweaver CS5，如圖15所示：（圖15）2) 點(diǎn)擊頂部菜單欄【站點(diǎn)】下拉菜單，如圖16所示（圖16）3) 點(diǎn)擊新建站點(diǎn)，出現(xiàn)如下對(duì)話框，如圖17所示（圖17）4) 按自己習(xí)慣填寫(xiě)相關(guān)信息，點(diǎn)擊【保存】按鈕。 1）新建html文檔，如圖18所示（圖18） 2）在適當(dāng)?shù)奈恢锰砑涌丶?，如a標(biāo)簽，div標(biāo)簽等。 使用div確定標(biāo)簽的位置。 修改控件的Css樣式。如width，height等。，修改。如圖19所示。（圖19） Javascript語(yǔ)言 Javascript語(yǔ)言簡(jiǎn)介和特點(diǎn)Internet的迅猛發(fā)展，特別是WWW的日益普及很大程度上得益于網(wǎng)絡(luò)上的超媒體信息。為了滿足Web用戶對(duì)信息資源無(wú)止境的渴求，開(kāi)發(fā)者們?cè)谛嗟財(cái)U(kuò)允超媒體語(yǔ)言的能力。從靜態(tài)文本到靜態(tài)圖像，從靜態(tài)圖像到動(dòng)態(tài)圖像，隨后義加入了聲音 、影像、三維動(dòng)畫(huà)等。另一方面，我們已不滿足于被動(dòng)地瀏覽，而是希望服務(wù)方在主頁(yè)中提供更多的交互性，以便我們自己也可以加入 Web游戲中。 Java語(yǔ)言以及另外一此腳木語(yǔ)言( Script)的出現(xiàn)滿足了服務(wù)方和用戶方的這種要求。它們?yōu)閃eb內(nèi)容開(kāi)發(fā)者提供一種靈活簡(jiǎn)便的Web頁(yè)面設(shè)計(jì)途徑。其中，JavaScript在眾多腳本語(yǔ)言中脫穎而出，被越來(lái)越多的Web作者認(rèn)可和使用。比如，當(dāng)我們進(jìn)入某個(gè)主貝時(shí)，這個(gè)主頁(yè)會(huì)彈出一個(gè)寫(xiě)有Cookies字樣的提不框，讓我們輸入一些個(gè)人信息．其實(shí)這就是JavaScript腳本在起作用。JavaScript是種基于對(duì)象的腳本語(yǔ)言，使用它可以開(kāi)發(fā)Internet客戶端的應(yīng)用程序。JavaScript在HTML頁(yè)面中以語(yǔ)句形式出現(xiàn)，并且可以執(zhí)行相應(yīng)的操作。有些人可能認(rèn)為JavaScript是Java的子集，就像VBScript和VB的關(guān)系一樣。實(shí)際上，JavaScript和Java在語(yǔ)言上沒(méi)有什么直接關(guān)系，它也不是Sun公司開(kāi)發(fā)的產(chǎn)品它是Netscape公司為了擴(kuò)充N(xiāo)etscape Navigator瀏覽器功能而開(kāi)發(fā)的一種可以嵌入Web主頁(yè)中的編程語(yǔ)言。早期稱(chēng)之為L(zhǎng)iveScript,后來(lái)為了利用Java的功能同時(shí)借用它的流行性，把它改名為JavaScript1 ．JavaScript是一種腳本語(yǔ)言腳本是種能夠完成某些特殊功能的小“程序”。這些小的“程序段”并不像一般程序那樣被編澤，而是在程序運(yùn)行過(guò)程中被逐行地解釋。在腳本中所使用的命令與語(yǔ)句集稱(chēng)為腳本語(yǔ)言JavaScript是一種腳本語(yǔ)言，它的標(biāo)識(shí)符形式上與C. C++. Pascal和Delphi十分類(lèi)似。另外，它的命令和函數(shù)可同其他的止文和HTML標(biāo)識(shí)符同放置在用戶的Web主頁(yè)中當(dāng)用戶的瀏覽器檢索主頁(yè)時(shí)，將運(yùn)行這些程序并執(zhí)行相應(yīng)的操作。 Netscape Navigator 2。及其更高版本和Internet Explorer 。2. JavaScript是基于對(duì)象的語(yǔ)言面向?qū)ο蟪绦蛟O(shè)計(jì)，力圖將程序設(shè)計(jì)為一些可以完成不同功能的獨(dú)立部分（即對(duì)象）的組合體。相同類(lèi)型的對(duì)象作為一個(gè)類(lèi)（Class）被組合在起（例如：“公共汽車(chē)”對(duì)象屬丁“汽車(chē)”類(lèi)）?；趯?duì)象的語(yǔ)言也是一種面向?qū)ο笳Z(yǔ)言，但它本身已具有創(chuàng)建完成的對(duì)象。例如，在JavaScript中，您不必創(chuàng)建“日期”這個(gè)對(duì)象，因?yàn)樵撜Z(yǔ)言已有這一對(duì)象，您可以直接使用它 3. JavaScript是事件驅(qū)動(dòng)的語(yǔ)言當(dāng)您在Web主頁(yè)中進(jìn)行某種操作時(shí)就產(chǎn)生了一個(gè)“事件”。單擊一個(gè)按鈕、拖動(dòng)鼠標(biāo)等均可視為事件JavaScript是事件驅(qū)動(dòng)的．當(dāng)事件發(fā)生時(shí)，它可對(duì)其做出響應(yīng)。具體如何響應(yīng)某個(gè)事件取決于您的事件響應(yīng)處理程序4. JavaScript是安全的語(yǔ)言JavaScript被設(shè)計(jì)為通過(guò)瀏覽器來(lái)處理并顯示信息，但它不能修改其他文件中的內(nèi)容。也就是說(shuō)，它不能將數(shù)據(jù)存儲(chǔ)在Web服務(wù)器或用戶的計(jì)算機(jī)上，更不能對(duì)用戶文件進(jìn)行修改或刪除操作5. JavaScript是與平臺(tái)無(wú)關(guān)的語(yǔ)言對(duì)于一般的計(jì)算機(jī)程序，它們的運(yùn)行與平臺(tái)有關(guān)。例如，除非使用一個(gè)仿真器來(lái)模擬Windows環(huán)境，否則不可能在Macintosh上運(yùn)行一個(gè)Windows應(yīng)用程序．JavaScript則并不依賴(lài)于具體的計(jì)算機(jī)平臺(tái)（雖然有些限制），它只與解釋它的瀏覽器有關(guān)。不論您使用Macintosh還是Windows,或是UNIX版本的Netscape Navigator, JavaScript都可正常運(yùn)行。目前，除JavaScript以外，還有許多用于Web設(shè)計(jì)的工具，它們?cè)谝恍┕δ苌仙踔脸^(guò)JavaScript（如QuickTime vR, Shockwave, RealAudio, True Speech)。然而重要的是，為了使用這些l具，您需要購(gòu)買(mǎi)相應(yīng)的開(kāi)發(fā)環(huán)境，而且這些工具往往并不便宜。而JavaScript的功能則是與瀏覽器相連的，無(wú)需任何附加的軟件。JavaScript為Web內(nèi)容設(shè)計(jì)人員提供極大的靈活性和控制手段．它是一種優(yōu)秀的“粘合劑””，能將一個(gè)We七節(jié)點(diǎn)中的不同組成部分捆綁在一起，成為一個(gè)緊密結(jié)合的信息源。然而，JavaScript也有它的局限性。1．瀏覽器相關(guān)的局限性目前，上有很多瀏覽器，如Netscape, Explorer, Mosaic, Hot Java等，但并不是每種瀏覽器都支持JavaScript。到現(xiàn)在為止，只有Netscape Navigator 2。、Netscape Navigator Gold , Netscape Navigator , Internet