版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
0
蜜
第九章網(wǎng)頁(yè)制作
9.1HTML簡(jiǎn)介
9.2FrontPage2003概述
9.3網(wǎng)頁(yè)制作
目錄9.4網(wǎng)頁(yè)布
卜一頁(yè)9.5創(chuàng)建表單頁(yè)面
下一頁(yè)9.6網(wǎng)頁(yè)的發(fā)布
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)1
9.1HTML簡(jiǎn)介
HTMLBPHypertextMarkupLanguage的縮寫(xiě)。它使
用一些約定的標(biāo)記(Tag)對(duì)文本進(jìn)行標(biāo)注，定義網(wǎng)頁(yè)
的數(shù)據(jù)格式，描述Web頁(yè)中的信息，控制文本的顯示。
我們把用HTML語(yǔ)言編寫(xiě)的文件稱為HTML文件。它
通常被存儲(chǔ)在Web服務(wù)器上，客戶端通過(guò)瀏覽器向Web
服務(wù)器發(fā)出請(qǐng)求，服務(wù)器響應(yīng)請(qǐng)求并將HTML文件發(fā)送
目錄
給瀏覽器，然后由瀏覽器對(duì)文件中的標(biāo)記作出相應(yīng)的解
釋，以頁(yè)面的形式呈現(xiàn)在用戶屏幕上。因此，我們又把
工THTML文檔稱為網(wǎng)頁(yè)(WebPage)。
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)2
9.1HTML簡(jiǎn)介
HTML語(yǔ)言是一種標(biāo)記語(yǔ)言，簡(jiǎn)單易學(xué)。
用HTML語(yǔ)言編寫(xiě)的網(wǎng)頁(yè)實(shí)際上是一種文本文件，
它以.htm或.html為擴(kuò)展名，我們可以使用任何
文本處理軟件（例如：記事本）編寫(xiě)。
目錄
卜一頁(yè)9.1.1HTML語(yǔ)言概述
下一頁(yè)9.1.2HTML語(yǔ)言的基本語(yǔ)法
結(jié)束
4問(wèn)
2010-5-24計(jì)算機(jī)文化基礎(chǔ)3
9.1.1HTML語(yǔ)言概述
HTML語(yǔ)言是由世界性的標(biāo)準(zhǔn)化組織W3C
(WorldWideWebConsortium)制定的，通過(guò)
瀏覽可以了解到HTML標(biāo)準(zhǔn)的
最新動(dòng)態(tài)。
目錄
I-一頁(yè)下面介紹HTML文件的基本構(gòu)成和HTML文
下一頁(yè)件的層次結(jié)構(gòu)。
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)4
HTML文件的基本構(gòu)成
1.HTML文件的基本構(gòu)成
Internet中的每一個(gè)HTML文件都包括文本內(nèi)
容和HTML標(biāo)記兩部分。其中，HTML標(biāo)記負(fù)責(zé)
控制文本顯示的外觀和版式，并為瀏覽器指定各
種鏈接的圖像、聲音和其他對(duì)象的位置。多數(shù)
HTML標(biāo)記的書(shū)寫(xiě)格式如下：
v標(biāo)記名>文本內(nèi)容v/標(biāo)記名>
標(biāo)記名寫(xiě)在“v/內(nèi)。多數(shù)HTML標(biāo)記同時(shí)具
」有起始和結(jié)束標(biāo)記，并且成對(duì)出現(xiàn)，但也有些
工uHTML標(biāo)記沒(méi)有結(jié)束標(biāo)記。另外，HTML標(biāo)記不
結(jié)會(huì)區(qū)分大小寫(xiě)。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)5
HTML文件的基本構(gòu)成
某些HTML標(biāo)記還具有一些屬性，這些屬性指定
對(duì)象的特性，如背景顏色、文本字體及大小、對(duì)
齊方式等。屬性一般放在“起始標(biāo)記”中，格式
如下：
巨昱V標(biāo)記名屬性1=值1屬性2=值2…〉文本內(nèi)容V/標(biāo)記名〉
I■一頁(yè)
工n其中標(biāo)記名和屬性之間用空格分隔。如果標(biāo)記
一有多種屬性，屬性之間也要用空格分隔。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)6
2.HTML網(wǎng)頁(yè)的結(jié)構(gòu)
現(xiàn)在我們先看一個(gè)簡(jiǎn)單的HTML文件，從中體會(huì)用
HTML語(yǔ)言編寫(xiě)網(wǎng)頁(yè)時(shí)的層次結(jié)構(gòu)。
【例9-1］用HTML語(yǔ)言編寫(xiě)一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)。
<html>
<head>
我的第一個(gè)Web頁(yè)
</head>
<body>
vhl>歡迎進(jìn)入HTML世界！</hl>
-vp>這里我們首先介紹HTML語(yǔ)言的基本知識(shí)和語(yǔ)法。
然后，講授如何使用HTML語(yǔ)言編寫(xiě)您的Web頁(yè)面。
曰</p>
</body>
</html>
2010-5-24計(jì)算機(jī)文化基礎(chǔ)7
HTML語(yǔ)言概述
將上述代碼用文本編輯器編輯并保存為一個(gè)擴(kuò)
展名為.htm的文件，雙擊該文件圖標(biāo)，在瀏覽器
中看到如下圖所示的結(jié)果。
1
守我的第一個(gè)頁(yè)—MicrosoftInterne-..|a||□|[*X|
文件但）編輯?查看也收藏?工具?幫助"/'*■
0痘埴＜0El國(guó)心|戶行；”
他址；邑D：\FrontPage2003\ll.htm▼0轉(zhuǎn)到送接》
目錄
歡迎進(jìn)入HTML世界！八
卜一頁(yè)
下一頁(yè)這里我們首先介紹HTML語(yǔ)言的基本知識(shí)和語(yǔ)法。
然后，講授如何使用HTML語(yǔ)言編寫(xiě)您的Web頁(yè)面。v
結(jié)束⑥完畢i我的電腦
2010-5-24計(jì)算機(jī)文化基礎(chǔ)8
從上例可以看出，一般HTML文件都是以
vhtml>開(kāi)頭，以v/html>結(jié)束。其文件結(jié)構(gòu)由以
^^^下兩部分組成：
1)頭部(Head)
HTML文件的頭部由vhead>和v/head>標(biāo)記定
義。通常情況下，文件的標(biāo)題、語(yǔ)言字符集信
一巨昱息等都放在頭部信息中。最常用到的標(biāo)記是
一頁(yè)<title>...</title>,它用于定義網(wǎng)頁(yè)文件的標(biāo)題,
當(dāng)該網(wǎng)頁(yè)文件被打開(kāi)后，網(wǎng)頁(yè)文件的標(biāo)題將出
一'現(xiàn)在瀏覽器的標(biāo)題欄中。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)9
文件結(jié)構(gòu)
2)正文主體(Body)
正文主體是HTML文件的核心內(nèi)容，由vbody>和
v/body>標(biāo)記定義。vbody>標(biāo)記具有一些常用的屬性,
格式如下：
<bodybgcolor=#ncolor=#n>...</body>
其中，bgcolor為背景顏色，color為文本顏色。n為六
位十六進(jìn)制數(shù)。
如果網(wǎng)頁(yè)使用背景圖像，格式如下：
目錄
<bodybackground^路徑/圖片文件名”〉...v/body>
卜一頁(yè)
HTML對(duì)格式的要求并不嚴(yán)格，當(dāng)HTML文件被瀏覽
器掃描時(shí)，所有包含在文件中的空格、回車等均被忽
略。因此你可以將一行寫(xiě)成兩行或多行，在瀏覽器中
步向結(jié)果是相同的。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)10
9.1.2HTML語(yǔ)言的基本語(yǔ)法
1.文本布局
1）段落標(biāo)記vp>
vp>…V/R>標(biāo)用揖定文檔中一個(gè)獨(dú)立的段落。通過(guò)設(shè)置
align庸性，建制段落的對(duì)齊方式，其值可以是left、
center>right>justify,分別表不左對(duì)齊、居中、右對(duì)
齊和兩端瘠齊，默認(rèn)值為左對(duì)齊。
目錄
使用格式如下：
?■一頁(yè)<palign=對(duì)齊方式>...</p>
下一頁(yè)2）換行標(biāo)記<br>
vbr>標(biāo)記可以強(qiáng)制文本換行。該標(biāo)記只有起始標(biāo)記。
結(jié)束
3）水平線標(biāo)記<hr>
水平線標(biāo)記vhr>用于在網(wǎng)頁(yè)中插入一條水平線。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)11
2.文字格式
HTML語(yǔ)言中用于文字格式化的標(biāo)記有：
1）標(biāo)題標(biāo)記vhn>
格式為：vhn屬性=屬性值,標(biāo)題文字內(nèi)容v/hn>
二錄其中n說(shuō)明大小級(jí)別，取值范圍為1到6的數(shù)字。把
標(biāo)題分為6級(jí)，即hl?h6,其中hl文字最大，h6文
7T字最小。
下一頁(yè)
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)12
文字格式
2)字體標(biāo)記vfont>
字體標(biāo)記用來(lái)對(duì)文字格式進(jìn)行設(shè)置，主要具有以下屬性：
(1)size屬性：用來(lái)控制文字的大小，格式如下：
<fontsize=n>...</font>
其中n的取值范圍為1?7的數(shù)字，默認(rèn)值為3。
vfont>標(biāo)記和vhn>標(biāo)記都可以控制文字的大小。一般情況下,
文章的標(biāo)題最好由vhn>標(biāo)記控制,而其余的文字由vfont>標(biāo)
記控制。相比較而言，<font>對(duì)字體的控制更加靈活。
(2)color屬性：用來(lái)控制文字的顏色，格式如下：
<fontcolor=#n或英文表示的顏色>…v/font>
其中n是一個(gè)十六進(jìn)制的六位數(shù)。
:(3)face屬性：用來(lái)指明文字使用的字體，格式如下：
乜〈fontface=字體名〉…v/font>
。其中字體名的選擇由Windows操作系統(tǒng)安裝的字體決定。如：
宋體、楷體GB2312、TimesNewRoman>Arial等。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)13
文字格式
3）字形標(biāo)記
字形標(biāo)記用于設(shè)置文字的粗體、斜體、下
劃線、上標(biāo)、下標(biāo)等。
標(biāo)記格式字形結(jié)果
<B>...</B>粗體
斜體
目錄
卜一頁(yè)<U>...</U>下劃線
下一頁(yè)<SUP>...</SU
上標(biāo)
P>
結(jié)束
<SUB>...</SU
下標(biāo)
B>
2010-5-24計(jì)算機(jī)文化基礎(chǔ)14
3.插入圖片
vimg>標(biāo)記將圖片插入網(wǎng)頁(yè)中，用于設(shè)置圖片的大小以及
相鄰文字的排列方式。該標(biāo)記具有以下屬性：
(1)src屬性：指明圖片文件所在的位置。格式如下：
<imgsrc=URL>
其中URL指圖片文件存放的位置。
(2)alt屬性：圖片的文字說(shuō)明，當(dāng)鼠標(biāo)指針指向圖片時(shí)，
該圖片的說(shuō)明性文字彈出。格式如下：
目錄<imgsrc=URLalt=說(shuō)明文字〉
卜一頁(yè)(3)width和height屬性：設(shè)置圖片顯示區(qū)域的寬度和高度。
格式如下：
下一頁(yè)
<imgsrc=URLwidth=nlheight=n2>
結(jié)束
其中width和height屬性的取值nl和n2,可以是像素?cái)?shù)或百
分比。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)15
插入圖片
（4）border屬性：設(shè)置圖片文件的邊框。格式
如下：
<imgsrc=URLborder=n>
其中n為像素?cái)?shù)。
（5）align屬性：設(shè)置圖片相對(duì)于文本的位置關(guān)
系。格式為：vimgsrc=URLalign=對(duì)齊方式>
目錄對(duì)齊方式可以是：top（頂端對(duì)齊）、middle
卜一頁(yè)（相對(duì)垂直居中）、bottom（相對(duì)底邊對(duì)齊）、
left（左對(duì)齊）、right（右對(duì)齊）、texttop（文
下一頁(yè)
本上方）等。
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)16
4.插入超鏈接
在HTML語(yǔ)言中，va>和v/a>標(biāo)記用于設(shè)置網(wǎng)頁(yè)中
的超鏈接，href屬性指明被超鏈接的文件地址。格
式如下：
<ahref=URL>超鏈接文本v/a>
用于表示超鏈接的文本一般顯示為藍(lán)色并且加下
劃線。在瀏覽器中，當(dāng)鼠標(biāo)指針指向該文本時(shí)，箭
一'頭變?yōu)槭中?，并在瀏覽器的狀態(tài)欄中顯示該超鏈接
卜一頁(yè)的地址。
下一頁(yè)若使用圖片做超鏈接，可使用如下格式完成：
結(jié)束<ahref=URL1><imgsrc=URL2></a>
2010-5-24計(jì)算機(jī)文化基礎(chǔ)17
5.使用表格
在網(wǎng)頁(yè)中插入一個(gè)表格，需要用到一組
HTML標(biāo)記。定義表格的有關(guān)標(biāo)記如下：
<table>...</table>定義表格區(qū)域。
<caption>...v/caption>定義表格標(biāo)題。
目錄
<th>...</th>定義表格頭。
卜一頁(yè)
<tr>...</tr>定義表格行。
下一頁(yè)
<td>...</td>定義表格單元格。
結(jié)束
次問(wèn)
2010-5-24計(jì)算機(jī)文化基礎(chǔ)18
表格屬性
常用的標(biāo)記屬性中，border屬性用
于設(shè)置表格邊框的寬度；width>height
屬性用于設(shè)置表格或單元格的寬度、高
度；cellspacing和cellpadding屬性分別用
于設(shè)置單元格之間的間隙和單元格內(nèi)部
目錄
空白；align屬性用于設(shè)置表格或單元格
卜一頁(yè)
的對(duì)齊方式；bgcolor和background屬性
下一頁(yè)
分別用于設(shè)置表格的背景顏色和背景圖
結(jié)束
像。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)19
9.2FrontPage2003概述
雖然使用一般的文本編輯器就可以編寫(xiě)
HTML文檔，但是使用專門(mén)的HTML編輯器或
Web創(chuàng)作工具往往更加方便。具有“所見(jiàn)即所得”
功能的Web頁(yè)面創(chuàng)作工具可以使Web創(chuàng)作人員直
接面對(duì)Web頁(yè)面進(jìn)行編輯修改，并且能立即看到
Web頁(yè)面的顯示效果。
一錄FrontPage2003是微軟公司開(kāi)發(fā)的網(wǎng)頁(yè)制作
和網(wǎng)站管理工具，它是MicrosoftOffice2003的組
二匚件之一，與Office的其他組件高度融合，界面友
結(jié)束好，功能強(qiáng)大，易學(xué)易用，是目前使用較為廣泛
的網(wǎng)頁(yè)制作、網(wǎng)站管理工具之一。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)20
9.2FrontPage2003概述
921FrontPage2003的主要功能
922FrontPage2003的啟動(dòng)與退出
923網(wǎng)頁(yè)與網(wǎng)站
924FrontPage2003的網(wǎng)頁(yè)視圖模式
目錄
卜一頁(yè)925FrontPage2003中的視圖
下一頁(yè)
結(jié)束
板間
2010-5-24計(jì)算機(jī)文化基礎(chǔ)21
9.2.1FrontPage2003的主要功務(wù)巨
Frontpage2003的主要功能是制作網(wǎng)頁(yè)和管理
站點(diǎn)。
使用Frontpage2003可以創(chuàng)建新的網(wǎng)頁(yè)，也可
以打開(kāi)并修改已經(jīng)存在的網(wǎng)頁(yè)。Frontpage2003
,提供了多種編輯網(wǎng)頁(yè)的方式，不但可以直接修改
I'I
一HTML,而且可以采用“所見(jiàn)即所得”的方式編
輯網(wǎng)頁(yè)，還可以使用菜單命令插入各種網(wǎng)頁(yè)元素,
一使用對(duì)話框修改其屬性，十分靈活。
議問(wèn)
2010-5-24計(jì)算機(jī)文化基礎(chǔ)22
FrontPage2003的主要功能
在FrontPage2003中，可以很容易地插入文本、
圖片、表格、組件等元素；可以使用主題和樣式
表、共享邊框、框架等管理網(wǎng)頁(yè)的外觀；還可以
使用表單等元素設(shè)計(jì)出交互式網(wǎng)頁(yè)。
FrontPage2003提供了強(qiáng)大的站點(diǎn)管理功能。
目錄
一組相關(guān)網(wǎng)頁(yè)和有關(guān)文件組成一個(gè)站點(diǎn)，站點(diǎn)也
卜一頁(yè)
下一頁(yè)是FrontPage2003對(duì)網(wǎng)站進(jìn)行管理的基本單位。
結(jié)束在FrontPage2003中可以輕松實(shí)現(xiàn)設(shè)計(jì)、管理、
分析、發(fā)布和維護(hù)站點(diǎn)等工作。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)23
9.2.3網(wǎng)頁(yè)與網(wǎng)站
網(wǎng)頁(yè)是全球廣域網(wǎng)上的基本文檔，用HTML書(shū)寫(xiě)，通
常以.htm或.html為擴(kuò)展名。網(wǎng)頁(yè)可以獨(dú)立存在，但常常作
為網(wǎng)站的一部分。網(wǎng)站是一組相關(guān)網(wǎng)頁(yè)和有關(guān)文件的組合，
一般有一個(gè)特殊的網(wǎng)頁(yè)作為瀏覽的起始點(diǎn)，稱為主頁(yè)
(Homepage),用來(lái)引導(dǎo)用戶訪問(wèn)其他網(wǎng)頁(yè)。
目錄
網(wǎng)站通常位于Web服務(wù)器上，客戶機(jī)通過(guò)網(wǎng)絡(luò)向Web服
卜?一頁(yè)
務(wù)器發(fā)送請(qǐng)求，Web服務(wù)器響應(yīng)客戶機(jī)的請(qǐng)求，并使用
下一頁(yè)
HTTP協(xié)議將網(wǎng)頁(yè)和有關(guān)文件通過(guò)網(wǎng)絡(luò)傳送回客戶機(jī)，客戶
結(jié)束
機(jī)端使用網(wǎng)頁(yè)瀏覽器就能看到網(wǎng)頁(yè)的內(nèi)容了。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)24
網(wǎng)JAI網(wǎng)
在Frontpage2003中，可以建立和編輯獨(dú)立的網(wǎng)
頁(yè)，也可以設(shè)計(jì)和管理站點(diǎn)。在站點(diǎn)中可以包含大量
網(wǎng)頁(yè)和各種文件，甚至可以包含子站點(diǎn)，而且只有在
使用站點(diǎn)時(shí)，F(xiàn)rontpage2003的許多特性才有效。
通常，在Frontpage2003中建立的站點(diǎn)需要發(fā)布到
目錄Internet中的Web服務(wù)器上，成為真正意義上的網(wǎng)站，
Internet上的用戶才能訪問(wèn)。有時(shí)，可以在同一臺(tái)計(jì)算機(jī)上
卜一頁(yè)
安裝Web服務(wù)器端軟件，從而將站點(diǎn)發(fā)布到本機(jī)進(jìn)行測(cè)試。
下一頁(yè)
用Frontpage2003也可以建立基于本地硬盤(pán)的站點(diǎn)，這
結(jié)束
種站點(diǎn)以本機(jī)文件夾的形式存在，不需要發(fā)布到服務(wù)器，這
4問(wèn)時(shí)，需要服務(wù)器支持的功能是不可用的。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)25
9.2.4Frontpage2003的網(wǎng)頁(yè)視圖模式
Frontpage2003提供了四種網(wǎng)頁(yè)視圖模式：
＞設(shè)計(jì)視圖是打開(kāi)網(wǎng)頁(yè)首先進(jìn)入的視圖，可以在其中
輸入文本、插入圖片、插入表格等，也可以任意進(jìn)行
修改。
＞代碼視圖中，用戶可以查看、編寫(xiě)和編輯HTML標(biāo)
目錄記。
「＞預(yù)覽視圖中可以看到網(wǎng)頁(yè)在Web瀏覽器中的大體顯
下一頁(yè)示情況。
姑;Frontpage2003新增的拆分視圖將窗口工作區(qū)拆分成上、
返國(guó)下兩部分，上半部分是代碼區(qū)，下半部分是設(shè)計(jì)區(qū)。無(wú)論對(duì)
哪一個(gè)區(qū)域進(jìn)行修改，另一個(gè)區(qū)域都會(huì)做出相應(yīng)的改變。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)26
9.2.5FrontPage2003中的視圖
Frontpage2003提供了以下幾種視圖以方便用戶
對(duì)站點(diǎn)的管理，用戶可以在不同的視圖中進(jìn)行相應(yīng)
的操作。
1.網(wǎng)頁(yè)視圖
2.文件夾視圖
3.遠(yuǎn)程網(wǎng)站視圖
目錄
4.報(bào)表視圖
卜一頁(yè)
導(dǎo)航視圖
下一頁(yè)5.
超鏈接視圖
結(jié)束6.
7.任務(wù)視圖
2010-5-24計(jì)算機(jī)文化基礎(chǔ)27
9.3網(wǎng)頁(yè)制作
Web站點(diǎn)的開(kāi)發(fā)，首先應(yīng)當(dāng)根據(jù)其用途進(jìn)
行規(guī)劃，確定站點(diǎn)結(jié)構(gòu)，在本地磁盤(pán)上創(chuàng)建站
點(diǎn)，然后再建立網(wǎng)頁(yè)。
那么什么是“站點(diǎn)”呢？
其實(shí)站點(diǎn)就是一組相關(guān)網(wǎng)頁(yè)和其他文件的
集合，這些網(wǎng)頁(yè)在Internet中表現(xiàn)為一個(gè)完整
;結(jié)構(gòu)就稱為“站點(diǎn)”。在Frontpage2003中，
工片站點(diǎn)以一個(gè)特殊文件夾的形式存儲(chǔ)。
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)28
9.3網(wǎng)頁(yè)制作
9.3.1創(chuàng)建站點(diǎn)
9.3.2網(wǎng)頁(yè)編輯
9.3.3插入對(duì)象
目錄9.3.4創(chuàng)建超鏈接
卜一頁(yè)
下一頁(yè)
結(jié)束
板回
2010-5-24計(jì)算機(jī)文化基礎(chǔ)29
9.3.1創(chuàng)建站點(diǎn)
使用Frontpage2003的模板和向?qū)В脩艨梢暂p松地創(chuàng)
建出各種用途和風(fēng)格的站點(diǎn)。
新建站點(diǎn)時(shí)，可以根據(jù)自己的需求選擇不同的模板和
向?qū)А?duì)于不同的模板和向?qū)?，其新建站點(diǎn)的步驟略有
不同。
下面以“由一個(gè)網(wǎng)頁(yè)組成的網(wǎng)站”模板為例，介紹新
且最建站點(diǎn)的方法。
-一頁(yè)(1)單擊“文件”菜單的“新建”命令，在“新建”任
、—I)'務(wù)窗格中選擇“新建網(wǎng)站”中的“由一個(gè)網(wǎng)頁(yè)組成的網(wǎng)
站”；
-(2)在彈出的“網(wǎng)站模板”對(duì)話框的“指定新網(wǎng)站的位
置”框中輸入新站點(diǎn)要保存的位置，也可使用“瀏覽”
按鈕指定新站點(diǎn)的位置；
2010-5-24計(jì)算機(jī)文化基礎(chǔ)30
_(3)單擊“確定”按鈕，新建站點(diǎn)如下圖所
目錄該站點(diǎn)只有一個(gè)空白網(wǎng)頁(yè)index,htm(主頁(yè))和用
于存儲(chǔ)圖片的文件夾images,你可以打開(kāi)
卜一頁(yè)
index.htm進(jìn)行編輯，也可以進(jìn)一步根據(jù)網(wǎng)站規(guī)劃
下一頁(yè)創(chuàng)建文件夾和新建其他網(wǎng)頁(yè)。
結(jié)束選擇“文件”菜單的“退出”命令，可以關(guān)閉
次問(wèn)FrontPage2003。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)31
9.3.2網(wǎng)頁(yè)編輯
1.新建網(wǎng)頁(yè)
2.打開(kāi)/保存網(wǎng)頁(yè)
3.預(yù)覽網(wǎng)頁(yè)
4.設(shè)置文字格式
目錄
5.設(shè)置段落格式
卜一頁(yè)
6.設(shè)置網(wǎng)頁(yè)屬性
下一頁(yè)
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)32
網(wǎng)頁(yè)編輯
1.新建網(wǎng)頁(yè)
要根據(jù)“網(wǎng)頁(yè)模板”創(chuàng)建一個(gè)新的網(wǎng)頁(yè)，可以
按下面的步驟：
(1)單擊“文件”菜單的“新建”命令，在
“新建”任務(wù)窗格中選擇“新建網(wǎng)頁(yè)”中的“其
他網(wǎng)頁(yè)模板”。
(2)在彈出的“網(wǎng)頁(yè)模板”對(duì)話框中選擇所需
二的網(wǎng)頁(yè)模板，可以在“說(shuō)明”及“預(yù)覽”區(qū)域查
看該模板的說(shuō)明及預(yù)覽圖。
(3)單擊“確定”按鈕，系統(tǒng)新建一個(gè)基于所
I選模板的網(wǎng)頁(yè)。
(4)單擊“文件”菜單，選擇“保存”命令,
彈出“另存為”對(duì)話框。在此對(duì)話框中，輸
入文件名進(jìn)行保存。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)33
網(wǎng)頁(yè)編輯
2.打開(kāi)/保存網(wǎng)頁(yè)
在Frontpage2003中，編輯某個(gè)網(wǎng)頁(yè)之前，
需要先打開(kāi)該網(wǎng)頁(yè)。打開(kāi)網(wǎng)頁(yè)的方法有多種，
常用的有以下幾種：
(1)使用“文件”菜單的“打開(kāi)”命令，或“常
用”工具欄的“打開(kāi)”按鈕，在彈出的“打開(kāi)文
件”對(duì)話框中選擇相應(yīng)的網(wǎng)頁(yè)；
(2)如需要打開(kāi)的文件已在打開(kāi)的網(wǎng)站中，在文
件夾視圖中雙擊該網(wǎng)頁(yè)圖標(biāo)即可將其打開(kāi)。實(shí)際
:上，在其他視圖中雙擊網(wǎng)頁(yè)圖標(biāo)，同樣會(huì)打開(kāi)指
下一頁(yè)定網(wǎng)頁(yè)。
「要保存一個(gè)網(wǎng)頁(yè)，可以使用“文件”菜單的
二“保存”命令，或“常用”工具欄的“保存”按
」鈕，如需另存可使用“文件”菜單的“另存為”
命令。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)34
網(wǎng)頁(yè)編輯
3.預(yù)覽網(wǎng)頁(yè)
網(wǎng)頁(yè)制作過(guò)程中，用戶可以切換到“預(yù)覽”
視圖預(yù)覽網(wǎng)頁(yè)，也可以使用“文件”菜單的
“在瀏覽器中預(yù)覽”命令預(yù)覽網(wǎng)頁(yè)。使用后者,
系統(tǒng)會(huì)打開(kāi)瀏覽器顯示網(wǎng)頁(yè)，如果該網(wǎng)頁(yè)尚未
二保存，會(huì)彈出對(duì)話框提示用戶保存網(wǎng)頁(yè)。
?■一頁(yè)
下一頁(yè)
結(jié)束
4同
2010-5-24計(jì)算機(jī)文化基礎(chǔ)35
網(wǎng)頁(yè)編輯
4.設(shè)置文字格式
同其他MicrosoftOffice組件一樣，在網(wǎng)頁(yè)中可以輸入文字,
復(fù)制、剪切和粘貼文字，設(shè)置文字格式，查找和替換文字等。
在Frontpage2003中，對(duì)文字的格式提供了相當(dāng)完整的設(shè)
定功能，文字格式的變化也因此多種多樣?？梢允褂霉ぞ邫?/p>
上的工具按鈕或菜單命令快速地改變文字的外觀。
設(shè)置文字格式的一般操作步驟是：選中文字，單擊“格式”
菜單的“字體”命令，在彈出的“字體”對(duì)話框中設(shè)置字體
二的各種屬性，也可以使用“格式”工具欄中相應(yīng)的命令按鈕。
雖然可以設(shè)置各種美觀的字體，但是由于用戶只能使用本
地計(jì)算機(jī)中安裝的字體顯示網(wǎng)頁(yè)，因此還是使用常見(jiàn)的字體
為好。
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)36
網(wǎng)頁(yè)編輯
5.設(shè)Jt段落格式
文字段落的格式編排對(duì)于一個(gè)網(wǎng)頁(yè)的外觀是至關(guān)重
要的。FrontPage2003通過(guò)按Enter鍵劃分段落。值得
注意的是，段落之間插入了一個(gè)空行。如果只是需要
換行，而不是另起一個(gè)段落，按Shift+Enter鍵即可。
實(shí)際上，按Enter鍵在HTML代碼中插入的是vp＞標(biāo)記,
而按Shift+Enter鍵則插入的是vbr＞標(biāo)記。
目錄段落格式主要包括對(duì)齊方式、縮進(jìn)和段落間距等。
設(shè)置段落格式的一般方法如下：
卜一頁(yè)
下一頁(yè)將插入點(diǎn)移動(dòng)到要設(shè)置格式的段落中，或是選中該
段落，單擊“格式”菜單的“段落”命令，在彈出的
“段落”對(duì)話框中進(jìn)行各種段落格式屬性的設(shè)置。
次問(wèn)
2010-5-24計(jì)算機(jī)文化基礎(chǔ)37
網(wǎng)頁(yè)編輯
6.設(shè)置網(wǎng)頁(yè)屬性
網(wǎng)頁(yè)屬性包括網(wǎng)頁(yè)的標(biāo)題、格式、頁(yè)邊距等。
要設(shè)置網(wǎng)頁(yè)屬性，用戶可以使用“文件”菜單的
“屬性”命令，或者在網(wǎng)頁(yè)的任意地方單擊鼠標(biāo)右
鍵，在彈出的右鍵菜單中選擇“網(wǎng)頁(yè)屬性”命令,
目錄Frontpage2003將顯示“網(wǎng)頁(yè)屬性”對(duì)話框。
卜一頁(yè)
下一頁(yè)
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)38
網(wǎng)頁(yè)編輯
1)“加規(guī)”屬性
要設(shè)置網(wǎng)頁(yè)的“常規(guī)”屬性，單擊“網(wǎng)頁(yè)屬性”對(duì)話框的
“常規(guī)”選項(xiàng)卡，如下圖所示?！皹?biāo)題”框用于給出網(wǎng)頁(yè)的
標(biāo)題，網(wǎng)頁(yè)標(biāo)題將顯示在瀏覽器的標(biāo)題欄中?！氨尘耙魳?lè)”
框用于指定網(wǎng)頁(yè)的背景音樂(lè)，當(dāng)用瀏覽器打開(kāi)網(wǎng)頁(yè)時(shí)，將自
動(dòng)播放背景音樂(lè)。背景音樂(lè)區(qū)域的“位置”框用于指定聲音
文件的位置，用戶可以使用“瀏覽”按鈕選擇一個(gè)聲音文件;
“循環(huán)次數(shù)”框用于指定聲音要反復(fù)播放的次數(shù)，如果選中
“不限次數(shù)”復(fù)選框，表示一直不停地播放。
目錄
I-一頁(yè)
下一頁(yè)
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)39
網(wǎng)頁(yè)編輯
2)“格式”屬性
要設(shè)置網(wǎng)頁(yè)的背景、顏色，可以使用“網(wǎng)頁(yè)
屬性”對(duì)話框的“格式”選項(xiàng)卡，如下圖所示。
用戶可以選中“背景圖片”復(fù)選框，指定一
個(gè)圖片作為網(wǎng)頁(yè)的背景圖片。如果要將圖片按
水印形式添加，需要選中“使其成為水印”復(fù)
選框。通過(guò)單擊相應(yīng)的下拉列表框，可以設(shè)置
二幣網(wǎng)頁(yè)的背景顏色、文本顏色以及超鏈接文字的
顏色。當(dāng)同時(shí)設(shè)置背景圖片和背景顏色時(shí)，背
景圖片將覆蓋背景色。
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)40
9.3.3插入對(duì)象
1.插入水平線
2.插入圖片
3.插入字幕
4.插入交互式按鈕
5.插入站點(diǎn)計(jì)數(shù)器
下一頁(yè)
結(jié)束
板間
2010-5-24計(jì)算機(jī)文化基礎(chǔ)41
1.插入水平線
在網(wǎng)頁(yè)中輸入文本內(nèi)容后，還可在不同的段落、行之
間添加水平線，水平線將網(wǎng)頁(yè)分割成幾個(gè)部分，使得網(wǎng)
頁(yè)更具條理性。具體操作步驟如下：
(1)在準(zhǔn)備插入水平線的位置設(shè)置插入點(diǎn)；
(2)單擊“插入”菜單的“水平線”命令，插入水平
線。
目錄要修改水平線的外觀，可以雙擊水平線，打開(kāi)“水平
線屬性”對(duì)話框?！皩挾取笨蛴糜谠O(shè)置水平線的寬度，
卜一頁(yè)
“高度”框用于設(shè)置水平線的高度，“對(duì)齊方式”用于
下一頁(yè)
設(shè)置水平線在網(wǎng)頁(yè)內(nèi)水平對(duì)齊的方式，“顏色”列表框
結(jié)束用于設(shè)置水平線的顏色，選中“實(shí)線(無(wú)陰影)”復(fù)選
4問(wèn)框時(shí)，水平線將被設(shè)成實(shí)心線。要為線條指定自定義樣
式或其他格式，可以使用“樣式”按鈕進(jìn)行設(shè)置。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)42
2.插入圖片
圖片可以使網(wǎng)頁(yè)變得生動(dòng)活潑，并能吸引用戶的注意。
1）圖片文件的格式
在WWW上常用的圖像文件格式是JPEG和GIF,它們都
是壓縮的圖像格式，文件的信息量小，適合于網(wǎng)絡(luò)傳輸，
因此被廣泛地應(yīng)用在Web站點(diǎn)的設(shè)計(jì)中。
>GIF（GraphicalInterchangeFormat,圖形交換格式）采
用無(wú)損壓縮方式，其主要特征是支持動(dòng)畫(huà)、透明度、圖形
漸進(jìn)，但GIF圖像包含的顏色不能超過(guò)256種。
>JPEG（JointPhotographExpertGroup,聯(lián)合圖像專家組）
八格式是專為有幾百萬(wàn)種顏色的照片和圖形設(shè)計(jì)的，它采用
下一頁(yè)有損壓縮方式，以犧牲圖片質(zhì)量換取大的壓縮比例。
JPEG格式支持真彩色（24位色），并且在壓縮大的圖像
一方面已被證明很有效。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)43
插入圖片
2.插入圖片
2)插入圖片的步驟
(1)移動(dòng)光標(biāo)至插入圖像的位置；
(2)單擊“插入”菜單的“圖片”命令，在子
菜單中選擇“來(lái)自文件”，彈出“圖片”對(duì)話
框；
(3)利用“圖片”對(duì)話框選取需要插入的圖片
目錄文件，單擊“插入”按鈕，即可將圖片插入網(wǎng)
卜一頁(yè)頁(yè)中。
T一頁(yè)3)設(shè)置圖片屬性
結(jié)束在“圖片屬性”對(duì)話框的“外觀”選項(xiàng)卡中,
可以設(shè)置圖片的環(huán)繞方式、布局、大小等。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)44
插入圖片
4）編輯圖片
可以使用“視圖”菜單的“工具欄”命令中的
“圖片”子命令，使“圖片”工具欄顯示在屏
幕上。利用圖片工具欄，可以對(duì)圖片的亮度、
對(duì)比度進(jìn)行調(diào)整，可以旋轉(zhuǎn)、翻轉(zhuǎn)圖片，對(duì)圖
片進(jìn)行剪裁，設(shè)置透明顏色等操作。
目錄
5）保存圖片
卜一頁(yè)
插入圖片后保存網(wǎng)頁(yè)，如果圖片不在網(wǎng)站文件
下一頁(yè)夾中，將出現(xiàn)“保存嵌入式文件”對(duì)話框。如
結(jié)束果圖片在網(wǎng)站文件夾中，就不會(huì)出現(xiàn)此對(duì)話框。
次問(wèn)
2010-5-24計(jì)算機(jī)文化基礎(chǔ)45
3.插入字幕
在制作網(wǎng)頁(yè)時(shí)，可以將網(wǎng)頁(yè)中的文字做成由左至
右，或由右至左移動(dòng)的動(dòng)態(tài)效果，使網(wǎng)頁(yè)更加形象生
動(dòng)。具體操作步驟如下：
（1）將插入點(diǎn)設(shè)置在要插入移動(dòng)字幕的位置或者
選中作為移動(dòng)字幕的文本，單擊“插入”菜單的
正錄“Web組件”命令，彈出“插入Web組件”對(duì)話框，
在對(duì)話框的“組件類型”列表框中選擇“動(dòng)態(tài)效果”，
；在“選擇一種效果”列表中選擇“字幕”，單擊“完
二成"按鈕，“字幕屬性”對(duì)話框。
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)46
插入字幕2
(2)如果已經(jīng)選擇了作為移動(dòng)字幕的文本，此文本
就會(huì)出現(xiàn)在“文本”框中，如果沒(méi)有選擇文本，可
在“文本”框中輸入作為移動(dòng)字幕的文本?！白帜?/p>
屬性”對(duì)話框如下圖所示：
目錄
卜一頁(yè)
下一頁(yè)
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)47
插入字幕3
(3)“方向”區(qū)域用于指定文本的移動(dòng)方向。
“速度”區(qū)域用于指定文字的滾動(dòng)速度，“延
遲”框中的數(shù)值表示字幕滾動(dòng)一步的時(shí)間間隔
是多少毫秒，“數(shù)量”框中的數(shù)值表示字幕滾
動(dòng)一步的距離是多少像素?！氨憩F(xiàn)方式”區(qū)域
用于指定文字的表現(xiàn)方式。選中“重復(fù)”區(qū)域
二的“連續(xù)”復(fù)選框，移動(dòng)字幕將連續(xù)滾動(dòng)；若
一頁(yè)要設(shè)置字幕滾動(dòng)有限次數(shù)，可以取消選中“連
續(xù)”復(fù)選框并輸入字幕重復(fù)的次數(shù)。
(4)單擊“確定”按鈕，即可插入字幕。
次問(wèn)
2010-5-24計(jì)算機(jī)文化基礎(chǔ)48
4.插入交互式按鈕
交互式按鈕是一個(gè)動(dòng)態(tài)按鈕，當(dāng)用戶將鼠標(biāo)
指向交互式按鈕時(shí)，交互式按鈕會(huì)改變顏色或形
狀。默認(rèn)情況下，交互式按鈕是一個(gè)帶有彩色方
框的文字按鈕，也可以應(yīng)用圖片創(chuàng)建交互式按鈕。
(1)將插入點(diǎn)設(shè)置在要插入交互式按鈕的位
巨一置，單擊“插入”菜單的“Web組件”命令，打
開(kāi)“插入Web組件”對(duì)話框，在對(duì)話框的“組件
「類型”列表框中選擇“動(dòng)態(tài)效果”，在“選擇一
種效果”列表中選擇“交互式按鈕”，單擊“完
結(jié)束成”按鈕，打開(kāi)對(duì)話框。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)49
插入交互式按鈕2-3
(2)設(shè)置
,A按鈕
?字體
/＞圖像
巨二(3)單擊“確定”按鈕，即可插入交互式按鈕。
?■一頁(yè)
下一頁(yè)
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)50
5.插入站點(diǎn)計(jì)數(shù)器
(1)單擊“插入”菜單的“Web組件”命令,
打開(kāi)“插入Web組件”對(duì)話框，在對(duì)話框的
“組件類型”列表框中選擇“計(jì)數(shù)器”，在
“選擇計(jì)數(shù)器樣式”列表中選擇一種樣式，單
擊“完成”按鈕，打開(kāi)“計(jì)數(shù)器屬性”對(duì)話框;
二(2)設(shè)置計(jì)數(shù)器屬性；
x(3)單擊“確定”按鈕，插入站點(diǎn)計(jì)數(shù)器。
下一頁(yè)
結(jié)束
4回1
2010-5-24計(jì)算機(jī)文化基礎(chǔ)51
934創(chuàng)建超鏈接
Web網(wǎng)頁(yè)的強(qiáng)大之處就在于其超鏈接，
使用超鏈接能夠?qū)nternet中的信息有機(jī)地組
織起來(lái)，使人們?cè)谪S富多彩的WWW世界輕
松地漫游。在瀏覽器中，超鏈接通常表現(xiàn)為
目錄與普通文本或圖片不同的特點(diǎn)。將鼠標(biāo)移到
一個(gè)超鏈接上方時(shí)，鼠標(biāo)指針會(huì)變成手形。
卜一頁(yè)
同時(shí)，與這個(gè)超鏈接相對(duì)應(yīng)的URL會(huì)在窗口
下一頁(yè)底部的狀態(tài)欄顯示出來(lái)。
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)52
創(chuàng)建超鏈接
1.創(chuàng)建文本超鏈接
2.創(chuàng)建圖片超鏈接
3.使用書(shū)簽超鏈接
4.創(chuàng)建電子郵件超鏈接
目錄5.創(chuàng)建下載文件超鏈接
卜一頁(yè)
下一頁(yè)
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)53
1.創(chuàng)建文本超鏈接
文本超鏈接是指在文本上定義的超鏈接，單擊文本超
鏈接，會(huì)自動(dòng)跳轉(zhuǎn)到指向的鏈接目標(biāo)。創(chuàng)建文本超鏈
接的具體操作步驟如下：
(1)選定要定義超鏈接的文本，從“插入”菜單中選
擇“超鏈接”命令，或單擊“常用”工具欄上的“超
旦宣瞥接”按鈕，打開(kāi)“插入超鏈接”對(duì)話框，如下圖所
不；
下一頁(yè)
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)54
創(chuàng)建文本超鏈接
(2)在“插入超鏈接”對(duì)話框中選擇要鏈接的目
目錄標(biāo)網(wǎng)頁(yè)，單擊“確定”按鈕，插入超鏈接，可以看
卜一頁(yè)到所選定的文本變?yōu)樗{(lán)色，并且?guī)в邢聞澗€，說(shuō)明
下一頁(yè)選定的文本已經(jīng)被設(shè)置為超鏈接文本。
結(jié)束保存網(wǎng)頁(yè)，在瀏覽器中預(yù)覽效果，當(dāng)鼠標(biāo)移至
鏈接文字時(shí)，鼠標(biāo)指針變成手形，此時(shí)單擊鼠標(biāo)就
跳轉(zhuǎn)到目標(biāo)網(wǎng)頁(yè)。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)55
2.創(chuàng)建圖片超鏈接
圖片超鏈接是指在圖片上創(chuàng)建的超鏈接，圖
片超鏈接比文本超鏈接顯得更加生動(dòng)活潑，單擊
圖片超鏈接，會(huì)自動(dòng)跳轉(zhuǎn)到指向的鏈接目標(biāo)?？?/p>
以將整個(gè)圖片設(shè)置為超鏈接，也可以為圖片分配
一個(gè)或多個(gè)熱點(diǎn)。熱點(diǎn)是圖片上的超鏈接區(qū)域，
j包含熱點(diǎn)的圖片稱為圖像映射，用戶單擊熱點(diǎn)區(qū)
域可以轉(zhuǎn)到相應(yīng)的鏈接目標(biāo)。
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)56
1)創(chuàng)建圖片超鏈接
(1)選定要定義超鏈接的圖片，從“插入”
菜單中選擇“超鏈接”命令，或單擊“常用”工
具欄上的“超鏈接”按鈕，打開(kāi)“插入超鏈接”
對(duì)話框；
二(2)在對(duì)話框中選擇要鏈接的目標(biāo)網(wǎng)頁(yè)，單
:擊“確定”按鈕，即可插入超鏈接。
保存網(wǎng)頁(yè)，在瀏覽器中預(yù)覽效果，當(dāng)鼠標(biāo)移
結(jié)束至鏈接圖片時(shí)，鼠標(biāo)指針變成手形，此時(shí)單擊鼠
標(biāo)就跳轉(zhuǎn)到目標(biāo)網(wǎng)頁(yè)。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)57
2）為圖片添加熱點(diǎn)
熱點(diǎn)可以是圖片上具有某種形狀的一塊區(qū)域或
文本二當(dāng)用戶單擊該區(qū)域或文本時(shí)，超鏈接目標(biāo)
會(huì)顯示在Web瀏覽器中。在Frontpage2003中，
熱點(diǎn)的形狀可以是長(zhǎng)方形、園形或多邊形。
目錄例如我們通過(guò)山東省地圖瀏覽山東省各城市的
卜一頁(yè)民俗風(fēng)情，當(dāng)鼠標(biāo)移至地圖上的各個(gè)城市時(shí)，鼠
下一頁(yè)標(biāo)指針變?yōu)槭中?，單擊后打開(kāi)描述該城市民俗風(fēng)
結(jié)束情的頁(yè)面。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)58
為圖片添加熱點(diǎn)，具體操作步驟如下：
(1)選擇需要添加熱點(diǎn)的圖片。
(2)在“圖片”工具欄中，單擊長(zhǎng)方形、圓形
或多邊形熱點(diǎn)按鈕匹配需要的形狀。
(3)在圖片上，采用鼠標(biāo)拖動(dòng)操作畫(huà)出所選形
狀。畫(huà)多邊形時(shí)，可單擊多邊形的第一個(gè)角，然后
一依次單擊多邊形其他角的位置，最后雙擊完成多邊
形。
二口(4)釋放鼠標(biāo)，彈出“插入超鏈接”對(duì)話框，
一按照插入超鏈接中所講方法創(chuàng)建超鏈接即可。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)59
為圖片添加熱點(diǎn)
重復(fù)步驟（2）、（3）、（4）,在圖片上依次創(chuàng)建
超鏈接到其他網(wǎng)頁(yè)。當(dāng)鼠標(biāo)移動(dòng)到熱點(diǎn)區(qū)域時(shí)，光標(biāo)
變?yōu)槭中?，如下圖所示。單擊鼠標(biāo)，超鏈接的目標(biāo)網(wǎng)
頁(yè)就會(huì)顯示在Web瀏覽器窗口中。
目錄
卜一頁(yè)
下一頁(yè)
結(jié)束
次問(wèn)
2010-5-24計(jì)算機(jī)文化基礎(chǔ)60
3.使用書(shū)簽超鏈接
對(duì)于網(wǎng)頁(yè)的超鏈接，往往使用戶跳轉(zhuǎn)到目標(biāo)網(wǎng)頁(yè)
的頂端，應(yīng)用書(shū)簽?zāi)軌蚋鼑?yán)格地控制用戶到達(dá)網(wǎng)頁(yè)內(nèi)
的某個(gè)具體位置。書(shū)簽是網(wǎng)頁(yè)中被標(biāo)記的位置或被標(biāo)
記的文本。單擊書(shū)簽超鏈接，將直接跳轉(zhuǎn)到該書(shū)簽所
在的位置。
書(shū)簽
1)插入書(shū)簽
(1)選中作為書(shū)簽的文本，或
將光標(biāo)定位在要插入書(shū)簽的位置。
目錄
(2)選擇“插入”菜單的“書(shū)
卜一頁(yè)簽”命令，彈出“書(shū)簽”對(duì)話框,
如右圖所示，所選文本自動(dòng)出現(xiàn)
下一頁(yè)
在“書(shū)簽名稱”框中。
結(jié)束(3)單擊“確定”按鈕，插入
書(shū)簽，可以看到所選文本下方出
現(xiàn)虛線。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)61
2)創(chuàng)建書(shū)簽超鏈接
(1)選定要定義超鏈接的文本或圖片；
(2)從“插入”菜單中選擇“超鏈接”命令，彈出“插入超
鏈接”對(duì)話框，如下圖所示，在對(duì)話框的“鏈接到”欄單擊“本
文檔中的位置”，選擇要鏈接的書(shū)簽；
(3)單擊“確定”按鈕，插入書(shū)簽超鏈接。
保存網(wǎng)頁(yè)，在瀏覽器中預(yù)覽效果，單擊頁(yè)面中的書(shū)簽超鏈接,
頁(yè)面會(huì)跳轉(zhuǎn)到書(shū)簽的位置。
卜一頁(yè)
下一頁(yè)
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)62
4.創(chuàng)建電子郵件超族接
電子郵件超鏈接為用戶發(fā)送電子郵件提供了極大的
方便，單擊電子郵件超鏈接后，允許用戶書(shū)寫(xiě)電子郵
件內(nèi)容，并發(fā)往指定的地址。具體操作步驟如下：
(1)選擇作為電子郵件超鏈接的文本或圖片；
(2)從“插入”菜單中選擇“超鏈接”命令，彈出
“插入超鏈接”對(duì)話框；
目錄(3)在對(duì)話框的“鏈接到”欄單擊“電子郵件地
_址”，在“電子郵件地址”框中輸入所需電子郵件地
址，還可以在“主題”框中鍵入電子郵件的主題；
(4)單擊“確定”按鈕，完成電子郵件超鏈接的創(chuàng)
結(jié)束建。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)63
5.創(chuàng)建下載文件超鏈接
如果要在網(wǎng)站中提供資料下載功能，就需要?jiǎng)?chuàng)建下載鏈接,
喀蜜中每個(gè)用于下載的文件要對(duì)應(yīng)一個(gè)下載鏈接。具體操作
步驟如下：
（1）選擇作為文件超鏈接的文本或圖片；
（2）從“插入”』選擇“超鏈接”命令，彈出“插
入超鏈接”對(duì)話框話框中選擇要下載的文件；
（3）單擊“確定”按鈕，完成文件超鏈接的創(chuàng)建。
保存網(wǎng)頁(yè)，在瀏覽器中預(yù)覽效果，單擊創(chuàng)建的文件超鏈接
覽三萼出二式性下費(fèi)”對(duì)話框，如下圖所示，用戶可以根據(jù)
需要打開(kāi)或保存土律。
目錄
卜一頁(yè)
下一頁(yè)
結(jié)束
次問(wèn)
2010-5-24計(jì)算機(jī)文化基礎(chǔ)64
9.4網(wǎng)頁(yè)布局
網(wǎng)頁(yè)的布局設(shè)計(jì)，是將文字、圖片等網(wǎng)頁(yè)元
素，根據(jù)特定的內(nèi)容和主題，在網(wǎng)頁(yè)所限定的
范圍中進(jìn)行視覺(jué)的關(guān)聯(lián)與配置，從而將設(shè)計(jì)意
圖以視覺(jué)形式表現(xiàn)出來(lái)。網(wǎng)頁(yè)的布局一般使用
目錄表格或框架來(lái)實(shí)現(xiàn)。
?■一頁(yè)
下一頁(yè)
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)65
9.4網(wǎng)頁(yè)布局
941創(chuàng)建和使用表格
942創(chuàng)建框架
943創(chuàng)建框架超鏈接
目錄
卜一頁(yè)
下一頁(yè)
結(jié)束
旅回
2010-5-24計(jì)算機(jī)文化基礎(chǔ)66
9.4.1創(chuàng)建和使用表格
表格由單元格構(gòu)成的行和列組成，單元格中
可以插入文本、圖片以及其他對(duì)象。利用表格
可以有條理地排列數(shù)據(jù)或組織網(wǎng)頁(yè)布局。表格
的行、列和單元格都可以進(jìn)行復(fù)制、粘貼，在
目錄表格中還可以插入表格，一層層的表格嵌套使
?■一頁(yè)設(shè)計(jì)更加方便。Frontpage2003提供了與Word
下一頁(yè)字處理軟件類似的表格處理功能，在網(wǎng)頁(yè)中可
以輕松地創(chuàng)建和編輯表格。
結(jié)束
2010-5-24計(jì)算機(jī)文化基礎(chǔ)67
1.創(chuàng)建表格
創(chuàng)建表格有以下三種常用方法：
(1)使用“表格”菜單的“插入”子菜單中的
“表格”命令，可以對(duì)插入的表格進(jìn)行精確的設(shè)
置，包括行和列的數(shù)目、對(duì)齊方式、單元格間距、
單元格襯距、邊框粗細(xì)和背景等。
二(2)使用“常用”工具欄的“插入表格”按
修鈕，快速插入表格。
立(3)使用“表格”菜單的“繪制表格”命令，
。手動(dòng)繪制表格。
2010-5-24計(jì)算機(jī)文化基礎(chǔ)68
2.設(shè)置表格屬性
插入表格后，打開(kāi)如下圖所示的“表格屬性”對(duì)話框，可
以設(shè)置表格屬性。
(1)設(shè)置表格行數(shù)和列數(shù)。
(2)設(shè)置表格布局，包括設(shè)
置表格的對(duì)齊
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(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ì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025至2030年中國(guó)多功能汽車電噴嘴電腦檢測(cè)儀數(shù)據(jù)監(jiān)測(cè)研究報(bào)告
- 2025至2030年中國(guó)五星水壺?cái)?shù)據(jù)監(jiān)測(cè)研究報(bào)告
- 統(tǒng)編版三年級(jí)語(yǔ)文下冊(cè)期中達(dá)標(biāo)測(cè)試卷（含答案）
- 吉林省長(zhǎng)春市榆樹(shù)市2024-2025學(xué)年九年級(jí)上學(xué)期期末化學(xué)試題（含答案）
- 園林施工員試題及答案
- 2025年消防設(shè)施操作員之消防設(shè)備中級(jí)技能每日一練試卷A卷含答案
- 2025年消防設(shè)施操作員之消防設(shè)備基礎(chǔ)知識(shí)通關(guān)提分題庫(kù)(考點(diǎn)梳理)
- 2020年遼寧省沈陽(yáng)市中考地理試卷（含答案）
- 2025年天津市專業(yè)技術(shù)人員公需考試試題-全面推動(dòng)經(jīng)濟(jì)與民生領(lǐng)域改革推動(dòng)中國(guó)經(jīng)濟(jì)高質(zhì)量發(fā)展
- 高等教育自學(xué)考試《00074中央銀行概論》模擬試卷二
- 小學(xué)“新時(shí)代好少年”推薦表
- GB 7101-2022食品安全國(guó)家標(biāo)準(zhǔn)飲料
- GB/T 23682-2009制冷系統(tǒng)和熱泵軟管件、隔震管和膨脹接頭要求、設(shè)計(jì)與安裝
- 中國(guó)古代神話英文版資料講解
- 現(xiàn)代寫(xiě)作教程
- 循環(huán)氣壓縮機(jī)防喘振控制
- 《技工院校職業(yè)技能等級(jí)認(rèn)定工作方案》
- 考察領(lǐng)導(dǎo)談話怎么評(píng)價(jià)領(lǐng)導(dǎo)【六篇】
- 初中數(shù)學(xué)知識(shí)競(jìng)賽-完整版PPT
- 福建省危險(xiǎn)化學(xué)品企業(yè)安全標(biāo)準(zhǔn)化(三級(jí))考核評(píng)分標(biāo)準(zhǔn)指導(dǎo)意見(jiàn)(試行)
- 柱間支撐計(jì)算書(shū)
評(píng)論
0/150
提交評(píng)論