FrontPage2003中網頁布局功能的應用

來源:互聯網
上載者:User
frontpage|網頁   很多朋友對FrontPage2003中增加的網頁布局功能高度興趣,現在我們一起來深入瞭解這一實用功能。

  用FrontPage2003的“表格版面配置和儲存格”功能布局網頁時,需要通過兩部分來完成。

  首先通過“表格版面配置”功能來為網頁布局建立一個架構,然後通過“版面配置儲存格”功能為該架構填充包含有網頁內容(包括文本、映像、Web組件和其他元素)的地區,也就是儲存格。

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

   一、建立表格版面配置

  1.建立表格版面配置

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

  2.繪製表格版面配置

  如果你對模板中提供的表格版面配置不太滿意,還可以用手工繪製的方法建立一個表格版面配置。建立時首先在“建立表格和儲存格”項中單擊“繪製表格版面配置”,隨後將指標移到操作視窗最左端,然後拖動滑鼠即可繪製表格。

  3.設定表格屬性

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

  提示:在設定表格時,如果要想覆蓋網頁的預設邊距,並讓表格版面配置跨到文件視窗的邊緣,可以將表格中的各個邊距的屬性都設定為0。

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

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

  二、儲存格的添加和設定

  1.添加儲存格

  表格版面配置建立了網頁架構後,還要向表格中添加儲存格。添加時單擊“建立表格和儲存格”項下的“繪製版面配置儲存格”,隨後按照繪製表格的方式來繪製儲存格。如果我們需要繪製連續的儲存格時,單擊“繪製版面配置儲存格”後,按住Ctrl鍵同時拖動滑鼠即可。

  2.設定儲存格

  由於首頁中需要添加的連結和按鈕較多,因此該頁面中的儲存格比較複雜。為了美觀,在該頁面中還需要對儲存格進行相關的設定。

  (1)儲存格屬性設定

  在“儲存格屬性設定”任務視窗中單擊“儲存格屬性和邊框”命令,隨後可以對選中儲存格的高度、寬度、背景顏色、邊框、邊距等項進行相應的設定。設定方法與表格的設定相似。

  (2)設定儲存格角部屬性

  為了美觀,在製作網頁時還需要添加一些圓角圖片來修飾網頁,如導航工具條邊緣等。以前在網頁中添加這些圖片非常麻煩,而在FrontPage2003中我們可以通過對儲存格角部屬性的設定輕鬆解決這一問題。

  首先在“儲存格格式”視窗中單擊“儲存格角部和陰影”,隨後在下面出現了“角部”和“陰影”的設定視窗。在“角部”項中點選“使用預設映像”選項,隨後設定好該角部的寬度和高度,並在下面的顏色中設定好該角部的顏色。設定後在“應用”中選擇一種角部樣式,即可將該角部添加到儲存格中。

  此外,我們可以通過“使用自訂映像”來添加一個自製的圖片樣式(圖2)。

  (3)設定儲存格的陰影屬性

  在“陰影”項中首先對陰影的寬度進行設定,隨後在“柔和度”框中鍵入所需的值。單擊“顏色”下拉式功能表可以為該陰影選擇一種顏色,在“應用”項中輸入一種陰影樣式,即可將設定好的陰影添加到網頁儲存格中。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。