使用表格布局頁面課程代碼：課程介紹目的：通過學習掌握使用表格布局頁面。內容:

頁面布局是進行網頁設計最基本最重要的工作之一。用于網頁布局設計的常用工具是表格。重點：制作表格的方法,表格數據的處理。難點：使用表格進行頁面布局。

制作表格的方法表格數據的處理使用其他模式進行頁面布局在頁面中使用表格進行排版

使用表格布局頁面

選擇表格添加與刪除行或列合并與拆分單元格設置表格整體屬性表格的嵌套表格數據的處理頁面布局是進行網頁設計最基本、最重要的工作之一。用于網頁布局設計的常用工具是表格。合理布局表格，會使網頁更具有自身的特點，也可便于管理和修改。制作表格的方法插入表格表格是整個網頁設計的精華，它具有輸入數據和進行分類列表的功能，而且當前許多網站都用表格來協助網頁的排版。表格為Web頁帶來了結構的概念。現在，Web頁設計者已經把表格當作控制Web頁面布局的重要的工具。Dreamweaver可以在另一個應用程序中創建并以分隔文本的格式（其中的項以制表符、逗號、冒號或分號隔開）保存的表格式數據導入到Dreamweaver中并設置為表格格式。導入外部鏈接數據文件表格是用于在HTML頁上顯示表格式數據以及對文本和圖形進行布局的強有力的工具。表格由一行或多行組成；每行又由一個或多個單元格組成。在網頁中，表格用于網頁內容的排版，如文字放在頁面的哪個位置，可以使用表格來解決這個問題。下面來介紹表格的基本操作。表格數據的處理像處理文本或圖像一樣，首先需要選擇表格,然后才是修改編輯。在Dreamweaver中用戶可以一次選定全部表格、一行、一列或幾個連續的單元格，也可以選定表格中不連續的單元格，然后通過屬性面板來修改它們的屬性。選擇表格表格創建后，可能需要添加內容而添加行或列。用戶可以使用不同方法在表格中的幾乎任何地方添加行或列。添加與刪除行或列在使用表格的過程中，有時需要拆分單元格以達到最終的效果。拆分單元格就是將選中的單元格拆分為多行或多列。合并與拆分單元格在AdobeDreamweaverCS5中為了使創建的表格更加美觀、醒目，需要對表格屬性進行設置。設置表格整體屬性嵌套表格是指在另一個表格的單元格中插入表格，可以其他表格一樣對嵌套表格進行相應的設置，嵌套表格最大的優點在于它為用戶提供了最大程度上對網頁頁面布局進行控制的能力。表格的嵌套在網頁設計過程中，可以通過多種方法來布局版面，利用Dreamweaver提供的布局視圖就可以不使用一般表格模式中的插入表格的對話框，直接通過拖動操作就能夠在文檔中插入表格和單元格，簡化制作表格的煩瑣操作，這樣我們就能夠輕松設計出靈活而復雜的頁面。使用其他模式進行頁面布局創建頁布局的一種常用的方法是使用HTML表格對元素進行定位。最初創建表格是為了顯示表格式數據，而不是用于對網頁進行布局；使用嵌套表格進行頁面布局的過程，表格的編輯及操作會變得困難，此時Dreamweaver提供了“擴展表格”模式。使用擴展表格模式編輯表格AP元素（絕對定位元素）就是div標簽的一種類型。AP元素可以包含文本、圖像或其它任何可放置到HTML文檔正文中的內容。同表格一樣，我們也可以使用AP元素來設計頁面的布局。同時，由于AP元素的特有屬性，我們可以將AP元素放置到其它AP元素的前后，隱藏某些AP元素而顯示其它AP元素，以及在屏幕上移動AP元素等。使用APIT使用布局版面進行布局的過程，實際也是繪制表格的過程。根據頁面布局的需要，表格可能會比較簡單，也可能會非常復雜。利用布局視圖，我們可以像繪圖一樣，在頁面上任意位置繪制表格和單元格。設置AP元素的屬性使用布局版面進行布局的過程，實際也是繪制表格的過程。根據頁面布局的需要，表格可能會比較簡單，也可能會非常復雜。利用布局視圖，我們可以像繪圖一樣，在頁面上任意位置繪制表格和單元格。在頁面中使用表格進行排版本章小結在網頁設計中，最常用就是使用表格來定位內容，表格是大家在網頁的整體布局中使用最廣的。這一方面是因為表格的信息最大，它用最簡潔的形式表達繁雜的內容，另一方面它還可以用來控制文本和圖像在頁面上出現的位置，把文字和圖像規范地按照行或列對齊，使整個頁面看上去緊湊而統一。這對于復雜版面的網頁排版來說，有很大的幫助，對于一個網頁設計者來說，如果能夠靈活地應用表格，就會讓你的網頁看上去井井有條、美觀大方。思考與練習一、選擇題1.在代碼視圖中，表格使用的標簽是（）

A.<td> B.<table>C.<tr> D.<div>2.下列視圖中不屬于Dreamweaver進行頁面布局的視圖（）

A.標準視圖

B.布局視圖C.擴展視圖

D.表格視圖思考與練習3.在Dreamweaver中，若將*.txt的文本文件導入為表格，主要依靠什么來進行識別（）

A.文字字體

B.文字顏色C.定界符

D.文字大小4.插入表格得快捷鍵是（）

A.Ctrl+Alt+T B.Alt+TC.Ctrl+T D.Ctrl+Alt+A思考與練習5.在表格“屬性”面板中，哪種不是表格得對齊方式（