網(wǎng)絡(luò)多媒體應(yīng)用設(shè)計(jì)

上傳人：簡(jiǎn)*** IP屬地：河北上傳時(shí)間：2024-10-31 格式：PDF 頁數(shù)：101 大小：16.12MB 積分：12 舉報(bào) 版權(quán)申訴

已閱讀5頁，還剩96頁未讀，繼續(xù)免費(fèi)閱讀

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

第七章網(wǎng)絡(luò)多媒體應(yīng)用設(shè)計(jì)H

學(xué)習(xí)目標(biāo)

＞掌握HTML語言的基本知識(shí)，如標(biāo)簽、文件結(jié)構(gòu)、

超鏈接等，能夠利用所學(xué)知識(shí)編寫簡(jiǎn)單頁面；

A熟悉FrontPage2002基本界面和使用菜單；

A掌握FrontPage2002網(wǎng)頁制作的基本技術(shù)，包括

文字的處理、超級(jí)鏈接處理、表格處理以及圖片

處理；

＞學(xué)會(huì)制作特殊效果的網(wǎng)頁如創(chuàng)建網(wǎng)頁間的過渡

效果，在網(wǎng)頁中插入視頻、插入Java程序、

ActiveX控件等高級(jí)元件；

＞能綜合運(yùn)用FrontPage2002制作出有一定個(gè)性和

特色的網(wǎng)頁。

7.1多媒體站點(diǎn)設(shè)計(jì)才既述

7.2HTML語言

7.3FrontPage2000

7.1多媒體站點(diǎn)設(shè)計(jì)概述

1.什么是WWW

WWW是“WorldWideWeb”的縮寫，中文譯名

為“萬維網(wǎng)”,是一個(gè)基于Internet（因特網(wǎng)）

的全球互聯(lián)、分布、動(dòng)態(tài)和跨平臺(tái)的交互式多媒

體信息系統(tǒng)，它由分布在全世界的成千上萬個(gè)Web

站點(diǎn)組成，每個(gè)Web站點(diǎn)包含一組可供訪問的頁面。

這些頁面包含文本、圖形圖像和動(dòng)畫、聲音等多

媒體信息?！?/p>

2.設(shè)計(jì)多媒體網(wǎng)頁前的準(zhǔn)備

建立Web站點(diǎn)之前先要作詳細(xì)的計(jì)劃，包

括定位站點(diǎn)的主題、定位目標(biāo)瀏覽者、資源需

求及站點(diǎn)組織。其次設(shè)計(jì)站點(diǎn)的布局、風(fēng)格及

導(dǎo)航結(jié)構(gòu)，接著應(yīng)收集站點(diǎn)所需要的各種素材,

如各種文字資料、圖片和聲音等。然后再考慮

網(wǎng)絡(luò)帶寬、不同瀏覽器的前提下，合理運(yùn)用新

技術(shù)，依次制作所需的網(wǎng)頁。制作完成后，還

要測(cè)試各個(gè)頁面之間的鏈接及檢查排版和內(nèi)容

方面的錯(cuò)誤。最后是發(fā)布站點(diǎn)。

(1).定位站點(diǎn)的主題

首先應(yīng)明確建立Web站點(diǎn)的主題，是個(gè)人主

頁還是公司網(wǎng)站？建立站點(diǎn)的目的是什么？不論

是商業(yè)網(wǎng)站還是個(gè)人網(wǎng)站，都要有創(chuàng)意，即要有

自己的特色和與眾不同的地方。

(2).定位目標(biāo)瀏覽者

確定網(wǎng)站的主題后，需要決定站點(diǎn)的目標(biāo)瀏

覽者是哪些人群，仔細(xì)考慮哪些人群會(huì)被吸引到

你所建的站點(diǎn)，或想吸引哪些人群訪問你的站點(diǎn)。

他們可能使用哪種計(jì)算機(jī)平臺(tái)(Windows,Linus

或Macintosh)?哪種瀏覽器(微軟的IE或網(wǎng)景

的NC)和瀏覽器的版本等。以上這些因素都會(huì)影

響到所建站點(diǎn)的使用。

(3).組織站點(diǎn)結(jié)構(gòu)

從一開始就組織好站點(diǎn)結(jié)構(gòu)會(huì)省去以后的很多

麻煩。如果收集了一些文檔資料，但沒有考慮它

們分別放到什么位置，則在站點(diǎn)制作過程中將會(huì)

