webgis原理與實(shí)踐(2)-資料下載頁(yè)
2025-05-10 20:06本頁(yè)面
【正文】 。 HTML標(biāo)記的分類 —— 擴(kuò)展類標(biāo)記 ? 這里所謂的擴(kuò)展類標(biāo)記主要是指 script/、 style/、 link/、object/等用來(lái)進(jìn)一步擴(kuò)展 HTML頁(yè)的表現(xiàn)和功能的標(biāo)記。其中script/標(biāo)記用來(lái)向 Web頁(yè)中插入一段 Javascript腳本。 ? style/和 link/標(biāo)記用來(lái)向網(wǎng)頁(yè)中插入相關(guān)的樣式定義， ? 而 object/標(biāo)記用來(lái)向網(wǎng)頁(yè)中插入 Java小程序、 plugin插件或ActiveX控件等插入件，以增強(qiáng) Web頁(yè)的交互性。 用 CSS控制網(wǎng)頁(yè)外觀 ? CSS是級(jí)聯(lián)樣式單 (Cascading Style sheets)的簡(jiǎn)稱，是一種用來(lái)對(duì)網(wǎng)頁(yè)頁(yè)外觀進(jìn)行控制的機(jī)制。傳統(tǒng)的網(wǎng)頁(yè)外觀是通過(guò)標(biāo)記的屬性控制標(biāo)記內(nèi)容的顯示方式，從而進(jìn)一步來(lái)控制網(wǎng)頁(yè)的表現(xiàn)。使用 CSS有許多好處： ? 使樣式代碼獨(dú)立于 HTML頁(yè)面，從而有利于進(jìn)行站點(diǎn)外觀的統(tǒng)一控制； ? 外部引入的樣式文件可在網(wǎng)頁(yè)間共享，并可以在瀏覽器中緩存，從而節(jié)省帶寬，提高網(wǎng)頁(yè)加載速度； ? 有利于分工合作，提高開(kāi)發(fā)效率?？梢园延嘘P(guān)網(wǎng)頁(yè)內(nèi)容的設(shè)計(jì)交給業(yè)務(wù)人員或程序員，而把樣式設(shè)計(jì)交給專業(yè)的美工人員。 用 CSS控制網(wǎng)頁(yè)外觀 ? 要將 CSS應(yīng)用到網(wǎng)頁(yè)中，關(guān)鍵是設(shè)計(jì)和選擇合適的選擇器。選擇器是 CSS用來(lái)定義樣式以及控制 Web頁(yè)外觀的基本方式，它用來(lái)告訴瀏覽器某段樣式將如何應(yīng)用到 Web頁(yè)的哪個(gè)元素上。選擇器的基本語(yǔ)法如下： ? 選擇器 {屬性名： 屬性值 [；屬性名：屬性值 [； … … ]]} ? 在下面的樣式定義中， ? td { ? BackgroundColor: eceae8。 ? textalign: center。 ? font: normal 14px 宋體 。 ? } 用 CSS控制網(wǎng)頁(yè)外觀 ? td是選擇器的名稱，表示將 { }內(nèi)定義的樣式應(yīng)用到 HTML網(wǎng)頁(yè)中所有標(biāo)簽名為 td的元素上。 {}內(nèi)以 name/value對(duì)的形式定義了一個(gè)或多個(gè)樣式。其中，屬性名對(duì)應(yīng)于標(biāo)簽屬性的名稱；屬性值是該屬性所代表的樣式的取值。該選擇器中定義了表格單元格的背景顏色、文字的對(duì)齊方式以及字體樣式。 ? 可以針對(duì)網(wǎng)頁(yè)中某一類或某一個(gè)特定的元素定義樣式。在下面的樣式定義中： 用 CSS控制網(wǎng)頁(yè)外觀 “.tabletool td”表示該選擇器中所定義的樣式應(yīng)用到所有 class屬性為 tabletool的表格的單元格上。而 ” tblTitle td”表示該選擇器中定義的樣式應(yīng)用到 id為 “ tblTitle”的表格的單元格上。其中， “ .tblTool”又稱為類型選擇器。而“ .tblTool td”和 “ tblTitle td”都稱為包含選擇器。幾乎所有的標(biāo)記都有 id和 class兩個(gè)屬性，從而可以方便地引用樣式定義。 用 CSS控制網(wǎng)頁(yè)外觀 從上面的代碼可以看出樣式的定義包含在 style/標(biāo)記內(nèi)，而 style/標(biāo)記必須位于在網(wǎng)頁(yè)的 head/標(biāo)記內(nèi)，以便瀏覽器在載入網(wǎng)頁(yè)內(nèi)容之前就已經(jīng)加載了相關(guān)的樣式定義。 也可以將樣式的定義放在一個(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è)。 ? 在默認(rèn)的情況下，除服務(wù)器版本外， Windows 2021/XP等 Windows 操作系統(tǒng)不會(huì)自動(dòng)安裝 IIS服務(wù)器。我們可以通過(guò)開(kāi)始 控制面板 添加或刪除程序面版中的添加 /刪除 Windows組件對(duì)話框來(lái)手動(dòng)安裝Inter信息服務(wù)（ IIS）組件。 用 IIS發(fā)布 Web頁(yè) ? IIS默認(rèn)支持對(duì)靜態(tài)網(wǎng)頁(yè)、 ASP動(dòng)態(tài) Web應(yīng)用以及 ISAPI應(yīng)用的發(fā)布。有三種方法用來(lái)發(fā)布 Web頁(yè)。第一種方法是通過(guò)IIS管理器來(lái)發(fā)布。 ? 通過(guò)控制面板 管理工具打開(kāi) IIS管理器，在默認(rèn)站點(diǎn)下點(diǎn)擊鼠標(biāo)右鍵，通過(guò)向?qū)?lái)創(chuàng)建和發(fā)布虛擬目錄。虛擬目錄由實(shí)際路徑（目錄）和別名組成。實(shí)際路徑即網(wǎng)頁(yè)所在的文件夾，別名相當(dāng)于 URL中的路徑（ path）部分。 用 IIS發(fā)布 Web頁(yè) ? 在發(fā)布網(wǎng)頁(yè)時(shí)需要選擇合適的訪問(wèn)權(quán)限如果發(fā)布的是靜態(tài)網(wǎng)頁(yè)， “ 訪問(wèn)權(quán)限 ” 選擇讀取， “ 應(yīng)用程序權(quán)限 ” 選擇 “ 無(wú) ”就可以了。如果發(fā)布的是活動(dòng)的服務(wù)器網(wǎng)頁(yè)如 ASP，應(yīng)用程序權(quán)限需要選擇腳本（圖 27）。如果服務(wù)器端采用的是 CGI或 ISAPI等技術(shù)進(jìn)行開(kāi)發(fā)的 Web應(yīng)用，應(yīng)用程序權(quán)限需要選擇執(zhí)行。 用 IIS發(fā)布 Web頁(yè) ? 第二種方法是直接用鼠標(biāo)右鍵點(diǎn)擊要發(fā)布的文件夾，選擇屬性Web共享來(lái)發(fā)布該文件夾中的 Web頁(yè)（圖 27）。第三種方法是將要發(fā)布的網(wǎng)頁(yè)或文件夾直接拷貝到 IIS的根文件夾下通常是“ c:\ipub\root\”路徑下。 ? 假設(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地址。 用 IIS發(fā)布 Web頁(yè) ? 另外，通過(guò) IIS管理的“應(yīng)用程序配置”面板可以為 IIS增加發(fā)布其他類型的動(dòng)態(tài) Web應(yīng)用的功能，如 Perl、 PHP和JSP等。當(dāng)然，這同時(shí)需要在服務(wù)器上安裝并配置相應(yīng)的腳本解釋器、運(yùn)行環(huán)境（容器）以及連接器等，關(guān)于這些內(nèi)容請(qǐng)參考相關(guān)的軟件的安裝配置手冊(cè)或參考書籍。 復(fù)習(xí)思考題 ? 簡(jiǎn)要分析 TCP/IP、 HTTP、 HTML及其與 Web應(yīng)用之間的關(guān)系。 ? 用基本的 HTML標(biāo)記寫一個(gè) HTML地圖網(wǎng)頁(yè)。 ? 用 IIS發(fā)布地圖網(wǎng)頁(yè)。
法律信息相關(guān)推薦
鄂ICP備17016276號(hào)-1