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