出現(xiàn)混亂情況。

最常用的方法是在本地計(jì)算機(jī)上創(chuàng)建一個(gè)專門放

置站點(diǎn)所有文件的文件夾，將站點(diǎn)的內(nèi)容以目錄

結(jié)構(gòu)組織起來，并把相關(guān)的文件放置在同一個(gè)文

件夾里，然后在不同的文件夾中制作和編輯相應(yīng)

的Web頁。

(4).設(shè)計(jì)導(dǎo)航結(jié)構(gòu)

導(dǎo)航結(jié)構(gòu)在Web站點(diǎn)的設(shè)計(jì)中也是非常重要的。

應(yīng)當(dāng)仔細(xì)考慮訪問者如何從站點(diǎn)的某一處移動(dòng)到

另一處。最主要的有以下三點(diǎn)：

1)“當(dāng)前位置”：在每一頁的頂部提示當(dāng)前頁所

在位置，以便讓瀏覽者知道身在何處，并可輕松

地返回到上一層頁面。

2)“搜索和索引”：在站點(diǎn)中添加搜索和索引功

能，可以讓訪問者快速找到所需的內(nèi)容。

3)“反饋信息”：提供電子郵件地址、電話和QQ

號(hào)等信息，以便能讓瀏覽者及時(shí)聯(lián)系到站點(diǎn)的網(wǎng)

管人員，當(dāng)有問題時(shí)，可以快速得到反映和解決。

(5).收集和制作站點(diǎn)所需的各種資料

一旦知道了站點(diǎn)的設(shè)計(jì)和布局后，就可以制作

和收集站點(diǎn)所需的各種資料了，包括文本、圖像、

視頻和動(dòng)畫。在開始制作站點(diǎn)內(nèi)容以前，應(yīng)當(dāng)確

認(rèn)已經(jīng)收集到了所有需要的資料，否則，可能為

了找到一個(gè)圖像來創(chuàng)建按鈕而中斷了制作過程。

3.常用網(wǎng)頁制作工具

目前網(wǎng)頁上大部分信息都是通過

HTML（超文本標(biāo)記語言）發(fā)布的,從原理上

講用Windows自帶的記事本程序就可以制

作網(wǎng)頁，但使用專門的網(wǎng)頁制作工具軟件

可以事半功倍。網(wǎng)頁制作工具很多，最常

用的有FrontPage和DreamWeaver兩種。

1.FrontPage2002

FrontPage2002是微軟公司新推出的網(wǎng)頁制作

工具，它具有很強(qiáng)的網(wǎng)頁編輯和管理功能。特別

是它自身附帶多種模板，為初學(xué)者提供了箱單易

行的制作途徑。

2.DreamWeaverMX

DreamWeaverMX是Macromedia公司新推出的

優(yōu)秀的網(wǎng)頁設(shè)計(jì)工具，它可以在不用書寫任何代

碼的情況下，創(chuàng)建具有動(dòng)態(tài)HTML特性的網(wǎng)頁，例

如動(dòng)畫和分層等。利用DreamWeaverMX的目標(biāo)瀏

覽器檢查特性，可以制作適合各種瀏覽器、兼容

性極好的網(wǎng)頁。同時(shí)，它還可以在用可視編輯器

進(jìn)行編輯時(shí)，同步看到文檔的原代碼。

7.2HTML語言

7.2.1HTML的基本知識(shí)

7.2.2裝飾HTML文檔的界面

??????????

7.2.1HTML的基本知識(shí)

1.HTML標(biāo)簽

2.HTML文件

3.HTML文件結(jié)構(gòu)

4.HTML超鏈接

1.HTML標(biāo)簽

HTML語言使用標(biāo)簽來指明文檔中的

不同內(nèi)容。標(biāo)簽是區(qū)分文本各個(gè)組成部分

的分界符，用來把HTML文檔劃分成不同的

邏輯部分（或結(jié)構(gòu)），如段落、標(biāo)題和表格

等。

標(biāo)簽描述了文檔的結(jié)構(gòu)，它向?yàn)g覽器

提供該文檔的格式化信息，以傳送文檔的

夕卜觀特征。

大部分HTML標(biāo)簽形式如下：

〈標(biāo)簽名〉相應(yīng)內(nèi)容〈/標(biāo)簽名〉

標(biāo)簽的名字用尖括號(hào)〈〉括起來。

