第3章用表格設計和制作網(wǎng)頁

1、中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程在網(wǎng)頁的設計制作中，表格（table）是一個重要的網(wǎng)頁元素，主要用來在頁面上布局數(shù)據(jù)和圖像，使頁面中的信息布局合理、簡潔。另外，在網(wǎng)頁設計制作中，表格還有一個重要作用，就是對網(wǎng)頁進行排版。 中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程3.1 3.1 表格網(wǎng)頁實例表格網(wǎng)頁實例表格化的頁面在不同平臺、不同分辨率的瀏覽器里都能顯示出原有的布局和對齊。圖4-1所示的是“天使部落”網(wǎng)頁利用表格進行布局的頁面效果。 中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品

2、課程圖4-1 “天使部落”主頁 中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程3.2 3.2 利用利用dreamweaver mxdreamweaver mx編輯網(wǎng)頁表格編輯網(wǎng)頁表格中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程 列（column）：表格在豎直方向上的組成元素。 單元格（cell）：表格中的最小的獨立存放數(shù)據(jù)的區(qū)域。中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程另外，還有以下幾個概念需要掌握。邊框（border）：單元格四周的界線標志。表格間距（cellspace）：定義內部表格線的寬度。表格間隙（cellpad）：相鄰的單元格之間的間

3、隙。中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程 在dreamweaver mx中，創(chuàng)建表格有以下4種方式。 執(zhí)行主菜單中的“插入”“表格”命令。 按組合鍵ctrl+alt+t。 單擊插入面板上“常用”選項卡中的“插入表格”按鈕。 單擊插入面板上“表格”選項卡中的“插入表格”按鈕。中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程使用上述4種方式中任意一種方法都將打開如圖3-2所示的“插入表格”對話框。中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程對話框中各選項含義如下。行數(shù)：初次指定表格的總行數(shù)。列數(shù)：初次指定表格的總列數(shù)。單元格填充：指定單元格的大小

4、，以像素為單位。單元格間距：指定單元格之間的距離，以像素為單位。中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程寬度：指定表格的寬度，以百分比或像素為單位（百分比用于根據(jù)瀏覽器窗口的大小來自動調整表格的寬度）。邊框：指定表格邊界的寬度，以像素為單位（如果在瀏覽器窗口中不顯示表格的邊框，則定義為0）。中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程3.2.2 圖3-4 利用“屬性”面板調整表格的大小 中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程 （2）調整行高、列寬 （3）合并單元格 （4）拆分單元格 （5）表格的嵌套 （6）表格的復制 （7）刪除表格 （

5、8）增加或減少行、列跨度中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程 2在表格中輸入文字和圖像中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程圖3-11 表格“屬性”面板 中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程2行、列和單元格屬性設置圖3-12 表格的行、列和單元格“屬性”面板 中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程 3.2.4 中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程3.2.5 中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程圖4-14 “格式化表格”對話框 中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程3.3 3.3 利用利用htmlhtml編輯編輯網(wǎng)頁表格網(wǎng)頁表格3.3.1 中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程3.3.2 中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程3.3.3 中國計劃出版社中國計劃出版社網(wǎng)頁制作精品課程網(wǎng)頁制作精品課程3.4 3.4 表格的應用技巧表格的應用技巧3.4.1 中國計劃