萬盛學電腦網

 萬盛學電腦網 >> 媒體工具 >> FrontPage2003中網頁布局功能的應用

FrontPage2003中網頁布局功能的應用

   很多朋友對FrontPage2003中增加的網頁布局功能很感興趣,現在我們一起來深入了解這一實用功能。

  用FrontPage2003的“布局表格和單元格”功能布局網頁時,需要通過兩部分來完成。

  首先通過“布局表格”功能來為網頁布局創建一個框架,然後通過“布局單元格”功能為該框架填充包含有網頁內容(包括文本、圖像、Web部件和其他元素)的區域,也就是單元格。

  下面我們就以設置一個單位網站首頁為例來了解一下用布局表格給網頁布局的過程。

  一、創建布局表格

  1.創建布局表格

  打開一個空白網頁,並切換到“設計”視圖下,單擊“表格”菜單中的“布局表格和單元格”命令,隨後在右側彈出一個任務窗口(圖1),在該任務窗口下面程序提供了多種表格布局模板,在此單擊其中需要的模板即可將該模板添加到網頁中。

FrontPage2003中網頁布局功能的應用 三聯

  2.繪制布局表格

  如果你對模板中提供的布局表格不太滿意,還可以用手工繪制的方法創建一個布局表格。創建時首先在“新建表格和單元格”項中單擊“繪制布局表格”,隨後將指針移到操作窗口最左端,然後拖動鼠標即可繪制表格。

  3.設置表格屬性

  插入表格後,還需對表格屬性進行設置。在“表格屬性”項中設置該表格所需的屬性。

  提示:在設置表格時,如果要想覆蓋網頁的默認邊距,並讓布局表格跨到文檔窗口的邊緣,可以將表格中的各個邊距的屬性都設置為0。

  在設計框架時經常需要調整某一行或列的屬性,這時可以通過表格中列寬和行高的標簽來完成。在操作窗口中單擊布局表格需要調整的邊框,每一側都會出現顯示列寬和行高的標簽。每個標簽都包括一個下拉箭頭,如更改行高度時,單擊此下拉箭頭彈出一個下拉菜單,選擇“更改行高”命令,在彈出的“行屬性”對話框中重新輸入該行高度值即可。

  FrontPage2003還提供了一個表格自動功能,它可以按照比例自動伸縮,調整表格的寬度和高度,使用時在邊距標簽下拉菜單中選擇“自動伸縮”命令即可快速地對表格的尺寸進行調整,非常方便。

  很多朋友對FrontPage2003中增加的網頁布局功能很感興趣,現在我們一起來深入了解這一實用功能。

  用FrontPage2003的“布局表格和單元格”功能布局網頁時,需要通過兩部分來完成。

  首先通過“布局表格”功能來為網頁布局創建一個框架,然後通過“布局單元格”功能為該框架填充包含有網頁內容(包括文本、圖像、Web部件和其他元素)的區域,也就是單元格。

  下面我們就以設置一個單位網站首頁為例來了解一下用布局表格給網頁布局的過程。

  一、創建布局表格

  1.創建布局表格

  打開一個空白網頁,並切換到“設計”視圖下,單擊“表格”菜單中的“布局表格和單元格”命令,隨後在右側彈出一個任務窗口(圖1),在該任務窗口下面程序提供了多種表格布局模板,在此單擊其中需要的模板即可將該模板添加到網頁中。

FrontPage2003中網頁布局功能的應用

  2.繪制布局表格

  如果你對模板中提供的布局表格不太滿意,還可以用手工繪制的方法創建一個布局表格。創建時首先在“新建表格和單元格”項中單擊“繪制布局表格”,隨後將指針移到操作窗口最左端,然後拖動鼠標即可繪制表格。

  3.設置表格屬性

  插入表格後,還需對表格屬性進行設置。在“表格屬性”項中設置該表格所需的屬性。

  提示:在設置表格時,如果要想覆蓋網頁的默認邊距,並讓布局表格跨到文檔窗口的邊緣,可以將表格中的各個邊距的屬性都設置為0。

  在設計框架時經常需要調整某一行或列的屬性,這時可以通過表格中列寬和行高的標簽來完成。在操作窗口中單擊布局表格需要調整的邊框,每一側都會出現顯示列寬和行高的標簽。每個標簽都包括一個下拉箭頭,如更改行高度時,單擊此下拉箭頭彈出一個下拉菜單,選擇“更改行高”命令,在彈出的“行屬性”對話框中重新輸入該行高度值即可。

  FrontPage2003還提供了一個表格自動功能,它可以按照比例自動伸縮,調整表格的寬度和高度,使用時在邊距標簽下拉菜單中選擇“自動伸縮”命令即可快速地對表格的尺寸進行調整,非常方便。

copyright © 萬盛學電腦網 all rights reserved