HTML標(biāo)簽一般有,始標(biāo)簽與結(jié)束標(biāo)

簽兩種，分別放在它起作用的文檔兩邊。

起始標(biāo)簽與結(jié)束標(biāo)簽非常相似，只是結(jié)束

標(biāo)簽在“〈”號(hào)后面多了一個(gè)斜杠“/"o

2.HTML文件

HTML文件就是普通的文本文件?？?/p>

以使用兩種基本方法制作HTML頁面：

一種是用文本編輯器，譬如Windows

操作環(huán)境下的Notebook,編輯文本及HTML

命令；

另一種是采用可視化軟件，譬如

FrontPage,生成HTML命令。

下面是一份HTML文件的內(nèi)容:

<HTML>

<HEAD>vTITLE>例一v/TITLE>v/HEAD>

<BODY>

<HRsize=''6"width="50%"noshade>

<fontsize="4">l.MCSE認(rèn)證考試<br>2.ATC認(rèn)證

考試<br>3.Adobe認(rèn)證考試<br>v/font>

</CENTER>

</BODY>

</HTML>

以上的HTML文件，經(jīng)過瀏覽程序解釋后，顯示出

來的效果如圖所示。窗口只顯示文字和線條的大小

及格式，而HTML原文件的其他符號(hào)都不見了，這些

沒有顯示出來的符號(hào)，如<HTML〉\<HEAD〉等，它們的

作用是告訴瀏覽器，如何將文件內(nèi)容以適當(dāng)?shù)母袷?/p>

顯示排列。

?例一-MicrosoftInternetExplorer

文件（E）編輯（日查看（經(jīng)收藏但）工具（D幫助出）於

囹浦尸穌"

地址也）C:\DoojmentsQcd5或tinq「\fymt桌面\HTML7-m叵J轉(zhuǎn)到

網(wǎng)絡(luò)認(rèn)證培訓(xùn)考試

1.MCSE認(rèn)證考試，

2.ATC認(rèn)證考試；一1

3.Adobe認(rèn)證考試；工|

司完畢J我的電腦

3.HTML文件結(jié)構(gòu)

任何一份HTML文件，都包含了表頭

(Header)本體(Body)、主題(Title)三個(gè)

要素，分別以〈HEAD〉.〈BODY〉和〈TITLE〉

標(biāo)簽來表示。同時(shí)也是為了HTML文件有別

于其它種類的文件，另外再加上<HTML>

標(biāo)簽加以強(qiáng)調(diào)。

〈HTML〉標(biāo)簽：〈HTML〉和〈/HTML〉標(biāo)簽

置于整個(gè)文件的起始及結(jié)束處，表示文件

是屬HTML語言格式。其余標(biāo)簽都應(yīng)該位

于該標(biāo)簽里面。

〈HEAD〉標(biāo)簽：〈HEAD〉和〈/HEAD〉標(biāo)簽

標(biāo)明文件的表頭段，主要說明本文內(nèi)容整

體信息，是文章的開場(chǎng)白。所有在表頭段

的內(nèi)容都不會(huì)顯現(xiàn)在瀏覽器窗口的本體段

(Clientarea)Mo

〈BODY〉標(biāo)簽：〈BODY〉和〈/BODY〉標(biāo)簽

標(biāo)明文件的本體區(qū)段，位于表頭段以下的

地方，即是指經(jīng)瀏覽器解讀后顯示在窗口

本體段(Clientarea)的內(nèi)容。

〈TITLE〉標(biāo)簽：〈TITLE》標(biāo)簽標(biāo)明文件

內(nèi)容的主題，讓讀者了解文件的主題。

〈TITLE〉標(biāo)簽里不允許有其它的標(biāo)簽存在。

<Hn〉和〈/Hn〉標(biāo)簽：叫子標(biāo)題標(biāo)識(shí)，用

來區(qū)分章節(jié)標(biāo)題字體的大小，瀏覽時(shí)會(huì)顯示

不同的大小字型。HTML定義了6個(gè)級(jí)別的子

標(biāo)題，其格式為：〈Hn〉子標(biāo)題內(nèi)容〈/Hn〉。其

中n可在1—6中進(jìn)行選擇（1號(hào)最大，6號(hào)

最小）。

<FONT512所“11"〉和〈花0]^丁〉標(biāo)簽：該標(biāo)識(shí)

符可以改變指定范圍內(nèi)文字字體的大小，

