【文章內(nèi)容簡介】 如“ 直線 ” 、 “ 圓 ” 等或者在 “ 自選圖形庫 ” 中選擇需要的各種圖形 ， 以進行各種簡單圖形的繪制 。 第 5章 圖像和多媒體 圖 520 在網(wǎng)頁中繪制圖形 第 5章 圖像和多媒體 設(shè)置網(wǎng)頁背景 上面介紹了在網(wǎng)頁中插入圖像的方法 。 通常以這種方法插入的圖像是作為網(wǎng)頁的前景來使用的 。 在網(wǎng)頁中也可以使用背景 。 網(wǎng)頁背景有兩種形式：一種是使用背景顏色；另一種是使用背景圖片 。 下面分別介紹這兩種背景的設(shè)置方法 。 1. 設(shè)置網(wǎng)頁的背景顏色 (1) 在普通 “ 網(wǎng)頁 ” 中的任意位置上 ， 單擊鼠標(biāo)右鍵 ， 在彈出的快捷菜單中單擊 “ 網(wǎng)頁屬性 … ” 命令 ，打開 “ 網(wǎng)頁屬性 ” 對話框 ， 如圖 521所示 。 第 5章 圖像和多媒體 圖 521 設(shè)置網(wǎng)頁的背景顏色 第 5章 圖像和多媒體 (2) 在 “ 背景 ” 選項卡的 “ 顏色 ” 列表框中選擇所需的背景顏色 ， 然后單擊 “ 確定 ” 按鈕 。 這時 ， 被選擇的顏色就應(yīng)用到了當(dāng)前網(wǎng)頁中 。 第 5章 圖像和多媒體 2. 設(shè)置網(wǎng)頁的背景圖片 Microsoft FrontPage 2023可以使用任意格式的圖像文件作為網(wǎng)頁的背景圖片 。 設(shè)置網(wǎng)頁背景圖片的步驟如下 。 (1) 在普通 “ 網(wǎng)頁 ” 視圖中 ， 單擊 “ 格式 ” 菜單→ “ 背景 ” 命令 ， 或者在網(wǎng)頁上任意位置單擊鼠標(biāo)右鍵 ， 在快捷菜單中單擊 “ 網(wǎng)頁屬性 … ” 命令 ， 打開“ 網(wǎng)頁屬性 ” 對話框 ， 如圖 521所示 。 第 5章 圖像和多媒體 (2) 在 “ 網(wǎng)頁屬性 ” 對話框中 ， 單擊 “ 背景 ” 選項卡 。 (3) 在 “ 背景 ” 選項卡中 ， 選擇 “ 背景圖片 ” 復(fù)選框 。 (4) 單擊 “ 瀏覽 … ” 按鈕 ， 打開 “ 圖片 ” 對話框 ，如圖 522所示 。 第 5章 圖像和多媒體 圖 522 使用背景圖片 第 5章 圖像和多媒體 (5) 在 “ 圖片 ” 對話框中選擇背景需要的圖片 ， 然后單擊 “ 打開 ” 按鈕 。 這時 ， 背景中插入了圖片 ， 如圖 523所示 。 (6) 在 “ 背景 ” 選項卡中選擇 “ 水印 ” 復(fù)選框 ， 單擊 “ 確定 ” 按鈕即可 。 “ 水印 ” 復(fù)選框的作用是 ， 保持背景圖片不隨前景圖片及文本一起移動 。 第 5章 圖像和多媒體 圖 523 使用網(wǎng)頁背景 第 5章 圖像和多媒體 使用 FrontPage 2023的圖像工具 FrontPage 2023中提供了一個 “ 圖片 ” 工具欄 ， 專門用于在網(wǎng)頁中對圖像進行編輯 ， 如圖 524所示 。 圖 524 “圖片”工具欄 第 5章 圖像和多媒體 “ 圖片 ” 工具欄中各種工具的功能如下 。 插入文件中的圖片：在網(wǎng)頁中插入圖片 。 作用與使用 “ 插入 ” 菜單插入圖像一樣 。 文本：在圖像中加入文本 。 但是要插入文本的圖像必須是 GIF格式 。 如果不是 ， 則 FrontPage 2023會自動將其轉(zhuǎn)換為 GIF格式 。 自動縮略圖：為選中的圖像創(chuàng)建一個圖像的縮略圖 ， 并在縮略圖中建立一個鏈接到原始圖像的超鏈接 。 第 5章 圖像和多媒體 絕對定位：設(shè)置圖像在當(dāng)前層中的絕對位置 。 上移一層：將圖像上移一層 。 下移一層：將圖像下移一層 。 上移一層和下移一層 ， 都是用于在多個圖像中設(shè)置圖像之間的疊放關(guān)系 。 向左旋轉(zhuǎn)：將圖像向左旋轉(zhuǎn) 90?。 向右旋轉(zhuǎn)：將圖像向右旋轉(zhuǎn) 90?。 第 5章 圖像和多媒體 水平翻轉(zhuǎn)：將圖像沿垂直線對稱翻轉(zhuǎn) 。 垂直翻轉(zhuǎn)：將圖像沿水平線對稱翻轉(zhuǎn) 。 增加對比度：增加圖像前景和背景之間的對比度 。 降低對比度：減少圖像前景和背景之間的對比度 。 增加亮度：增加圖像的明亮度 。 降低亮度：降低圖像的明亮度 。 裁剪：對圖像進行裁剪 。 通過裁剪可以刪除圖像中不需要的部分 。 第 5章 圖像和多媒體 設(shè)置透明色：可以將圖像中的某種顏色設(shè)置為透明 。 然后無論該顏色出現(xiàn)何處 ， 背景都可以透過這個顏色顯示出來 。 在一個圖像中只能有一種顏色設(shè)為透明 ， 并且只有 GIF格式的圖像能設(shè)為透明色 。 顏色：在 “ 顏色 ” 按鈕下有 “ 黑白 ” 、 “ 灰度 ”和 “ 沖蝕 ” 3個選項 。 其中 “ 黑白 ” 和 “ 灰度 ” 選項可以將圖像轉(zhuǎn)換為黑白或灰度模式 ， “ 沖蝕 ” 選項的作用是降低圖像的對比度并提高其亮度 ， 常用于制作網(wǎng)頁的背景效果 。 第 5章 圖像和多媒體 凸凹效果：在圖像周圍制作具有凸起的 、 三維外觀的斜面 。 這個功能在制作圖形按鈕時非常有用 。 重新采樣：用于重新定義圖像的大小。可以在改變圖像大小的同時，改變圖像文件的大小。 第 5章 圖像和多媒體 熱點按鈕：熱點按鈕包括 “ 長方形 ” 、 “ 圓形 ” 、 “ 多邊形 ” 按鈕 ， 用于在圖像中定義熱點 ， 并且在熱點上定義超鏈接 。 突出顯示熱點：用于在圖像中突出顯示熱點 。 還原按鈕：取消對圖像的各種編輯 ， 還原源圖像 。 第 5章 圖像和多媒體 下面將結(jié)合實例介紹 “ 圖片 ” 工具欄中部分工具的使用方法 ， 其余工具將在以后相應(yīng)的章節(jié)中介紹 。 1. 使用 “ 設(shè)置透明色 ” 工具使圖像中的顏色變成透明 在網(wǎng)頁中插入圖像時 ， 經(jīng)常會遇到圖像的背景與網(wǎng)頁的背景不相同 ， 插入圖像與網(wǎng)頁背景之間格格不入 ，如圖 525中圖 a所示 。 第 5章 圖像和多媒體 圖 525 圖像的透明處理 第 5章 圖像和多媒體 要解決這個問題，可以使用“設(shè)置透明色”工具對插入圖像的背景進行透明處理，除去圖像的背景顏色，使圖像的前景與網(wǎng)頁的背景融為一體。 設(shè)置圖像透明色的步驟如下 。 (1) 在普通 “ 網(wǎng)頁 ” 視圖中 ， 單擊要設(shè)置為透明的圖像 。 (2) 單擊 “ 視圖 ” 菜單 → “ 工具欄 ” 命令 ， 再單擊“ 圖片 ” 命令 ， 打開 “ 圖片 ” 工具欄 。 (3) 在 “ 圖片 ” 工具欄上單擊 “ 設(shè)置透明色 ” 圖標(biāo) 。 第 5章 圖像和多媒體 注意，由于只有 GIF格式支持透明設(shè)置，如果所選圖像為其他格式， FrontPage會提示將文件轉(zhuǎn)換為 GIF格式，然后才對其進行處理。 (4) 在圖形中單擊要變?yōu)橥该鞯念伾?， 結(jié)果如圖 525中圖 b所示 。 注意 ， 如果 FrontPage 2023將圖形從其他文件格式轉(zhuǎn)換為 GIF格式 ， 那么圖形中顏色的數(shù)目將會減少 ， 并且圖形文件可能變得更大 。 第 5章 圖像和多媒體 2. 在 GIF圖像中添加文字 在 FrontPage 2023中 ， 可以使用 “ 圖片 ” 工具欄中的“ 文本 ” 工具在圖像中添加文字 。 這是一個很有用的功能 ， 特別是對于已經(jīng)插入網(wǎng)頁中的圖像添加文字非常方便 。 在圖像中加入文字的步驟如下 。 (1) 在普通 “ 網(wǎng)頁 ” 視圖中 ， 單擊需要添加文字的圖像 。 (2) 單擊 “ 視圖 ” 菜單 → “ 工具欄 ” 命令 ， 再單擊“ 圖片 ” 命令 ， 打開 “ 圖片 ” 工具欄 。 第 5章 圖像和多媒體 (3) 在 “ 圖片 ” 工具欄上單擊 “ 文本 ” 圖標(biāo) 。 (4) 這時將在選中的圖像中心打開一個文本框 ， 在文本框中鍵入需要出現(xiàn)在圖像中的文字 。 (5) 利用文本框的控制柄把文字放置到圖像中的適當(dāng)位置 。 文字放置好了之后 ， 可以像在網(wǎng)頁中一樣對圖像中的文字設(shè)置 “ 字體 ” 屬性 、 “ 段落 ” 屬性等 。 一個在圖像中添加文字的例子如圖 526所示 。 第 5章 圖像和多媒體 圖 526 在圖像中插入文字 第 5章 圖像和多媒體 3. 創(chuàng)建自動縮略圖 當(dāng)網(wǎng)頁中包含大型的圖像時 ， 網(wǎng)頁的下載速度是比較緩慢的 。 因此在設(shè)計網(wǎng)頁時 ， 為大型圖像創(chuàng)建縮略圖是十分必要的 。 縮略圖是由大型圖像微縮而來的 ，因此它可以快速 、 準(zhǔn)確地顯示在瀏覽器中 。 FrontPage 2023在縮略圖與原始圖像之間建立了超鏈接 ， 單擊縮略圖就可以顯示原始圖像 。 第 5章 圖像和多媒體 創(chuàng)建縮略圖 ， 可以先設(shè)置它的屬性 ， 具體步驟如下 。 (1) 在 “ 網(wǎng)頁 ” 視圖中 ， 單擊需要創(chuàng)建縮略圖的圖像 。 (2) 單擊 “ 工具 ” 菜單 → “ 網(wǎng)頁選項 … ” 命令 ， 打開“ 網(wǎng)頁選項 ” 對話框 。 (3) 在 “ 網(wǎng)頁選項 ” 對話框中 ， 單擊 “ 自動縮略圖 ”選項卡 ， 如圖 527所示 。 第 5章 圖像和多媒體 圖 527 創(chuàng)建自動縮略圖 第