1、第8章 用FrontPage2019制作網頁第8章 用FrontPage2019制作網頁知識點和技能點 知識點解FrontPage2019的7種視圖方式了解網頁中的圖片格式理解“導航”、“層”、共享邊框、框架的基本作用技能點 掌握HTML語言的深入使用掌握外部資源的導入方法 熟練創建與保存網站熟練設置網頁的屬性熟練各種鏈接的建立 知識點和技能點 知識點重點和難點 網站的創建與保存網頁中文字的排版網頁中圖片的插入與定位表格的使用重點和難點 網站的創建與保存8.1.1 幾種視圖方式使用不同的視圖方式可以從不同的方面查看設計的Web站點，隨著站點的成長，維護站點的工作量會越來越大，但有這七種視圖的幫

2、助，維護起來就很方便了。8.1.1 幾種視圖方式使用不同的視圖方式可以從不同的方面查8.1.2網頁視圖的顯示方式網頁視圖中提供了4種顯示方式，在工作區的左下角有三個切換顯示模式。8.1.2網頁視圖的顯示方式網頁視圖中提供了4種顯示方式，在8.2.1 新建網站啟動FrontPage 2019時，系統默認是在當前工作盤、當前文件夾上創建一個空白站點?？瞻渍军c是指站點存在，而站點中沒有一個網頁，用戶可在里面添加網頁。 操作示例演示：8.2.1 新建網站啟動FrontPage 2019時，系統8.2.2 保存網站在FrontPage中，沒有保存網站這個命令，它與保存網頁使用的是同一個命令。所不同的是，

3、最初的命令如果是“新建”或“打開”網站，那么保存的就是網站，如果當初命令是建立網頁，則保存的就是網頁。但保存網站與保存網站與保存網頁有著很大的區別。 8.2.2 保存網站在FrontPage中，沒有保存網站這個8.2.3 新建網頁創建頁面最簡單的方法就是單擊FrontPage“常用”工具欄的“新建”按鈕。它的右方有一個向下的小箭頭，它是用來選擇要新建什么，可以用“新建”按鈕新建網頁、站點、文件夾和任務。默認狀態下是新建網頁。 8.2.3 新建網頁創建頁面最簡單的方法就是單擊FrontP8.2.4 保存網頁用戶在保存網站中的網頁文件的時候，要注意將網頁文件保存到同一個網站目錄下（最好是默認目錄）

4、。如果分散保存網頁文件，很可能會造成網頁文件的丟失，影響網站的正常運轉。 8.2.4 保存網頁用戶在保存網站中的網頁文件的時候，要注意8.3.1 創建文件夾創建文件夾的操作步驟 操作示例演示：8.3.1 創建文件夾創建文件夾的操作步驟 8.4 網頁中的文字排版 FrontPage2019可以通過設置字體、字號、段落、列表、背景的操作來實現 .操作示例演示：8.4 網頁中的文字排版 FrontPage2019可以通過8.5 在網頁中使用圖像 圖像在FrontPage2019中分為圖片和動態視頻兩類，應用較多的是圖片。通過適當的放置可以起到美化網頁，吸引瀏覽者的作用，利用FrontPage 201

5、9可以方便地在網頁中插入圖像,還可以設置圖像，還可以設置圖像，還可以設置圖像邊框、大小和位置，并且可以直接對圖像進行編輯。8.5 在網頁中使用圖像 圖像在FrontPage2019中8.6 圖片的定位 位置的定位是指將圖片準確地放在網頁的某一位置或是兩個或兩個以上的圖片在指定的位置上顯示不同的先后順序，也可以理解成相互遮擋的順序 在網頁中插入兩張圖片，單擊其中一幅圖片，單擊圖片工具欄中的“絕對”圖標。 此時光標會變成十字形指針，按下鼠標左鍵，拖動圖片到合適位置，在空白處單擊鼠標，即可完成操作。8.6 圖片的定位 位置的定位是指將圖片準確地放在網頁的某一8.7圖片相關操作 插入文件中的圖片 ：在

6、光標所在處插入一幅來自外部文件的圖片。 文本 ：單擊后，FrontPage會檢查所選圖片是否為GIF格式，如果不是，會將圖片格式轉換為GIF格式。 自動縮略圖 ：可將所選中的圖片轉換成縮略圖，并在縮略圖中定義一個超鏈接，將其連到原始圖片。 絕對位置 ：用于設置所選圖片在當前層的絕對位置。 下移一層 ：將所選中的圖片向下移一層。 上移一層 ：將所選中的圖片向上移一層。8.7圖片相關操作 插入文件中的圖片 ：在光標所在處插入一8.7圖片相關操作 向左旋轉 ：將圖片向左旋轉90度。 向右旋轉 ：將圖片向右旋轉90度。 水平翻轉 ：將圖片按垂直線翻轉180度。 垂直翻轉 ：將圖片按水平線翻轉180度。

7、 加大對比度 ：增加圖片與背景的對比度。 降低對比度 ：降低圖片與背景的對比度。 增加亮度 ：增加圖片的亮度。 減低亮度： 減低圖片的亮度。8.7圖片相關操作 向左旋轉 ：將圖片向左旋轉90度。8.7圖片相關操作 剪裁 ：對圖片進行剪裁。 設置透明的顏色 ：單擊后，FrontPage會自動檢查圖片是否為GIF格式，如果不是，會提示用戶并自動轉換格式，然后用光標單擊圖片，與被擊中的點的顏色相同的其它區域會變透明，也就是與背景的顏色相同。 黑白模式 ：將圖片轉換為黑白圖片。 沖蝕 ：將圖片轉換成沖蝕效果。 凹凸效果 ：使圖片邊界凹凸化。 重新取樣 ：當圖片過大或過小時，需要對圖片重新進行調整之后再