size屬性用來設(shè)定字號(hào)，n的取值為1-7,

默認(rèn)值為3。

<HRsize=,,nnwidth=unn%nnoshade〉標(biāo)

簽：設(shè)定橫線段的標(biāo)簽。size屬性設(shè)定線段

粗細(xì)，n的默認(rèn)值為2（最細(xì)）。Width屬性用

來指定橫線的長(zhǎng)短，用滿屏寬度的百分比來

設(shè)定，默認(rèn)值為100%。noshade屬性能夠產(chǎn)生

一條普通的二維黑線，默認(rèn)值為一條帶陰影

的三維橫線。

〈CENTER〉和〈BR〉標(biāo)簽：〈CENTER〉為使該標(biāo)

簽范圍內(nèi)的內(nèi)容居中對(duì)齊；〈BR〉為換行控制

標(biāo)簽。

4.HTML超鏈接

在HTML中使用anchor標(biāo)簽〈a〉來建

立鏈接，它將文本或圖形標(biāo)識(shí)為指向其

它HTML文檔、圖形、小程序、多媒體效

果或HTML文檔中特定位置。在鏈接的語

法中必須包含一個(gè)參考屬性iref和一個(gè)

結(jié)束標(biāo)簽〈/a〉，如下所示：

<ahref=uURL,5>here'salinktoanotherpage.</a>

在鏈接語法中，〈a〉〈/a〉定義一個(gè)超

鏈接，here'salinktoanotherPage

是超鏈接對(duì)象。href指定了目標(biāo)URL,URL

是文檔在Web或Internet上的地址，它總

是放在引號(hào)中。這個(gè)URL可以是一個(gè)書簽、

網(wǎng)頁或者站點(diǎn)。

在鏈接語法中，不僅可以從網(wǎng)頁鏈

接到網(wǎng)頁，而且還可以在一個(gè)網(wǎng)頁內(nèi)部鏈

接。所以在HTML中，將鏈接分成兩部分，

一種是標(biāo)準(zhǔn)鏈接，另一種是頁內(nèi)鏈接。

所謂標(biāo)準(zhǔn)鏈接，就是兩個(gè)網(wǎng)頁間的鏈接

,它有絕對(duì)URL和相對(duì)URL兩種鏈接方式。

絕對(duì)URL包含個(gè)部分,即協(xié)議指示符、

主機(jī)名、文件夾名和文件名。根據(jù)具體情況

,URL可能還包括其他信息，指定用戶名或

服務(wù)器端腳本的輸入,但這個(gè)部分是URL

的基礎(chǔ)。絕對(duì)URL舉例如下：

http://www.sina.com.cn/index,htm

相對(duì)URL通常只包含文件夾和文件名，甚

至只有文件名，可以用這種相對(duì)URL指向位于

與原文檔在同一服務(wù)器或同一文件夾中的文

件。這時(shí)，瀏覽器假設(shè)鏈接的目標(biāo)文檔與原

文檔在同一文件夾中或同一服務(wù)器中，所以

不需要服務(wù)器名和協(xié)議名。可以利用相對(duì)URL

指向原文檔附近的文檔（稱為文檔相對(duì)URL）

或指向原文檔所在的服務(wù)器（服務(wù)器相對(duì)

URL）o

所謂頁內(nèi)鏈接，就是不僅可以鏈接到

其他網(wǎng)頁，而且還可以鏈接到單個(gè)HTML網(wǎng)

頁的任何地方，在網(wǎng)頁中定義一個(gè)書簽

book,然后可以在網(wǎng)頁中設(shè)置一個(gè)頁內(nèi)鏈

接。它也有絕對(duì)URL和相對(duì)URL兩種鏈接方

式.

例如：使用相對(duì)URL用anchor標(biāo)簽鏈接子標(biāo)題，使得可以直

接進(jìn)入文檔中的這個(gè)位置。

首先是建立子標(biāo)題:<H2>Proposals</H2>.

再加上anchor標(biāo)簽來建立鏈接：

<H2XA>Proposals</AX/H2>o

最后，加進(jìn)NAME屬性；

<H2XANAME二〃proposal〃>Proposal〈/A〉〈/H2〉o

在瀏覽器中瀏覽文檔時(shí)，看不出什么不同之處，但卻提供了

直接鏈接文檔中某個(gè)部分的工具。

當(dāng)使用絕對(duì)URL時(shí)，假設(shè)Proposals段在indexjc.htm文檔中，

