【正文】 第七章 網(wǎng)絡(luò)多媒體應(yīng)用設(shè)計 返回 學習目標 ? 掌握 HTML語言 (超文本標記語言 )的基本知 識，如標簽、文件結(jié)構(gòu)、超鏈接等，能夠利用所 學知識制作簡單頁面；學會對Ｗ eb頁面的復(fù)雜處 理 ,如使用圖象、表和表格。 ? 學會使用 FrontPage 2023設(shè)計站點和網(wǎng)頁； 學會圖片工具欄中工具按鈕的使用；掌握 FrontPage2023發(fā)布方法；掌握制作特殊效果的網(wǎng) 頁如創(chuàng)建網(wǎng)頁間的過渡效果 ,在網(wǎng)頁中插入視頻、 插入 Java程序、 ActiveX控件等高級元件。 目錄 Web 站點設(shè)計基本知識 HTML 語言 FrontPage 2023 返回 Web 站點設(shè)計基本知識 WWW 是? World Wide Web? 的縮寫，中文譯 名?萬維網(wǎng)?，是一個基于 Inter的全球互連、 分布、動態(tài)和跨平臺的交互超文本信息系統(tǒng)，它 以?超文本?方式將 Inter上的數(shù)據(jù)連接在一起， 讓用戶能以非常簡單的方式瀏覽世界各地的信息。 返回 2. 什么是 Homepage ３ . 站點就是網(wǎng)頁的集合 站點 就是一群相關(guān)網(wǎng)頁的集合。也 就是說，設(shè)計者制作了幾個網(wǎng)頁，并且 經(jīng)過組織規(guī)劃，讓網(wǎng)頁彼此相連，然后 讓連上 Inter 的人都能看到，這樣的 完整結(jié)構(gòu)就稱為?站點?。 ４ . 站點與 URL URL 英文全稱是 Uniform Resource Locator ，中文名稱為?統(tǒng)一資源定位器?， 簡單地講就是網(wǎng)絡(luò)上的一個站點、網(wǎng)頁的 完整地址。 URL 實際上就起到站點通信地 址的作用。 HTML 語言 HTML 的基本知識 裝飾 HTML 文檔的界面 返回 HTML 的基本知識 1. HTML 標簽 2. HTML 文件 3. HTML 文件結(jié)構(gòu) 4. HTML 超鏈接 HTML 語言使用 標簽 來指明文檔中的 不同內(nèi)容。標簽是區(qū)分文本各個組成部分 的分界符，用來把 HTML文檔劃分成不同的 邏輯部分 (或結(jié)構(gòu) )，如段落、標題和表格 等。 標簽描述了文檔的結(jié)構(gòu)，它向瀏覽器 提供該文檔的格式化信息，以傳送文檔的 外觀特征。 1. HTML 標簽 大部分 HTML 標簽形式如下： 〈標簽名〉 相應(yīng)內(nèi)容 〈／標簽名〉 標簽的名字用尖括號〈 〉括起來。 HTML 標簽一般有 起始標簽 與 結(jié)束標 簽 兩種，分別放在它起作用的文檔兩邊。 起始標簽與結(jié)束標簽非常相似，只是結(jié)束 標簽在?〈?號后面多了一個斜杠?／?。 ２ . HTML 文件 HTML 文件就是普通的文本文件 ?？? 以使用兩種基本方法制作 HTML 頁面： 一種是用文本編輯器，譬如 Windows 操作環(huán)境下的 Notebook，編輯文本及 HTML 命令； 另一種是采用可視化軟件，譬如 FrontPage，生成 HTML 命令。 下面是一份 HTML 文件的內(nèi)容： ? HTML ? HEAD ? TITLE例一 /TITLE ? /HEAD ? BODY ? HTML 文件的第一段正文寫在這里 ... ... ? HTML 文件的第二段正文寫在這里 ... ... ? /BODY ? /HTML 圖 HTML 文件顯示 以上的 HTML文件，經(jīng)過瀏覽程序解釋 后，顯示出來的效果圖 所示。 窗口只顯示一段文字，而 HTML原文件 的其它文字符號都不見了，這些沒有顯示 出來的文字符號，如 HTML\HEAD等，它 們的主要作用是告訴瀏覽器，如何適當?shù)? 將文件內(nèi)容格式顯示排列。 3. HTML 文件結(jié)構(gòu) 任何一份 HTML 文件，都包含了 表頭 (Header)、 本體 (Body)、 主題 (Title)三個 要素，分別以 HEAD、 BODY和 TITLE 標簽來表示。同時也是為了 HTML文件有別 于其它種類的文件， 另外再加上 HTML 標簽加以強調(diào)。 HTML標簽 ： HTML和 /HTML標簽 置于整個文件的起始及結(jié)束處，表示文件 是屬 HTML 語言格式。其余標簽都應(yīng)該位 于該標簽里面。 HEAD標簽 ： HEAD和 /HEAD標簽 標明文件的表頭段，主要說明本文內(nèi)容整 體信息，是文章的開場白。所有在表頭段 的內(nèi)容都不會顯現(xiàn)在瀏覽器窗口的本體段 (Client area)里。 BODY標簽 ： BODY和 /BODY標簽 標明文件的本體區(qū)段，位于表頭段以下的 地方，即是指經(jīng)瀏覽器解讀后顯示在窗口 本體段 (Client area)的內(nèi)容。 TITLE標簽 ： TITLE標簽標明文件 內(nèi)容的主題，讓讀者了解文件的主題。 TITLE標簽里不允許有其它的標簽存在。 4. HTML 超鏈接 在 HTML 中使用 anchor 標簽 a來建 立鏈接，它將文本或圖形標識為指向其 它 HTML 文檔、圖形、小程序、多媒體效 果或 HTML 文檔中特定位置。在鏈接的語 法中必須包含一個參考屬性 href 和一個 結(jié)束標簽 /a，如下所示： a href=? URL? here39。s a link to another page./a 在鏈接語法中， a/a定義一個超 鏈接， here‘ s a link to another Page 是超鏈接對象。 href指定了目標 URL， URL 是文檔在 Web或 Inter上的地址，它總 是放在引號中。這個 URL可以是一個書簽、 網(wǎng)頁或者站點。 在鏈接語法中，不僅可以從網(wǎng)頁鏈 接到網(wǎng)頁，而且還可以在一個網(wǎng)頁內(nèi)部鏈 接。所以在 HTML中，將鏈接分成兩部分， 一種是 標準鏈接 ，另一種是 頁內(nèi)鏈接 。 超鏈結(jié)文字可有三種不同的顯示形態(tài) 出現(xiàn)在文件中，這三種超鏈結(jié)顯示形態(tài)分 別有： 未鏈結(jié) 、 正在鏈結(jié) 和 已鏈結(jié) 。 每種形態(tài)的顯示顏色可分別設(shè)置， 各自的意義和設(shè)置屬性如表 所示。 鏈結(jié)形態(tài) 定義 設(shè)置屬性 未鏈結(jié)形態(tài) 使用者未曾單擊過或鏈結(jié)不成功的形態(tài) LINK 正在鏈結(jié)形態(tài) 使用者在單擊鏈結(jié)時未放開手的形態(tài) ALINK 已鏈結(jié)形態(tài) 使用者已單擊鏈結(jié)成功的形態(tài) VLINK 表 裝飾 HTML 文檔的界面 1. 圖像和圖像映射 2. 列表 3. 表格 1. 圖像和圖像映射 圖形格式 圖形格式可分為兩種，一種是點陣 圖形；另一種是矢量圖形。瀏覽器普遍 支持的圖形格式有 GIF 和 JPEG。 GIF 文件格式的圖形的每個像素數(shù) 值只用 8個字節(jié)來表示。因此一張 GIF格 式的圖形，最多只能包含 256種顏色。 GIF 圖形格式有兩種，分別是 87a 和 89a， 89a 格式是原有 87a的增強格式， 有交織 (Interlaced)的特性。 JPEG 格式圖形有相當高的壓縮率 由于 JPEG是矢量圖，故圖形文件比一般 點陣圖形，如 GIF要小。 一般我們看到的 HTML 文件里的圖 形，多數(shù)為 GIF 格式，這是因為 GIF 的 顯示速度比較好。如果我們要選擇高品 質(zhì)的顯示畫面，則可以選擇 JPEG 格式 的圖形。 插入圖象 HTML文件中， IMG 元素用來插圖象。 屬性 SRC 的主要用途是指定圖形資 源的位置， img src=? URL? 。 屬性 ALT 是指定圖形對應(yīng)的文字敘 述，其值為任意一串文字 ,由編寫 HTML 文件者來設(shè)置。 ALT 屬性的設(shè)立主要針對 非圖形界面瀏覽器使用者。但是，這對圖 形界面瀏覽器也有幫助。每當這些瀏覽器 關(guān)閉顯示圖形功能后，這一串文字就派上 用場了。 圖文版面的排列 (1). 圖 文的基本排列方式 圖文對齊排列