淺談FrontPage2003中的圖像編輯

摘要:加入圖像(或圖片)可以使網(wǎng)頁(yè)變得引人入勝，在網(wǎng)頁(yè)內(nèi)插入圖片后，選擇圖片，并右鍵單擊選擇【顯示圖像工具欄】，將激活FrontPage2003的圖片工具欄，用于對(duì)圖像進(jìn)行簡(jiǎn)單的編輯處理，例如進(jìn)行圖像的特殊效果、剪切圖像、添加文本、創(chuàng)建熱點(diǎn)等。

關(guān)鍵詞:網(wǎng)頁(yè)制作;圖像;裁剪;添加;特殊效果

中圖分類(lèi)號(hào):TP37文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):1009-3044(2009)35-10136-02

On the FrontPage2003 in Image Editing

WANG Yi-you

(Jiangjin JETTA School District，ChongQing City， Chongqing 402274， China)

Abstract: Add image (or images) can make web pages to become attractive， insert a picture in the page， select the picture， and right-click options 【Display the image toolbar】 will activate the FrontPage2003 image toolbar for an image a simple editing， such as the images of the special effects， cut images， add text， create hot spots and so on.

Key words: web production; images; cutting; added; special effects

1 剪裁圖像

插入網(wǎng)頁(yè)的圖像尺寸如果太大，或者希望只使用其中的一部分，就可以對(duì)它進(jìn)行剪切操作，將不需要的部分刪除。

操作步驟:

1)在FrontPage2003的圖片工具欄內(nèi)，選擇【剪裁】按鈕。

2)在圖片上將出現(xiàn)剪切框，用鼠標(biāo)拖動(dòng)剪切框選定要保留的部分。

3)單擊【剪裁】按鈕。

2 添加文本

為了說(shuō)明圖像在網(wǎng)頁(yè)內(nèi)的作用與意義，可在圖像內(nèi)添加一些說(shuō)明性的文字，給瀏覽者一個(gè)明確的提示。如果用圖片作為網(wǎng)頁(yè)的標(biāo)題，那就更離不開(kāi)必要的文字信息來(lái)簡(jiǎn)明、扼要地反映本網(wǎng)頁(yè)的主旨。FrontPage2003圖片工具欄的【文本】按鈕就是用來(lái)在圖像內(nèi)添加文本信息的，并且所有文本都在一個(gè)矩形區(qū)域內(nèi)。

操作步驟:

1)選定圖像后，單擊圖片工具欄的【文本】按鈕，將在圖片上出現(xiàn)文本框。

2)用鼠標(biāo)拖動(dòng)文本框的邊框可以改變文本框的位置，拖動(dòng)文本框周?chē)暮谏c(diǎn)標(biāo)可以改變文本框的大小。

3)可以在文本框中輸入文本，完成后在圖像外的網(wǎng)頁(yè)內(nèi)單擊鼠標(biāo)即可。

4)用戶(hù)還可以對(duì)文本框內(nèi)文字的字體、字號(hào) 、效果、對(duì)齊方式進(jìn)行設(shè)置。如果以后需要改變文本框中的文字，可以單擊準(zhǔn)備修改的文字，會(huì)現(xiàn)出文本框，就可以進(jìn)行修改了。

3 圖像的特殊效果

FrontPage2003提供了對(duì)圖像進(jìn)行旋轉(zhuǎn)、翻轉(zhuǎn)、修正對(duì)比度、黑白處理、圖像弱化、突出效果、采樣與還原等特效。

3.1 旋轉(zhuǎn)90°

單擊圖片工具欄的【向左旋轉(zhuǎn)】按鈕，可以將所選的圖片向左旋轉(zhuǎn)，可以將所選的圖片向左旋轉(zhuǎn)90°;同樣單擊圖片工具欄的【向右旋轉(zhuǎn)】按鈕，可以將所選的圖片向右旋轉(zhuǎn)90°。

