【文章內(nèi)容簡介】 動光標至插入圖像的位置； （ 2） 單擊 “ 插入 ” 菜單的 “ 圖片 ” 命令 ， 在子菜單中選擇 “ 來自文件 ” ， 彈出 “ 圖片 ” 對話框； （ 3） 利用 “ 圖片 ” 對話框選取需要插入的圖片文件 ， 單擊 “ 插入 ” 按鈕 ， 即可將圖片插入網(wǎng)頁中 。 3） 設(shè)置圖片屬性 在 “ 圖片屬性 ” 對話框的 “ 外觀 ” 選項卡中 ，可以設(shè)置圖片的環(huán)繞方式 、 布局 、 大小等 。 插入圖片 目 錄 上一頁 下一頁 結(jié) 束 2022/8/23 45 4） 編輯圖片 可以使用 “ 視圖 ” 菜單的 “ 工具欄 ” 命令中的“ 圖片 ” 子命令 ， 使 “ 圖片 ” 工具欄顯示在屏幕上 。 利用圖片工具欄 ， 可以對圖片的亮度 、對比度進行調(diào)整 ， 可以旋轉(zhuǎn) 、 翻轉(zhuǎn)圖片 ， 對圖片進行剪裁 ， 設(shè)置透明顏色等操作 。 5） 保存圖片 插入圖片后保存網(wǎng)頁 ， 如果圖片不在網(wǎng)站文件夾中 ， 將出現(xiàn) “ 保存嵌入式文件 ” 對話框 。 如果圖片在網(wǎng)站文件夾中 ， 就不會出現(xiàn)此對話框 。 返 回 插入圖片 目 錄 上一頁 下一頁 結(jié) 束 2022/8/23 46 3. 插入字幕 在制作網(wǎng)頁時 ， 可以將網(wǎng)頁中的文字做成由左至右 ， 或由右至左移動的動態(tài)效果 ， 使網(wǎng)頁更加形象生動 。 具體操作步驟如下： （ 1） 將插入點設(shè)置在要插入移動字幕的位置或者選中作為移動字幕的文本 ， 單擊 “ 插入 ” 菜單的“ Web組件 ” 命令 ， 彈出 “ 插入 Web組件 ” 對話框 ，在對話框的 “ 組件類型 ” 列表框中選擇 “ 動態(tài)效果 ” ，在 “ 選擇一種效果 ” 列表中選擇 “ 字幕 ” ， 單擊 “ 完成 ” 按鈕 ， “ 字幕屬性 ” 對話框 。 目 錄 上一頁 下一頁 結(jié) 束 2022/8/23 47 （ 2） 如果已經(jīng)選擇了作為移動字幕的文本 ， 此文本就會出現(xiàn)在 “ 文本 ” 框中 ， 如果沒有選擇文本 ， 可在 “ 文本 ” 框中輸入作為移動字幕的文本 。 “ 字幕屬性 ” 對話框如下圖所示： 插入字幕 2 目 錄 上一頁 下一頁 結(jié) 束 2022/8/23 48 （ 3） “ 方向 ” 區(qū)域用于指定文本的移動方向 。“ 速度 ” 區(qū)域用于指定文字的滾動速度 ， “ 延遲 ” 框中的數(shù)值表示字幕滾動一步的時間間隔是多少毫秒 ， “ 數(shù)量 ” 框中的數(shù)值表示字幕滾動一步的距離是多少像素 。 “ 表現(xiàn)方式 ” 區(qū)域用于指定文字的表現(xiàn)方式 。 選中 “ 重復(fù) ” 區(qū)域的 “ 連續(xù) ” 復(fù)選框 ， 移動字幕將連續(xù)滾動；若要設(shè)置字幕滾動有限次數(shù) ， 可以取消選中 “ 連續(xù) ” 復(fù)選框并輸入字幕重復(fù)的次數(shù) 。 （ 4） 單擊 “ 確定 ” 按鈕 ， 即可插入字幕 。 返 回 插入字幕 3 目 錄 上一頁 下一頁 結(jié) 束 2022/8/23 49 4. 插入交互式按鈕 交互式按鈕是一個動態(tài)按鈕 ， 當(dāng)用戶將鼠標指向交互式按鈕時 ， 交互式按鈕會改變顏色或形狀 。 默認情況下 ， 交互式按鈕是一個帶有彩色方框的文字按鈕 ， 也可以應(yīng)用圖片創(chuàng)建交互式按鈕 。 （ 1） 將插入點設(shè)置在要插入交互式按鈕的位置 ， 單擊 “ 插入 ” 菜單的 “ Web組件 ” 命令 ， 打開 “ 插入 Web組件 ” 對話框 ， 在對話框的 “ 組件類型 ” 列表框中選擇 “ 動態(tài)效果 ” ， 在 “ 選擇一種效果 ” 列表中選擇 “ 交互式按鈕 ” ， 單擊 “ 完成 ” 按鈕 ， 打開對話框 。 目 錄 上一頁 下一頁 結(jié) 束 2022/8/23 50 （ 2） 設(shè)置 ?按鈕 ?字體 ?圖像 （ 3） 單擊 “ 確定 ” 按鈕 ， 即可插入交互式按鈕 。 返 回 插入交互式按鈕 23 目 錄 上一頁 下一頁 結(jié) 束 2022/8/23 51 創(chuàng)建超鏈接 Web網(wǎng)頁的強大之處就在于其超鏈接 ，使用超鏈接能夠?qū)?Inter中的信息有機地組織起來 ， 使人們在豐富多彩的 WWW世界輕松地漫游 。 在瀏覽器中 ， 超鏈接通常表現(xiàn)為與普通文本或圖片不同的特點 。 將鼠標移到一個超鏈接上方時 ， 鼠標指針會變成手形 。同時 ， 與這個超鏈接相對應(yīng)的 URL會在窗口底部的狀態(tài)欄顯示出來 。 目 錄 上一頁 下一頁 結(jié) 束 2022/8/23 52 創(chuàng)建超鏈接 1. 創(chuàng)建文本超鏈接 2. 創(chuàng)建圖片超鏈接 3. 使用書簽超鏈接 4. 創(chuàng)建電子郵件超鏈接 5. 創(chuàng)建下載文件超鏈接 返 回 目 錄 上一頁 下一頁 結(jié) 束 2022/8/23 53 1. 創(chuàng)建文本超鏈接 文本超鏈接是指在文本上定義的超鏈接 ， 單擊文本超鏈接 ， 會自動跳轉(zhuǎn)到指向的鏈接目標 。 創(chuàng)建文本超鏈接的具體操作步驟如下： （ 1） 選定要定義超鏈接的文本 ， 右鍵選擇選擇 “ 超鏈接 ” 命令 ， 或單擊 “ 常用 ” 工具欄上的 “ 超鏈接 ” 按鈕 ， 打開 “ 插入超鏈接 ” 對話框 ， 如下圖所示； 目 錄 上一頁 下一頁 結(jié) 束 2022/8/23 54 （ 2） 在 “ 插入超鏈接 ” 對話框中選擇要鏈接的目標網(wǎng)頁 ， 單擊 “ 確定 ” 按鈕 ， 插入超鏈接 ， 可以看到所選定的文本變?yōu)樗{色 ， 并且?guī)в邢聞澗€ ， 說明選定的文本已經(jīng)被設(shè)置為超鏈接文本 。 保存網(wǎng)頁 ， 在瀏覽器中預(yù)覽效果 ， 當(dāng)鼠標移至鏈接文字時 ， 鼠標指針變成手形 ， 此時單擊鼠標就跳轉(zhuǎn)到目標網(wǎng)頁 。 創(chuàng)建文本超鏈接 目 錄 上一頁 下一頁 結(jié) 束 2022/8/23 55 圖片超鏈接是指在圖片上創(chuàng)建的超鏈接 ， 圖片超鏈接比文本超鏈接顯得更加生動活潑 ， 單擊圖片超鏈接 ， 會自動跳轉(zhuǎn)到指向的鏈接目標 。 可以將整個圖片設(shè)置為超鏈接 ， 也可以為圖片分配一個或多個熱點 。 熱點是圖片上的超鏈接區(qū)域 ，包含熱點的圖片稱為圖像映射 ， 用戶單擊熱點區(qū)域可以轉(zhuǎn)到相應(yīng)的鏈接目標 。 2. 創(chuàng)建圖片超鏈接 目 錄 上一頁 下一頁 結(jié) 束 2022/8/23 56 （ 1） 選定要定義超鏈接的圖片 ， 從 “ 插入 ”菜單中選擇 “ 超鏈接 ” 命令 ， 或單擊 “ 常用 ” 工具欄上的 “ 超鏈接 ” 按鈕 ， 打開 “ 插入超鏈接 ”對話框； （ 2） 在對話框中選擇要鏈接的目標網(wǎng)頁 ， 單擊 “ 確定 ” 按鈕 ， 即可插入超鏈接 。 保存網(wǎng)頁 ， 在瀏覽器中預(yù)覽效果 ， 當(dāng)鼠標移至鏈接圖片時 ， 鼠標指針變成手形 ， 此時單擊鼠標就跳轉(zhuǎn)到目標網(wǎng)頁 。 1）創(chuàng)建圖片超鏈接 目 錄 上一頁 下一頁 結(jié) 束 2022/8/23 57 熱點可以是圖片上具有某種形狀的一塊區(qū)域或文本 ， 當(dāng)用戶單擊該區(qū)域或文本時 ， 超鏈接目標會顯示在 Web瀏覽器中 。 在 FrontPage 2022中 ，熱點的形狀可以是長方形 、 圓形或多邊形 。 例如我們通過山東省地圖瀏覽山東省各城市的民俗風(fēng)情 ， 當(dāng)鼠標移至地圖上的各個城市時 ， 鼠標指針變?yōu)槭中?， 單擊后打開描述該城市民俗風(fēng)情的頁面 。 2）為圖片添加熱點 目 錄 上一頁 下一頁 結(jié) 束 2022/8/23 58 為圖片添加熱點，具體操作步驟如下： （ 1） 選擇需要添加熱點的圖片 。 （ 2） 在 “ 圖片 ” 工具欄中 ， 單擊長方形 、 圓形或多邊形熱點按鈕匹配需要的形狀 。 （ 3） 在圖片上 ， 采用鼠標拖動操作畫出所選形狀 。 畫多邊形時 ， 可單擊多邊形的第一個角 ， 然后依次單擊多邊形其他角的位置 ， 最后雙擊完成多邊形 。 （ 4） 釋放鼠標 ， 彈出 “ 插入超鏈接 ” 對話框 ，按照插入超鏈接中所講方法創(chuàng)建超鏈接即可 。 目 錄 上一頁 下一頁 結(jié) 束 2022/8/23 59 為圖片添加熱點 重復(fù)步驟 （ 2） 、 （ 3） 、 （ 4） ， 在圖片上依次創(chuàng)建超鏈接到其他網(wǎng)頁 。 當(dāng)鼠標移動到熱點區(qū)域時 ， 光標變?yōu)槭中?， 如下圖所示 。 單擊鼠標 ， 超鏈接的目標網(wǎng)頁就會顯示在 Web瀏覽器窗口中 。 返 回 目 錄 上一頁 下一頁 結(jié) 束 2022/8/23 60 3. 使用書簽超鏈接 對于網(wǎng)頁的超鏈接 ， 往往使用戶跳轉(zhuǎn)到目標網(wǎng)頁的頂端 ， 應(yīng)用書簽?zāi)軌蚋鼑栏竦乜刂朴脩舻竭_網(wǎng)頁內(nèi)的某個具體位置 。 書簽是網(wǎng)頁中被標記的位置或被標記的文本 。 單擊書簽超鏈接 ， 將直接跳轉(zhuǎn)到該書簽所在的位置 。 1） 插入書簽 （ 1）選中作為書簽的文本，或?qū)⒐鈽硕ㄎ辉谝迦霑灥奈恢谩? （ 2）選擇“插入”菜單的“書簽”命令，彈出“書簽”對話框，如右圖所示，所選文本自動出現(xiàn)在“書簽名稱”框中。 （ 3）單擊“確定”按鈕，插入書簽，可以看到所選文本下方出現(xiàn)虛線。 目 錄 上一頁 下一頁 結(jié) 束 2022/8/23 61 2）創(chuàng)建書簽超鏈接 （ 1）選定要定義超鏈接的文本或圖片； （ 2）從“插入”菜單中選擇“超鏈接”命令，彈出“插入超鏈接”對話框，如下圖所示，在對話框的“鏈接到”欄單擊“本文檔中的位置”，選擇要鏈接的書簽； （ 3）單擊“確定”按鈕，插入書簽超鏈接。 保存網(wǎng)頁，在瀏覽器中預(yù)覽效果，單擊頁面中的書簽超鏈接，頁面會跳轉(zhuǎn)到書簽的位置。 目 錄 上一頁 下一頁 結(jié) 束 2022/8/23 62 4. 創(chuàng)建電子郵件超鏈接 電子郵件超鏈接為用戶發(fā)送電子郵件提供了極大的方便 ， 單擊電子郵件超鏈接后 ， 允許用戶書寫電子郵件內(nèi)容 ， 并發(fā)往指定的地址 。 具體操作步驟如下： （ 1） 選擇作為電子郵件超鏈接的文本或圖片； （ 2） 從 “ 插入 ” 菜單中選擇 “ 超鏈接 ” 命令 ， 彈出“ 插入超鏈接 ” 對話框； （ 3） 在對話框的 “ 鏈接到 ” 欄單擊 “ 電子郵件地址 ” ， 在 “ 電子郵件地址 ” 框中輸入所需電子郵件地址 ， 還可以在 “ 主題 ” 框中鍵入電子郵件的主題； （ 4） 單擊 “ 確定 ” 按鈕 ， 完成電子郵件超鏈接的創(chuàng)建 。 返 回 目 錄 上一頁 下一頁 結(jié) 束 2022/8/23 63 5. 創(chuàng)建下載文件超鏈接 如果要在網(wǎng)站中提供資料下載功能 ， 就需要創(chuàng)建下載鏈接 ，網(wǎng)站中每個用于下載的文件要對應(yīng)一個下載鏈接 。 具體操作步驟如下： （ 1） 選擇作為文件超鏈接的文本或圖片； （ 2） 從 “ 插入 ” 菜單中選擇 “ 超鏈接 ” 命令 ， 彈出 “ 插入超鏈接 ” 對話 框 ， 在對話框中選擇要下載的文件； （ 3） 單擊 “ 確定 ” 按鈕 ， 完成文件超鏈接的創(chuàng)建 。 保存網(wǎng)頁 ， 在瀏覽器中預(yù)覽效果 ， 單擊創(chuàng)建的文件超鏈接時 ， 彈出 “ 文件下載 ” 對話框 ， 如下