而這個(gè)文檔在ez-online,hb.cninfo.net服務(wù)器的swzn文件

夾中，則HTML源代碼為：

<AHREF二〃http:〃ez-nline.hb.cninfo.net/swzn/indexjc.htm

#proposarz>Proposal</A>

超鏈接文字可有三種不同的顯示形態(tài)

出現(xiàn)在文件中，這三種超鏈結(jié)顯示形態(tài)分

別有：未鏈接、正在鏈接和已鏈接。

每種形態(tài)的顯示顏色可分別設(shè)置，

各自的意義和設(shè)置屬性如表所示。

［鏈接形態(tài)1定義設(shè)置屬性

未鏈接形態(tài)使用者未曾單擊過或鏈接不成功的形態(tài)LINK

止在鏈接形態(tài)使用者在單擊鏈接時(shí)未放開手的形態(tài)ALINK

已鏈接形態(tài)使用者已單擊鏈接成功的形態(tài)VLINK

7.2.2裝飾HTML文檔的界面

1.插入圖像

2.列表

3.表格

1.插入圖像

?圖像文件格式

圖像文件格式可分為兩種，一種是

點(diǎn)陣圖形；另一種是矢量圖形。瀏覽器

普遍支持的圖形格式有和JPEG。

一般我們看到的HTML文件里的圖

形，多數(shù)為GIF格式，這是因?yàn)镚IF的

顯示速度比較好。如果我們要選擇高品

質(zhì)的顯示畫HI則可以選擇JPEG格式

的圖形。

6插入圖象

HTML文件中，IMG元素用來插圖象。

屬性SRC的主要用途是指定圖形資

u,,

源的位置，<imgsrc=URL>o

屬性ALT是指定圖形對(duì)應(yīng)的文字?jǐn)?/p>

述，其值為任意一串文字，由編寫HTML

文件者來設(shè)置。ALT屬性的設(shè)立主要針對(duì)

非圖形界面瀏覽器使用者。但是，這對(duì)圖

形界面瀏覽器也有幫助。每當(dāng)這些瀏覽器

關(guān)閉顯示圖形功能后，這一串文字就派上

用場(chǎng)了。

?圖文版面的排列

(1),圖文的基本排列方式

圖文對(duì)齊排列由IMG元素的ALIGN屬

性來設(shè)置，圖與文的對(duì)齊排列原則是以文

字的基線(Baseline)為依據(jù)。其中排列的

方式有以下幾種：

圖文對(duì)齊排列方式

圖形頂端位置與文字基線對(duì)齊ALIGN二up

圖形中間位置與文字基線對(duì)齊ALIGN二middle

圖形底端位置與文字基線對(duì)齊ALIGN=bottom（缺省值）

圖形頂端位置與文字最高位置對(duì)齊ALIGN=texttop

圖形頂端位置與行文字基線對(duì)齊ALIGN=baseline

(2),浮動(dòng)圖形

圖形與文字除了有以上五種排列方式

之外，也有另夕卜兩種排列方式，分別為

ALIGN=left和ALIGNo

當(dāng)ALIGN為right時(shí)，文字與圖形分開排

列，圖形漂到文件的右邊界；當(dāng)ALIGN變?yōu)?/p>

1eft時(shí)，圖形告左排列，并把圖形底下的文

字往外擠出去，圖形像漂至左邊界。

(3),圖形配置控制

寬度設(shè)置圖形配置寬度的設(shè)置是

由WIDTH屬性來完成。

高度設(shè)置圖形配置高度的設(shè)置是

由HEIGHT屬性來實(shí)現(xiàn)。

例如：要插入的圖形原來的尺寸為

100x90大小。如果我們要顯示出

200x180大小的圖，可將WIDTH和HEIGHT

兩種屬性分別設(shè)置成200和180,如下所示

<IMGSRC="www.gif”WIDTH=200HEIGHT=180>

2.列表

HTML語言提供多種表結(jié)構(gòu)的元素,

根據(jù)顯示外觀的不同可分為兩類：