8、對圖片重新樣。 選擇 ：用于選擇圖片。 長方形熱點 ：用于定義長方形熱點。 圓形熱點 ：用于定義圓形熱點。 多邊形熱點 ：用于定義多邊形熱點。 突出顯示熱點 ：用于在圖片中突出顯示熱點。 還原 ：取消以前的操作。 圖片映射：指在一幅圖片上由不同的區域來表示不同的超鏈接。8.7圖片相關操作 剪裁 ：對圖片進行剪裁。8.6.1 建立文字超鏈接選中“明星風采”，單擊鼠標右鍵，在彈出的快捷菜單中選擇“超鏈接”菜單項 。選擇 “超鏈接”，彈出一個“創建超鏈接”的對話框。在“創建超鏈接”對話框中的“URL”文本框中，輸入所需要鏈接的網頁 。 8.6.1 建立文字超鏈接選中“明星風采”，單擊鼠標右鍵，在8.

9、6.2 建立熱點在我們單擊每個圖片的文字的時候，就會鏈接到相應文字的圖片上，這種情況稱為圖片映射，通常稱之為熱點。圖片映射分為兩種： 在圖片上加入一些文字，然后再分別將文字定義成超鏈接，也稱文字熱點。 將圖片劃分成幾個區域，再分別將各個區域定義成超鏈接。這種超鏈接區域就是熱點，也稱幾何區域熱點。 8.6.2 建立熱點在我們單擊每個圖片的文字的時候，就會鏈接8.7.1 網頁屬性的定義當網頁制作好后，我們可將其分組，這些操作屬于網頁屬性的定義 8.7.1 網頁屬性的定義當網頁制作好后，我們可將其分組，這8.7.2 定義超鏈接的顏色超鏈接的顏色設置是在“網頁屬性”對話框中。 網頁屬性對話框 8.7.

10、2 定義超鏈接的顏色超鏈接的顏色設置是在“網頁屬性”8.8.1 查看站點文件通過“文件夾列表”欄和主編輯窗口中的文件夾和文件，實現文件夾和文件的新建，重命名，復制，移動及刪除等操作。 文件夾列表 8.8.1 查看站點文件通過“文件夾列表”欄和主編輯窗口中的8.10 表格的使用在FrontPage的諸多功能中，制表功能也是一個很重要的方面。我們不僅利用表格顯示一些有規律的數據，而且還經常使用放入文本和圖形，達到對網頁進行布局的目的。 操作示例演示：8.10 表格的使用在FrontPage的諸多功能中，制表功8.11 使用框架布告欄可以把一個版面分成幾個部分，在每個部分可以張貼不同的內容。這種“布

11、告欄”叫做框架。它可以把瀏覽窗口分為幾個區域，每個部分可以顯示不同的網頁。 用框架制作網頁 8.11 使用框架布告欄可以把一個版面分成幾個部分，在每個部8.12使用表單表單主要是由下拉列表，單行文本框、滾動文本框、單選按鈕、復選框、隱藏域、按鈕等元素組成 。下拉列表 文本框 隱藏域 按鈕 8.12使用表單表單主要是由下拉列表，單行文本框、滾動文本框總結FrontPage2019的視圖方式有網頁視圖、文件夾視圖、導航視圖、遠程視圖、報表視圖、超鏈接視圖、任務視圖等7種視圖方式。創建新站點有利用菜單命令、向導和模板等兩種方式。Web站點創建之后，要對站點進行管理和修改。FrontPage2019可

12、以通過設置字體、字號、段落、列表、背景的操作來實現對網頁中文字的修飾。FrontPage2019制作網頁時會將圖片擴展名不是GIF和JPEG的圖形文件做格式轉換。因為這兩種圖形格式不僅應用廣泛，而且有利于節省存貯空間?？偨YFrontPage2019的視圖方式有網頁視圖、文件夾視總結在FrontPage2019中建立超鏈接分為建立文字超鏈接，鏈接到本地文件夾，鏈接到電子郵件，鏈接到圖片，建立熱點等方式網頁屬性的設置包括網頁屬性的定義，超鏈接的顏色，網頁中主題的使用等。表格的使用包括表格的創建，單元格的控制，行列操作，表格和文本之間的相互轉換等。創建框架網頁，其實就是劃分窗口區域。表單主要是由下拉列表，單行文本框、滾動文本框、單選按鈕、復選框、隱藏域、按鈕等元素組成。總結在FrontPage2019中建立超鏈接分為建立文字超鏈習題1. 如何將本地計算機中的一幅圖像插入到網頁中？2調整圖片大小的方法有哪些？3在網頁中使用圖片應注意哪些問題？4網頁中的常用的圖片格式由那些？5在網頁中能否實現圖文混排，如有應如何實現？6什么叫絕對定位，什么叫相對定位？7如何將圖片設置為網頁背景？習題1. 如何將本地計算機中的一幅圖像插入到網頁中？習題試述圖片位置坐標和層順序的概念和設置方法。在網頁中插入