回到學院首頁選擇製網課程教學與製網有關的語言選擇輔助課程選擇網頁材料了解 HKIWC
The Best Web Hosting Company
 工具預備
 簡單設定
 五分鐘速成
 按鍵一覽
 插入圖片
 底色棬
 活用表格Here
 運用框架
 連結進階
 加入音樂
 精用表單
 安裝計數器
 安裝訪客簿
 安裝聊天室
 網頁上傳
 檔案權限
 加入實例
 本節實例
 疑難討論
 聯絡學院
 網絡辭典
歡迎到訪 PenPal Garden
ICQ 國際交友會
  ■ 簡單步驟:
視窗狀態:開啟 Composer 於想 應用表格 的文章或新檔。

A. 插入表格

  1. 將游標移至文章適當位置,
  2. Table 鍵,
  3. 填上行數 (Number of Rows) 及欄數 (Number of Columns),
  4. OK確定 回文章畫面,
  5. 你已成功加入了表格,完成。

B. 插入欄、列、儲存格

  • 將游標移至表格中適當位置,
  • InsertTableColumn 可插入一欄,
  • InsertTableRow 可插入一列,
  • InsertTableCell 可插入一儲存格,

C. 刪除欄、列、儲存格

  • 將游標移至表格中適當位置,
  • EditDelete TableColumn 可刪除一欄,
  • EditDelete TableRow 可刪除一列,
  • EditDelete TableCell 可刪除一儲存格,

D. 合併儲存格

  1. 將游標移至表格中適當位置,
  2. FormatTable PropertiesCell 將出現如【表格設定圖解】第三個對話窗,
  3. 若垂直合併儲存格請於 Cell spans rows 填上合併格數;
  4. 若水平合併儲存格請於 Cell spans columns 填上合併格數,
  5. OK確定 回文章畫面,
  6. 刪除多餘儲存格(合併儲存格只是把儲存格外推,并未刪除)。
■ 談談表格:
表格的運用對網頁的設計極其重要,活用表格上乘於加入大量圖片及框架。以下略舉其優 點一二,餘下請參詳【表格設定圖解】去發掘更多表格的用處。

  • 固定網頁中圖片或文字的位置,防止因不同解像度而移位。
    設定表格為相對或絕對闊度、不顯示格線,或多表格并用。
  • 易於閱讀。
    為不同文字區塊加上底色或棬。
  • 製作各種顏色線條。
    於一不顯示格線、設定好底色或棬的 Cell 中插入一 1 pixels 的透明 GIF
    圖片,線條的平直粗幼決定於該圖片的大小。
  • 為表格顯示顏色邊框。
    由於 NC 不支援 bordercolor 參數,可以用上述方法為表格加上顏色邊框。
■ 表格設定圖解:
當你進行到【簡單步驟】第二步可看到如下對話窗,若你已完成第五步,那末以滑鼠右擊 該表格再選 Table Properties 亦可。所有表格屬性都在此些對話窗設定,請看 A-E 的說明。

以下對話窗來自於滑鼠右擊該表格再選 Table PropertiesRow

以下對話窗來自於滑鼠右擊該表格再選 Table PropertiesCell

A. 設定欄列數及位置。

  • Number of rows : 鍵入所需列數。
  • Number of columns : 鍵入所需欄數。
  • Table Alignment,若表格的寬小於 " 100% of windows " 請選擇表格擺放位置。

B. 設定表格大小及邊沿。

  • Include Caption 剔選後增加一打通列於表格上方以填上標題,亦可設定於表格下方。
  • Border line width: 設定表格邊線厚度,若為 0 則不顯示格線。
  • Cell spacing: 設定表格框線的大小。
  • Cell padding: 設定表格中的文字與表格間的距離。
  • Table width: 設定表格寬度。
  • Table height: 設定表格高度。(不必用)
  • Equal column width 剔選後所有欄的寬度相同。

C. 設定表格底色或棬。

  • Use color : 選擇底色。
  • Use image : 選擇棬。
  • Leave image at the original location,網頁將從原來的途徑讀取棬而不備份過來。

D. 設定儲存格內的對齊方式。

  • Horizontal Alignment 設定 Row/Cell 內的左右對齊方式。
  • Vertical Alignment 設定 Row/Cell 內的上下對齊方式。

E. 設定單一儲存格大小。

  • Cell spans rows 填上垂直合併儲存格數。
  • Cell spans columns 填水平直合併儲存格數。
  • Text style:
    Header style 文字於儲存格中以標題形式出現。
    Nonbreaking 文字於儲存格中以不折行形式出現。
  • Cell width 設定儲存格寬度。
  • Cell min. height 設定儲存格最小高度。
The Best Web Hosting Company
Download Internet Explorer Download Netscape Netvigator