前言
網頁版面配置核心工具為「表格」與「框架」。表格用於單頁內容排版,框架用於同一視窗顯示多個獨立頁面。本文配合 FP 2002 新功能,詳細說明兩者操作流程。
一、表格版面配置
圖 3.1:表格插入對話框
三步驟完成表格排版
- 插入表格:「表格」→「插入表格」,設定列、行、邊框。
- 修改樣式:右鍵表格→「表格屬性」,調整寬度、對齊、邊框、底色、背景圖片。
- 填充內容:在儲存格輸入文字、插入圖片或其他元件。
FP 2002 表格新功能
- 表格自動套用格式:內建多種專業樣式,一鍵套用邊框、底紋、顏色。
- 填滿表格:選取儲存格內容 → 「表格」→「填滿」→「向右/向下填滿」,快速複製內容至相鄰儲存格。
- 分割表格:在任意儲存格點選「分割表格」,快速在列間插入文字/圖形。
圖 3.4:表格屬性對話框
圖 3.5:填充內容後的表格版面
二、框架版面配置
圖 3.2:框架版面範例
四步驟建立框架網站
- 建立框架:新增網頁選框架範本,或選最接近風格再拖曳調整邊框、用「框架」→「分割/刪除框架」增減區塊。本例建立「目錄框架頁」。
圖 3.6:框架範本選擇
- 設定框架屬性:右鍵框架→「框架屬性」,指定框架名稱(慣用
contents 目錄、main 主內容)、邊框寬度、捲軸顯示、是否顯示邊框。
圖 3.7:框架屬性設定
- 設定初始頁面:點各框架上的「設定初始頁面」按鈕,選擇現有檔案或新建頁面作為該框架預設顯示內容。
圖 3.8:設定初始頁面
- 建立框架間連結關係:在目錄框架的超連結設定「目標框架」為
main,點選連結時內容即顯示於主框架。
圖 3.9:目標框架選項
目標框架四種選項
- 預設頁面:依框架頁面屬性指定的預設目標框架。
- 目前相同頁面:覆蓋當前框架(預設行為)。
- 整個頁面:覆蓋整個框架集,獨立開啟於瀏覽器視窗。
- 新視窗:開新瀏覽器視窗,原視窗不變。
FP 2002 新支援:內嵌框架
「插入」→「內嵌框架」可在頁面任意位置嵌入任意網頁(站內/外),並可拖曳調整大小,支援 HTML 4 進階特性。
圖 3.10:完成的框架版面
結語
表格適合單頁精細排版,框架適合跨頁共用導覽/標題。FP 2002 強化自動格式、填滿、分割、內嵌框架等功能,讓版面配置更高效專業。