3.2 圖像翻轉(zhuǎn)

單擊圖片工具欄的【水平翻轉(zhuǎn)】按鈕，可以將所選的圖片以垂直方向?yàn)檩S，旋轉(zhuǎn)180°。

單擊圖片工具欄的垂直翻轉(zhuǎn)【按鈕】，可以將所選的圖片以水平方向?yàn)檩S，旋轉(zhuǎn)180°。

3.3 修正對(duì)比度

【對(duì)比度】是指屏幕上圖像各個(gè)部分之間的明暗對(duì)比程度?？梢酝ㄟ^(guò)單擊【增加對(duì)比度】按鈕或【減低對(duì)比度】按鈕來(lái)調(diào)節(jié)圖片的明暗對(duì)比。

3.4 調(diào)整亮度

【亮度】是一種光源的顏色屬性，表現(xiàn)為給定方向上的每單位投射面積的發(fā)光強(qiáng)度。用戶(hù)可以通過(guò)單擊【增加亮度】按鈕或【減低亮度】按鈕來(lái)調(diào)節(jié)圖片的明亮度。

3.5 顏色

單擊【顏色】按鈕，即可出現(xiàn)下拉菜單，選擇“自動(dòng)”將顯示圖片原先的顏色;選擇“灰度”將彩色圖片變?yōu)榛疑?選擇“黑白”將彩色圖片轉(zhuǎn)換為轉(zhuǎn)換為黑白圖片;選擇“沖蝕”可以使圖片顯現(xiàn)出一種朦朧的色彩。

3.6 突出效果

單擊圖片工具欄的【凹凸效果】按鈕，可以為圖片加上一個(gè)傾斜的邊緣，產(chǎn)生一種圖像從平面上突起的感覺(jué)。

3.7 采樣與還原

在改變圖像的大小以后，圖像的顯示效果將發(fā)生變化，單擊圖片工具欄的【重新取樣】按鈕，可以在一定程度上改善圖像的顯示效果。

單擊圖片工具欄的【還原】按鈕，用戶(hù)可以使一切圖片特殊效果編輯失效，回到最初狀態(tài)。

3.8 調(diào)整圖像大小

當(dāng)圖像插入到網(wǎng)頁(yè)之后，它的顯示尺寸就是圖像的真實(shí)尺寸。FrontPage2003能夠精確地控制圖像在網(wǎng)頁(yè)內(nèi)的顯示尺寸，在大多數(shù)情況下，可用【像素】作為圖像顯示尺寸的單位，如果需要控制圖像與瀏覽器窗口的比例關(guān)系，則可用【百分比】來(lái)定義圖像的顯示尺寸。

定義圖像顯示尺寸的步驟如下:

1)鼠標(biāo)左擊要編輯的圖片，在隨后彈出菜單中選擇【圖片屬性】命令，在彈出的對(duì)話框中選擇【外觀】選項(xiàng)卡。

2)在【大小】框中選擇【指定大小】選框，就可以指定圖片的大小了。

3)單擊【確定】按鈕。

在調(diào)整完圖片的顯示尺寸后，圖像的真實(shí)尺寸、圖像文件的大小都沒(méi)有變化，但圖像的顯示效果可能有所下降，此時(shí)可以單擊可以單擊圖片工具欄的【重新取樣】按鈕，這樣不僅可以改善圖像的顯示效果，而且可以將顯示尺寸定義為圖像的真實(shí)尺寸。

3.9 設(shè)置對(duì)齊方式

將圖像插入網(wǎng)頁(yè)內(nèi)，它的詢(xún)問(wèn)自動(dòng)與文本對(duì)齊。我們可以自己定義圖像相對(duì)于文本的對(duì)齊位置。有左對(duì)齊、右對(duì)齊、頂部、中間等。

設(shè)置方法如下:

