webgis原理與實(shí)踐(2)(文件)
【正文】 Language） html的產(chǎn)生與發(fā)展 ? HTML自誕生后不斷發(fā)展。 開(kāi)發(fā)工具和運(yùn)行環(huán)境 ? 用來(lái)開(kāi)發(fā)網(wǎng)頁(yè)的工具很多，比較著名的可視化的開(kāi)發(fā)工具有微軟的 FrontPage， Adobe公司的 Dreamweaver等。 一個(gè)簡(jiǎn)單的 HTML ? head/標(biāo)記中包括文檔的標(biāo)題、文檔使用的腳本、樣式的定義以及其他關(guān)于文檔的補(bǔ)充信息等， head標(biāo)記還可以包含搜索工具和索引程序所需要的相關(guān)信息。 Html中的 標(biāo)記，屬性和內(nèi)容 ? HTML文檔是由標(biāo)記（ tag）、屬性（ attribute）和文本內(nèi)容組成的，一起用于標(biāo)識(shí)文檔的各組成部分（信息塊）。 ? 要對(duì)一塊信息采用多個(gè)標(biāo)記，可以采用標(biāo)記嵌套。例如，如果在文本中采用標(biāo)題標(biāo)記 h1,則可以用屬性進(jìn)一步指定標(biāo)題的對(duì)齊方式，例如： ? h1 align=“center”這是一個(gè)居中顯示的一級(jí)標(biāo)題 /h1 ? 屬性的格式為：屬性名 =“屬性值 ” ，所有屬性都放在起始標(biāo)記的尖括號(hào)內(nèi)，作為一種好的習(xí)慣，屬性值應(yīng)放在引號(hào)內(nèi)。結(jié)構(gòu)標(biāo)記不在瀏覽器中顯示，而是指示瀏覽器顯示哪些元素（信息塊）以及如何顯示這些元素。一個(gè)典型的網(wǎng)頁(yè)通常分為頁(yè)頭、頁(yè)腳、導(dǎo)航欄和主體區(qū)域（左右分欄）等。 frame通過(guò)屬性 rows和 cols水平和垂直分割的框架（ frame）的大小和數(shù)量。 div是 XHTML中指定的專(zhuān)門(mén)用來(lái)布局設(shè)計(jì)的容器類(lèi)對(duì)象。 ? 使用 div和 span進(jìn)行網(wǎng)頁(yè)布局設(shè)計(jì)時(shí)，必須充分使用樣式來(lái)精確控制其屬性，如大小，浮動(dòng)方式，背景等，才能獲得理想的效果（圖 23）。 ? meta/標(biāo)記用于向服務(wù)器和客戶(hù)端瀏覽器說(shuō)明關(guān)于文檔的相關(guān)信息，meta元素同時(shí)嵌入了某些搜索引擎用于索引并分類(lèi)萬(wàn)維網(wǎng)上的文檔時(shí)所用的文檔信息。 charset=gb2312/ ? 而下面的例子則告訴瀏覽器每隔 2秒刷新一次網(wǎng)頁(yè)： ? meta equiv=”refresh” content=2 功能類(lèi)標(biāo)記 ? 表單及表單元素是傳統(tǒng)網(wǎng)頁(yè)中實(shí)現(xiàn) Web頁(yè)交互的主要形式。 ? 通過(guò)表單請(qǐng)求的參數(shù)通常是由表單元素來(lái)傳遞的，所有表單元素都封裝在 input/標(biāo)簽內(nèi)。另外，image/標(biāo)記還有 width和 height等屬性。 用 CSS控制網(wǎng)頁(yè)外觀 ? CSS是級(jí)聯(lián)樣式單 (Cascading Style sheets)的簡(jiǎn)稱(chēng)，是一種用來(lái)對(duì)網(wǎng)頁(yè)頁(yè)外觀進(jìn)行控制的機(jī)制。 用 CSS控制網(wǎng)頁(yè)外觀 ? 要將 CSS應(yīng)用到網(wǎng)頁(yè)中，關(guān)鍵是設(shè)計(jì)和選擇合適的選擇器。 ? font: normal 14px 宋體 。該選擇器中定義了表格單元格的背景顏色、文字的對(duì)齊方式以及字體樣式。其中， “ .tblTool”又稱(chēng)為類(lèi)型選擇器。 也可以將樣式的定義放在一個(gè)擴(kuò)展名為 .css的樣式文件中，然后用 link/標(biāo)記引入該文件： link rel=“stylesheet” type=“text/css”href=“”/ 應(yīng)用了 CSS樣式后，我們的地圖網(wǎng)頁(yè)看起來(lái)大致如圖 24所示： 用 IIS發(fā)布 Web頁(yè) ? IIS（ Inter Information Server）是微軟公司開(kāi)發(fā)的運(yùn)行于 Windows操作系統(tǒng)的 Web服務(wù)器，通過(guò) IIS，可以方便地發(fā)布各種靜態(tài)和動(dòng)態(tài)（ ASP應(yīng)用程序）的 Web頁(yè)。有三種方法用來(lái)發(fā)布 Web頁(yè)。實(shí)際路徑即網(wǎng)頁(yè)所在的文件夾，別名相當(dāng)于 URL中的路徑（ path）部分。 用 IIS發(fā)布 Web頁(yè) ? 第二種方法是直接用鼠標(biāo)右鍵點(diǎn)擊要發(fā)布的文件夾，選擇屬性Web共享來(lái)發(fā)布該文件夾中的 Web頁(yè)（圖 27）。當(dāng)然，這同時(shí)需要在服務(wù)器上安裝并配置相應(yīng)的腳本解釋器、運(yùn)行環(huán)境（容器）以及連接器等，關(guān)于這些內(nèi)容請(qǐng)參考相關(guān)的軟件的安裝配置手冊(cè)或參考書(shū)籍。 。 ? 用基本的 HTML標(biāo)記寫(xiě)一個(gè) HTML地圖網(wǎng)頁(yè)。 ? 假設(shè)我們上節(jié)設(shè)計(jì)的網(wǎng)頁(yè)名為 ,我們將該網(wǎng)頁(yè)存放在自定義的一個(gè)文件夾中，假設(shè)該文件為 D:Webgis\exe\hellomap\，如果我們將該文件夾發(fā)布的別名也命名為 hellomap，則可以通過(guò)局域網(wǎng)的其他計(jì)算機(jī)上，通過(guò) IP地址。如果發(fā)布的是活動(dòng)的服務(wù)器網(wǎng)頁(yè)如 ASP，應(yīng)用程序權(quán)限需要選擇腳本（圖 27）。 ? 通過(guò)控制面板 管理工具打開(kāi) IIS管理器，在默認(rèn)站點(diǎn)下點(diǎn)擊鼠標(biāo)右鍵，通過(guò)向?qū)?lái)創(chuàng)建和發(fā)布虛擬目錄。我們可以通過(guò)開(kāi)始 控制面板 添加或刪除程序面版中的添加 /刪除 Windows組件對(duì)話框來(lái)手動(dòng)安裝Inter信息服務(wù)（ IIS）組件。幾乎所有的標(biāo)記都有 id和 class兩個(gè)屬性，從而可以方便地引用樣式定義。在下面的樣式定義中： 用 CSS控制網(wǎng)頁(yè)外觀 “.tabletool td”表示該選擇器中所定義的樣式應(yīng)用到所有 class屬性為 tabletool的表格的單元格上。 {}內(nèi)以 name/value對(duì)的形式定義了一個(gè)或多個(gè)樣式。選擇器的基本語(yǔ)法如下： ? 選擇器 {屬性名： 屬性值 [；屬性名：屬性值 [； … … ]]} ? 在下面的樣式定義中， ? td { ? BackgroundColor: eceae8。使用 CSS有許多好處： ? 使樣式代碼獨(dú)立于 HTML頁(yè)面，從而有利于進(jìn)行站點(diǎn)外觀的統(tǒng)一控制； ? 外部引入的樣式文件可在網(wǎng)頁(yè)間共享，并可以在瀏覽器中緩存，從而節(jié)省帶寬，提高網(wǎng)頁(yè)加載速度； ? 有利于分工合作，提高開(kāi)發(fā)效率。其中script/標(biāo)記用來(lái)向 Web頁(yè)中插入一段 Javascript腳本。 ? 下面的代碼表示的是一個(gè)地圖交互頁(yè)面，為了合理組織頁(yè)面，我們將表單元素放到表格的單元格式中進(jìn)行布局： 表單元素用法示例 其中表單元素 image/用來(lái)顯示地圖，并作為用戶(hù)與地圖進(jìn)行交互，如放大，縮小和平移等操作。表單有 name、 id、 method和 action等屬性。下面的例子告訴瀏覽器，服務(wù)器返回的文檔類(lèi)型是 text/html，使用的字符集是中文簡(jiǎn)體(gb2312)。主要包括鏈接（ a/）標(biāo)記、表單（ form）和 meta標(biāo)記等。 ? span標(biāo)記也是一個(gè)容器
法律信息相關(guān)推薦
鄂ICP備17016276號(hào)-1