前言

FrontPage 2003 引入「版面配置表格與儲存格」功能，提供所見即所得的網頁排版新方式。本文以單位官網首頁為例，詳細說明建立框架、填充內容、調整屬性的完整流程。

核心概念：兩階段完成版面

1. 版面配置表格：建立頁面整體骨架（欄位、列數、寬高）。
2. 版面配置儲存格：在骨架內放入文字、圖片、Web 元件等實際內容。

一、建立版面配置表格

1. 使用內建範本

開啟空白頁面，切換至「設計」檢視，點選「表格」→「版面配置表格和儲存格」，右側工作窗格提供多種預設版型，點選即可套用。

2. 手動繪製表格

若範本不符需求，可在「新增表格和儲存格」區選「繪製版面配置表格」，滑鼠拖曳即可自由畫出結構。

3. 設定表格屬性

• 在「表格屬性」調整邊框、間距、對齊等。
• 技巧：將所有邊距設為 0，可讓表格貼齊瀏覽器視窗邊緣，覆蓋預設頁面邊界。

4. 調整列寬與行高

點選表格邊框會出現標籤，點擊下拉箭頭選「變更列寬」或「變更行高」，彈出對話框輸入數值。或選「自動調整」讓表格依比例伸縮，極為方便。

二、填充版面配置儲存格

在表格內點選滑鼠右鍵 → 「插入」→「版面配置儲存格」，即可在指定區域放入文字、圖片、導覽列等元素。每個儲存格可獨立設定背景、對齊、內距。

實戰提醒

• 善用「自動調整」快速微調版面比例。
• 儲存格內容過多時，可設定捲軸或讓儲存格自動延伸。
• 完成版面後，建議在多種解析度、瀏覽器下預覽測試。

結語

版面配置功能讓不懂 HTML/CSS 的使用者也能製作專業級網頁結構，配合樣式表與主題，可大幅提升設計效率與視覺一致性。