快速成為 HTML 表格高手

張開雙臂的熱心男子:(c) 版權所有 Stockbyte/PictureQuest 設計網頁時,HTML 表格可說是最受歡迎的方法。

不過坦白說,HTML 表格可不是那麼簡單。

如果您過去用過 HTML 表格,您可能遇過空間分佈不均,或是加入一些內容後,所有儲存格就變得混亂不堪的問題。到底為什麼會這樣呢?

Microsoft Office FrontPage® 2003 及 FrontPage 2002 具有許多讓 HTML 表格更容易使用的功能。我們在此提供一些深入的說明,方便您瞭解該從何處著手。只要詳讀本文,您就能充分掌握 HTML 表格。

充分瞭解 HTML 表格

如果您要使用 FrontPage 設計美觀的網頁,您必須完全瞭解 HTML 表格的運作方式。這一系列的互動式訓練課程會從最基本的概念開始說明,一直到如何使用表格設計網頁。

注意    下列訓練課程的連結,需要在您的電腦上安裝 FrontPage 2003 或某個 Office 2003 程式。

課程 學習內容
HTML 表格 I:基本概念 基本概念:如何插入簡單的 HTML 表格、標籤的用途,以及如何變更內容。
HTML 表格 II:表格與儲存格寬度 探索 HTML 表格的特殊之處:表格的寬度由何決定,以及如何調整成您要的寬度。要瞭解如何設計版面配置,這點十分重要。如果沒有這些知識,一定會遇到許多問題。
HTML 表格 III:運用版面配置表格設計網頁 有趣的操作:如何使用版面配置表格來設計網頁,以及如何使用描圖底稿來開始您的版面配置。
HTML 表格 IV:格式化和修飾網頁版面配置 套用完成的修飾:格式化版面配置表格,美化外觀。加入色彩、樣式及技巧性的專業處理,並瞭解如何伸展表格。

表格資源一覽

使用表格的優良網站

歡迎參觀這些 FrontPage 使用者的漂亮網站。他們使用表格,您也一樣能夠辦到。

深入設計資訊

如果需要表格標籤的基本詳細資訊,或是表格及 DHTML 的用法資訊,請查看 MSDN® 上的這些文章。

表格用法

FrontPage 2003

FrontPage 2002

FrontPage 2003 快速秘訣

  • 在調整版面配置表格或儲存格的大小時,按住 ALT 鍵以覆寫貼齊。
  • 頁面左側出現額外邊界?請將您的頁面邊界設定為 0。
  • 如果要變更尺規的 0,0 點,請選取頁面上的某個項目。然後,用滑鼠右鍵按一下尺規並選擇 [從選項選取原點]
  • 如果要快速編輯 <table> 標籤,請選取表格,然後按 CTRL+Q 鍵。
  • 如果要在設計網頁時擁有更多空間,請按 ALT+F1 鍵隱藏資料夾清單,並按 CTRL+F1 鍵隱藏工作窗格。
  • 如果要查看您的網頁是否會在其他解析度中遭到截斷,請嘗試變更網頁大小

快速鍵

  • 如果要插入表格,請按 SHIFT+CTRL+ALT+T 鍵。
  • 如果要選取下一個表格儲存格的內容,請按 TAB 鍵。
  • 如果要選取先前儲存格的內容,請按 SHIFT+TAB 鍵。
  • 如果要將選取範圍延伸至鄰接的表格儲存格,請按住 SHIFT 鍵並重複按該方向的方向鍵。
  • 如果要選取某欄,請按一下該欄的頂端或底部儲存格,然後按住 SHIFT 鍵並重複按向上或向下鍵。
  • 如果要顯示、編輯或設定表格內容。請選取表格,然後按 ALT+ENTER 鍵。

表格的替代方法

雖然 HTML 表格是在儲存格中顯示資訊的極佳方法,卻不是網頁設計的唯一及最佳方法。樣式表 (CSS) 置放就是很好的替代方法。

 
 
適用:
FrontPage 2003