1)鼠標(biāo)右擊要編輯的圖片，在隨后彈出的菜單中選擇【圖片屬性】命令，在彈出的對(duì)話框中選擇【外觀】選項(xiàng)卡。

2)在【布局】框中單擊【對(duì)齊方式】下拉菜單，就可以選擇對(duì)齊方式了。

3)單擊【確定】按鈕。

3.10 使用折疊文本

在網(wǎng)頁(yè)內(nèi)插入圖像之后，圖像周?chē)奈谋緦⒆詣?dòng)折疊，折疊的文本行數(shù)是由圖像的高度所決定的。FrontPage2003能夠在折疊行中插入分隔符，控制折疊文本的數(shù)量。

設(shè)置折疊文本的步驟:

1)在行分隔符出現(xiàn)的位置設(shè)置插入點(diǎn)。

2)打開(kāi)【插入】菜單，執(zhí)行其中的【換行符(B)…】命令，打開(kāi)如圖9—30所示的對(duì)話框。

3)在Frontpage2003提供的4種分隔屬性中選擇一個(gè)。

【普通換行符】:在插入點(diǎn)處插入空行。

【清除右邊距】:將使插入點(diǎn)后面的文本移支至圖像下左邊界處。

【清除左邊距】:將使插入點(diǎn)后面的文本移動(dòng)至圖像下右邊界處。

【清除左右邊距】:將使插入點(diǎn)后面的文移動(dòng)到圖像的左、右邊界處。

4)單擊【確定】按鈕。

3.11 設(shè)定間隔距離

當(dāng)網(wǎng)面內(nèi)插入圖像之后，圖像與文本之間的距離是由Frontpage2003的默認(rèn)值決定的，在水平與垂直兩個(gè)方向上的間距都是0，如果需要改變這種黑認(rèn)設(shè)置，可以調(diào)整圖像與文本之間的間距。

調(diào)整步驟如下:

1)鼠標(biāo)右擊要編輯的圖片，在隨后彈出的菜單中選擇【圖片屬性】命令，在彈出的對(duì)話框中選擇【外觀】選項(xiàng)卡。

2)在【水平間距】數(shù)字框內(nèi)輸入數(shù)值，決定圖像與周?chē)谋疽韵袼貫閱挝坏乃介g距。

3)在【垂直間距】數(shù)字框內(nèi)輸入數(shù)值，決定圖像與周?chē)谋疽韵袼貫閱挝坏拇怪遍g距。

4)單擊【確定】按鈕。

3.12 設(shè)置透明背景

在網(wǎng)頁(yè)內(nèi)插入圖像之后，由于圖像與網(wǎng)頁(yè)背景的不同，使圖像看起來(lái)像網(wǎng)頁(yè)上的補(bǔ)丁。通過(guò)將圖像的背景設(shè)置為透明之后，這樣網(wǎng)頁(yè)的背景就成為可見(jiàn)的了，使整個(gè)圖像與網(wǎng)頁(yè)融為一體。

設(shè)置透明背景的步驟如下:

1)將圖像插入到網(wǎng)頁(yè)內(nèi)。

2)選定要編輯的圖像。它周?chē)鷮⒊霈F(xiàn)8個(gè)黑色的標(biāo)記。

3)單擊圖片工具欄的【設(shè)置透明色】按鈕。

4)在用戶(hù)想設(shè)置為透明的色彩上單擊鼠標(biāo)左鍵。

參考文獻(xiàn):

[1] 王超鋒.網(wǎng)頁(yè)制作[M].北京:人民郵電出版社，2001.

[2] 喬春源.信息技術(shù)[M].南京:江蘇科學(xué)技術(shù)出版社，2001.

[3] 李明.計(jì)算機(jī)初級(jí)運(yùn)用教程[M].重慶:西南師范大學(xué)出版社，2001.

[4] 樊秋紅.談圖像處理[J].現(xiàn)代企業(yè)教育，2007(1).