詞匯表(G1ossary;is1和規(guī)律性

(RegularList)-。

第二類規(guī)律性表又可分為兩種：

第一種是有序表；第二種是無序表。

■定義表(DL)

定義表屬于詞匯表，它是由一系列

項(xiàng)目和其定義敘述所組成的。一舟殳定義

表的每個(gè)項(xiàng)目都列在左邊，而其定義則

列在右邊或下一行有縮排的段落。

定義表結(jié)構(gòu)塊，是則起始標(biāo)簽〈DL〉

和結(jié)束標(biāo)簽〈/DL＞包圍形成的，而每一個(gè)

項(xiàng)目則以〈DT〉項(xiàng)目標(biāo)簽和〈DD＞定義敘述

標(biāo)簽來表示。

實(shí)例：

<DL>

〈DT>WWW<DD〉WWW是全球住處網(wǎng)(Worldwideweb)的縮寫，也有人稱

之為3W、W3、Webo由歐洲量子物理實(shí)驗(yàn)室所開發(fā)出來的一套“分散

式超媒體數(shù)據(jù)庫查詢”的系統(tǒng)。

〈DT>HyperText<DD〉HyperText是超文本。文件通過超文本，可鏈結(jié)

到其它地方的數(shù)據(jù)文件，取得分散到各地的數(shù)據(jù)。

</DL>

WWW

WWW是全球住處網(wǎng)(World雨deweb)的縮寫，也有人稱之為即、W3、Webo由歐洲

量子物理實(shí)驗(yàn)室所開發(fā)出來的一套“分散式超媒體數(shù)據(jù)庫查詢”的系統(tǒng)。

HyperText

HyperText是超文本。文件通過超文本，可鏈結(jié)到其它地方的數(shù)據(jù)文件，取得分

散到各地的數(shù)據(jù)。

對(duì)

＞規(guī)律性表

規(guī)律性表結(jié)構(gòu)是一組序列段落，以

一個(gè)特殊記號(hào)、序數(shù)或空格為分項(xiàng)符號(hào)。

它的一般語法為：

＜表列元素起始標(biāo)簽〉

〈表列項(xiàng)目元素〉

＜表列元素結(jié)束標(biāo)簽＞

（1）.無序表

典型的無序表的每一個(gè)項(xiàng)目前端，

都用一個(gè)實(shí)心小圓點(diǎn)作為分項(xiàng)符號(hào)。

無序表結(jié)構(gòu)塊，是由起始標(biāo)簽〈UL〉和

結(jié)束標(biāo)簽〈/UL〉包圍形成的，而每一個(gè)

項(xiàng)目是以〈LI＞項(xiàng)目標(biāo)簽來表示。

瀏覽器為無序表元素添加了屬性

TYPE,它的值分別是表的分項(xiàng)符號(hào)樣式,

其值共有三種：（實(shí)心小圓點(diǎn)）、

CIRCLE（虛心小方塊）和SQUARE（實(shí)心小

方塊），缺省為DISCo

實(shí)例：

<UL>

<LI〉理解Internet

<LI>訪問WWW

<LI>理解Web發(fā)布

</UL>

(2).有序表

有序表的每個(gè)項(xiàng)目都有前后順序之分

多數(shù)用數(shù)字來表示。有序表結(jié)構(gòu)塊，是由

起始標(biāo)簽〈0L＞和結(jié)束標(biāo)簽0L＞包圍形成

的。而每一個(gè)項(xiàng)目是以〈LI〉項(xiàng)目標(biāo)簽來表

刁弋O

瀏覽器為有序表添加了TYPE和START

屬性，TYPE屬性可提供更多項(xiàng)目識(shí)別符號(hào)。

它總共提供了五種不同樣式的分項(xiàng)符號(hào)，

分別如下所列。缺省值為TYPE=1。

<0LTYPE=1>數(shù)字，如1,2,3.??

<0LTYPE=A>大寫字母，如A,B,C...

<0LTYPE=a>小寫字母，如a,b,c...

<0LTYPE=I>大寫羅馬字母，如i,ii,in...

<0LTYPE=i>小寫羅馬字母，如i,ii,iii...

START屬性可設(shè)置表項(xiàng)目的初始值，

其值為分項(xiàng)符號(hào)樣式列中第幾個(gè)，

如START=5就表示由‘5'、'E'、％'、‘V’、

‘V’開始。

實(shí)例：

〈H2〉打開Web資源的步驟〈/H2〉

<0L>

〈LI〉在用戶瀏覽器中，輸要訪問資源的完整URL。

〈LI〉瀏覽器把請(qǐng)示發(fā)送到正與之通信的服務(wù)器。

〈LD用戶服務(wù)器把該請(qǐng)求轉(zhuǎn)發(fā)一在URL中所規(guī)定的服務(wù)器。

〈LI〉那個(gè)服務(wù)器查找資源并把它發(fā)回到用戶服務(wù)器。

〈LI〉用戶服務(wù)器把資源發(fā)送到用戶瀏覽器。

</0L>

受C:\MyDocuments\HyWebs\004.htm-MicrosoftInternetExplorer-Inixi

文件宴1編輯起）查看9收藏?工具也幫助QQ

打開Web資源的步驟

1.在用戶瀏覽器中，輸要訪問資源的完整的。

2.瀏覽器把請(qǐng)示發(fā)送到正與之通信的服務(wù)器。

3.用戶服務(wù)器把該請(qǐng)求轉(zhuǎn)發(fā)一在URL中所規(guī)定的服務(wù)器。

4.那個(gè)服務(wù)器查找資源并把它發(fā)回到用戶服務(wù)器。

5.用戶服務(wù)器把資源發(fā)送到用戶瀏覽器。

苞莞成舄我的電腦

3.表格

表格在HTML語言中是以TABLE元素來

表示，其對(duì)應(yīng)的標(biāo)簽為〈TABLE〉，并以

〈/TABLE）簽來結(jié)束表格結(jié)構(gòu)的有效性。

?基本表格結(jié)構(gòu)

在基本表格結(jié)構(gòu)中，包含項(xiàng)目表頭

（TH元素可表示表格項(xiàng)目的表頭）和資料

（TD元素可表示資料），并加上了表格的

標(biāo)題。表格標(biāo)題是以標(biāo)簽〈CAPTION〉表

示，并以〈/CAPTION〉結(jié)束。表格標(biāo)題、

項(xiàng)目表頭和資料構(gòu)成了表格基本結(jié)構(gòu)三

個(gè)要素?！碩R〉元素是表示表格的行。

實(shí)例：

<tableborder><caption>Internet應(yīng)用形態(tài)比較〈/caption>

〈trXth〉應(yīng)用類型、年度</th〉<th〉1993年</thXth〉1994年</th>

〈trXth〉當(dāng)月傳輸量<br>(GigaByte)</th><td>5,159</td>

</table>

?設(shè)置表格

設(shè)置有框線表格：

<tableborder〉.,?〈/table〉

或〈tableborder=l>...</table>

設(shè)置無框線表格：

或〈tableborder=0>...</table>

設(shè)置表格的大?。?/p>

<tablewidth=nlheight=n2>

設(shè)置表格行數(shù)：TR元素表示表格的行

一份表格的行數(shù)由〈TR〉標(biāo)簽個(gè)數(shù)來決定。

設(shè)置表格列數(shù)：表格列數(shù)由一行中所

包括的TH和TD元素個(gè)數(shù)來決定。

“設(shè)置存儲(chǔ)格

格間距

如果是有線表格，數(shù)據(jù)之間就會(huì)有框線隔

開。格與格之間的空間大小，我們稱之為

格間距?？梢酝ㄟ^設(shè)置表格CELLSPACING的

值來實(shí)現(xiàn)格間距寬度的改變。一般用于有

框線的表格，而格間距的寬度距離缺省值

為1。

格內(nèi)容與邊緣距離

我們可以用CELLPADDING這個(gè)屬性來設(shè)定表

格所有儲(chǔ)存格內(nèi)容與邊緣之間的寬度和長(zhǎng)

度。屬性CELLPADDING的缺省值為1。

①

J噌

bJO

g唱

一

o雜

眼l

n名

蟀d

。m

①

bJO

喉o

摘雜M

。

?孤試格

.如熠失

K例

町R蟀卜

盛I口

丑雜書

壯咪

罪4

〈htmlXheadXtitie〉動(dòng)物園簡(jiǎn)介〈/title〉

<metaname二〃GENERATOR"content二〃MicrosoftFrontPage3.0〃〉

</head>

<li><ahref二〃story.htrrT〉動(dòng)物園里的故事〈/a〉</li〉

</ul></td>

<tdwidth=〃265〃〉<imgsrc=/，dsh02.gif〃width="261〃height=〃167〃

alt=/zdsh02.gif(16135bytes)〃〉〈/td〉

<tdwidth=〃306〃〉〈centerXb〉獨(dú)角犀</b〉</center〉〈br〉獨(dú)角犀是

亞洲犀牛中最大的一種，主要在尼泊爾及鄰近地區(qū)、現(xiàn)在數(shù)量已很少，是

世界瀕危物種，世界上只有少數(shù)國家展出。<br>雌性獨(dú)角犀現(xiàn)已20歲

，在我園新犀牛館展出</td〉

</tr></table></body></html>

7.3FrontPage2000

7.3.1開始使用FrontPage2000

7.3.2用FrontPage2000設(shè)計(jì)站點(diǎn)網(wǎng)頁

7.3.3在FrontPage2000中使用圖形

7.3.4使用FrontPage2000制作特殊效果的網(wǎng)頁

7.3.5發(fā)布FrontPage2000??????????

7.3.1開始使用FrontPage2000

1.熟悉FrontPage2000

FrontPage首先是一個(gè)編輯工具，它

可以編輯Internet上以HTML格式保存的所

有文件，并可以利用ImageComposer和

MicrosoftGIFAnimator編輯處理圖像和

動(dòng)畫，此外還可以在網(wǎng)頁中插入各種插件，

包括：Java,ActiveX,JavaScript,產(chǎn)生

各種特殊效果。FrontPage2000對(duì)動(dòng)態(tài)

HTML的支持更加完善，無需任何插件，

就可以產(chǎn)生各種動(dòng)畫效果。

FrontPage2000是一個(gè)管理站點(diǎn)的

工具，可以利用不同的方式查看各個(gè)網(wǎng)頁

之間的關(guān)系，調(diào)整站點(diǎn)的組織結(jié)構(gòu)，使整

個(gè)站點(diǎn)的條理清晰。

FrontPage2000還是一個(gè)Internet

出版工具，利用它提供的網(wǎng)絡(luò)發(fā)布工具，

可以輕松完成站點(diǎn)的發(fā)布上傳過程。

2.第一次運(yùn)行

如果FrontPage2000安裝完畢，可以

按下列步驟啟動(dòng)：

(1)單擊“開始”按鈕，在“開始”菜單

中單擊“程序”。

(2)在“程序”菜單中單擊Microsoft

FrontPage0

(3)打開的FrontPage2000圖形化用

戶界面。

FrontPage2000的用戶界面有六種不

同的形式，由所選擇的視圖方式而定。

“網(wǎng)頁”視圖一FrontPage2000中最常用的

工作界面，如下圖所示。

網(wǎng)頁的創(chuàng)建、編輯、預(yù)覽等基本操作都是

在此視圖中進(jìn)行的。該視圖窗口底部有三個(gè)標(biāo)

簽：“普通”、“HTML”和“預(yù)覽”，它們分別控制萬

頁以普通方式、HTML方式進(jìn)行編輯或是預(yù)覽網(wǎng)頁

的效果。

“文件夾”視圖一在“文件夾”視圖中，站點(diǎn)

顯示為一組文件和文件夾，如下圖所示。

“文件夾”視圖對(duì)于站點(diǎn)的作用與Windows

資源管理器對(duì)存儲(chǔ)在硬盤上的文件的作用和操

作基本相同。在“文件夾”視圖中可以通過拖拽

操作移動(dòng)文件或文件夾。

Fraatfaf*-C\WyDocu??ftttUI^YahsMIyvak-0日

堂件ct倘值如*?；Y>tt>a.格式。二艮s寰結(jié)⑷位基?日口小用新國?

D?4?M卷一，：麻"X宓尸‘?'一二：?0O?I?-

文件刑宓C\MyD?c?6MWy?.ViSlyw.l.0npi答

日」CXByDoc0?Z八sr1行題1大小1二S(11M

二_FriT?tt口jrint.文件共

口i.y文件失

?￡“k一?Ma我喜朝向點(diǎn)50M*3-6S1557v

h?Rmhte加十及>657fj

Q]iat?rtitMM義西5KBM?01+2216STti

O]?y￡?r3hi?技6更蛇點(diǎn))

人人文庫> 全部分類> 教育資料 > 輔導(dǎo)培訓(xùn)

溫馨提示

1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

網(wǎng)絡(luò)多媒體應(yīng)用設(shè)計(jì)

文檔簡(jiǎn)介

溫馨提示

最新文檔

評(píng)論

網(wǎng)絡(luò)多媒體應(yīng)用設(shè)計(jì)

文檔簡(jiǎn)介

溫馨提示

最新文檔

評(píng)論

相關(guān)文檔