網(wǎng)絡(luò)技術(shù)基礎(chǔ)-Internet和網(wǎng)頁設(shè)計第10-6章-Frontpage課件

10.6表格10.6表格110.6表格表格是網(wǎng)頁制作的精華，表格除了可以用來將各種信息在網(wǎng)格中顯示，更為重要的功能是對頁面進行排版，現(xiàn)在表格已成為控制頁面布局的強有力的工具，只要學(xué)會靈活應(yīng)用表格，就可以設(shè)計出布局合理，美觀漂亮的網(wǎng)頁。

10.6表格表格是網(wǎng)頁制作的精華，表格除了21.使用菜單命令①將光標定位于要插入表格的位置，單擊“表格”菜單下的“插入”級聯(lián)菜單中的“表格”命令，彈出“插入表格”對話框，如圖所示。②在該對話框中，根據(jù)需要設(shè)置對話框中各個選項。③單擊“確定”，表格就被插入在指定的位置中了。10.6.1創(chuàng)建表格1.使用菜單命令10.6.1創(chuàng)建表格3“插入表格”對話框中各選項功能如下：（1）大小區(qū)域：行數(shù)：要插入的表格的行數(shù)。列數(shù)：要插入的表格的列數(shù)。（2）邊框：粗細：指定表格邊框的寬度。顏色：指定表格邊框的顏色。亮邊框：指定表格亮邊框的顏色（邊框線的上部分和左部分）。暗邊框：指定表格暗邊框的顏色（邊框線的下部分和右部分）。10.6.1創(chuàng)建表格“插入表格”對話框中各選項功能如下：10.6.1創(chuàng)建表格4（3）布局區(qū)域：對齊方式：指定表格在網(wǎng)頁中的對齊方式，在其下拉列表中給出了默認、左對齊、右對齊、居中等方式。浮動：指定文字環(huán)繞表格的方式。默認為不環(huán)繞，左對齊表示表格在文本的左面，右對齊表示表格在文本的右面。指定寬度：以像素或瀏覽器窗口的百分比為單位，指定表格在網(wǎng)頁中的寬度。指定高度：以像素或瀏覽器窗口的百分比為單位，指定表格在網(wǎng)頁中的高度。單元格襯距：單元格內(nèi)容與單元格邊線的之間的距離。單元格間距：單元格與單元格之間的距離。

10.6.1創(chuàng)建表格（3）布局區(qū)域：10.6.1創(chuàng)建表格5①將光標定位于要插入表格的位置，單擊“插入表格”按鈕。②在彈出的下拉表格中，拖曳鼠標確定表格的行數(shù)和列數(shù)，如圖所示。松開鼠標后，即可在網(wǎng)頁中創(chuàng)建指定行數(shù)和列數(shù)的表格。

10.6.1創(chuàng)建表格2.使用工具按鈕①將光標定位于要插入表格的位置，單擊“插入表格”按鈕。163．使用“手繪表格”按鈕①單擊“視圖”菜單下“工具欄”級聯(lián)菜單中的“表格”選項，顯示“表格”工具欄。②單擊“表格”工具欄中的“繪制表格”按鈕，鼠標光標變?yōu)楣P狀，即可以在網(wǎng)頁中繪制表格。如圖所示

10.6.1創(chuàng)建表格3．使用“手繪表格”按鈕10.6.1創(chuàng)建表格710.6.1創(chuàng)建表格調(diào)整表格尺寸最簡單的辦法就是用拖曳鼠標的方法。將鼠標移到表格邊框線上時，光標變成雙向箭頭，拖曳鼠標即可改變表格的尺寸，如圖所示。4．修改表格

10.6.1創(chuàng)建表格調(diào)整表格尺寸最8修改表格另一種簡單的辦法是使用“繪制表格”和“擦除”按鈕。使用“繪制表格”按鈕，可以在表格中添加單元格，方法同用“繪制表格”按鈕創(chuàng)建表格相同。使用“擦除”按鈕可以合并表格中的單元格。如圖所示。

10.6.1創(chuàng)建表格修改表格另一種簡單的辦法是使用“繪制表格”和“擦除”按鈕。1910.6.2.1選擇表格

要對表格進行操作，首先要選擇表格，包括選擇整個表格、行、列或單元格。1．選擇整個表格①將光標定位在表格內(nèi)。②單擊“表格”菜單下“選擇”級聯(lián)菜單中的“表格”命令，即可選擇整個表格。注意，連同邊框線均被選中，如圖所示。10.6.2編輯表格10.6.2.1選擇表格10.6.2編輯表格10還可以使用拖曳鼠標的方法。將鼠標定位在表格的第一個單元格內(nèi)，拖曳鼠標到最后一個單元格或拖曳鼠標到整個表格之外，即選中了全部單元格。如圖所示。注意，這種方法選中的是全部單元格，即沒有選中邊框線。10.6.2編輯表格還可以使用拖曳鼠標的方法。將鼠標定位在表格的第112．選擇表格中的行、列①將鼠標移到表格中某一列的上部，當(dāng)鼠標光標變成向下的黑色箭頭時，單擊鼠標即選中該列。向右或向左拖曳鼠標，可選中多列，如圖所示。②將鼠標定位于要選中列的單元格，單擊“表格”菜單下“選擇”級聯(lián)菜單中的“列”命令，也可選擇一列。10.6.2編輯表格2．選擇表格中的行、列10.6.2編輯表格12③將鼠標移到表格中某一行的左部，當(dāng)鼠標光標變成向右的黑色箭頭時，單擊鼠標即選中該行，向上或向下拖曳鼠標，可選中多行，如圖所示。④將鼠標定位于要選中行的單元格，單擊“表格”菜單下“選擇”級聯(lián)菜單中的“行”命令，也可選擇一行。10.6.2編輯表格③將鼠標移到表格中某一行的左部，當(dāng)鼠標光標變成向右的黑色箭1310.6.2編輯表格3．選擇表格中的單元格將鼠標定位于要選中的單元格內(nèi)，單擊“表格”菜單下“選擇”級聯(lián)菜單中的“單元格”命令，即可選擇該單元格。10.6.2編輯表格3．選擇表格中的單元格1410.6.2.2表格中行、列的添加與刪除1．添加行、列添加行、列有以下幾種方法。10.6.2編輯表格10.6.2.2表格中行、列的添加與刪除10.6.215①將光標置于表格中。單擊“表格”菜單下“插入”級聯(lián)菜單中的“行或列”命令，打開“插入行或列”對話框，如圖所示。按需要輸入或選擇對話框中的各選項。10.6.2編輯表格①將光標置于表格中。單擊“表格”菜單下“插入”級聯(lián)菜單中的16②將光標置于表格中或選中表格中的一行，單擊“表格”工具欄中的“插入行”按鈕，F(xiàn)rontPage會自動在當(dāng)前行的上方插入一行。如果選中多行，單擊“表格”工具欄中的“插入行”按鈕后，會自動在當(dāng)前行的上方插入多行。③將光標置于表格中或選中表格中的一列，單擊“表格”工具欄中的“插入列”按鈕，F(xiàn)rontPage會自動在當(dāng)前列的左方插入一列。如果選中多列，單擊“表格”工具欄中的“插入列”按鈕后，會自動在當(dāng)前列的左方插入多列。10.6.2編輯表格②將光標置于表格中或選中表格中的一行，單擊“表格”工具172．刪除表格行、列①選中要刪除的表格、行或列。②單擊“表格”菜單下“刪除單元格”命令，或單擊“表格”工具欄中的“刪除單元格”按鈕，選中的表格、行或列就被刪除了。刪除表格的另一種方法是，選中要刪除的表格，按“Delete”鍵，表格也可以被刪除。10.6.2編輯表格2．刪除表格行、列10.6.2編輯表格1810.6.2編輯表格10.6.2.3單元格的拆分與合并1．合并單元格①選中要合并的單元格，如圖所示。

10.6.2編輯表格10.6.2.3單元格的拆分與合19②單擊“表格”菜單下“合并單元格”命令，或單擊“表格”工具欄中的“合并單元格”按鈕，選中的單元格就被合并了。如圖所示。10.6.2編輯表格②單擊“表格”菜單下“合并單元格”命令，或單擊“表格”工具202．拆分單元格①用鼠標單擊要拆分的單元格，如圖所示。②選擇“表格”菜單中的“拆分單元格”命令，或單擊“表格”工具欄中的“拆分單元格”按鈕，彈出“拆分單元格”對話框。10.6.2編輯表格2．拆分單元格10.6.2編輯表格2110.6.2編輯表格③按拆分需要輸入或選擇對話框中的各選項。圖1表示把單元格拆分成4列。拆分后的結(jié)果如圖2所示

圖1圖210.6.2編輯表格③按拆分需要輸入或選擇對話框中的各2210.6.2編輯表格10.6.2.4添加表格標題和內(nèi)容1．添加標題單擊表格內(nèi)任一單元格，選擇“表格”菜單下“插入”級聯(lián)菜單中的“標題”命令，F(xiàn)rontPage就會在表格上方插一個標題行，即可輸入表格標題。標題行還可以放在表格下方。選擇“表格”菜單下“屬性”級聯(lián)菜單中的“標題”命令，在彈出的“標題屬性”對話框中設(shè)置標題行的位置，如圖所示。10.6.2編輯表格10.6.2.4添加表格標題和內(nèi)2310.6.2編輯表格2．在表格中添加內(nèi)容將插入點定位在要添加內(nèi)容的單元格中，即可在該單元格中輸入文本或插入圖像等。10.6.2編輯表格2．在表格中添加內(nèi)容2410.6.3設(shè)置表格屬性鼠標右鍵單擊表格，在快捷菜單中選擇“表格屬性”命令，或單擊“表格”菜單下“屬性”級聯(lián)菜單中的“表格”命令，打開如圖所示的“表格屬性”對話框，可以看出對話框內(nèi)容與“插入表格”對話框內(nèi)容相同。

10.6.3設(shè)置表格屬性鼠標右鍵2510.6.3設(shè)置表格屬性上圖的表格屬性設(shè)置中，浮動為左對齊，文本右環(huán)繞表格；表格的高度與寬度均為120像素；單元格邊距為1；單元格間距為2；亮邊框線為黃色，暗邊框線為黑色；表格背景為銀白色；預(yù)覽結(jié)果如圖所示。10.6.3設(shè)置表格屬性上圖的表格2610.6.3設(shè)置表格屬性合理地設(shè)置各種邊框線會使表格邊框線有立體效果，表格屬性設(shè)置中，沒有設(shè)置浮動方式，表格水平居中對齊，單元格邊距為12，單元格間距為12，亮邊框是黃色，暗邊框是黑色，邊框線粗細為5，邊框的立體效果就很明顯。其預(yù)覽結(jié)果為圖所示

10.6.3設(shè)置表格屬性合理地設(shè)置各2710.6.3設(shè)置表格屬性注意：對齊方式和浮動不能同時有效。當(dāng)要用表格作為排版工具時，往往不需要顯示邊框線，這時只要將邊框線粗細設(shè)置為0，表格的邊框線就不會顯示。如圖所示10.6.3設(shè)置表格屬性注意：對齊方式和2810.6.4設(shè)置單元格屬性FrontPage不但可以設(shè)置表格的屬性，還可以設(shè)置單元格的屬性。鼠標右鍵單擊表格，在快捷菜單中選擇“單元格屬性”命令，或單擊“表格”菜單下“屬性”級聯(lián)菜單中的“單元格”命令，打開如圖所示的“單元格屬性”對話框。10.6.4設(shè)置單元格屬性Fron2910.6.4設(shè)置單元格屬性單元格屬性”對話框中各選項功能見書本P268-269

10.6.4設(shè)置單元格屬性單元格屬性”對話框中各選項功能3010.6.5表格嵌套表格嵌套就是在單元格中創(chuàng)建表格，創(chuàng)建方法如下：①將鼠標定位在要創(chuàng)建表格的單元格中,如圖a所示。②單擊工具欄中“插圖表格”按鈕，插入所需要的表格，如圖b所示。③根據(jù)需要調(diào)整嵌套表格的尺寸，結(jié)果如下圖所示，如圖c所示。10.6.5表格嵌套表格嵌套就是在單3110.6.5表格嵌套圖c圖b圖a10.6.5表格嵌套圖c圖b圖a3210.6表格10.6表格3310.6表格表格是網(wǎng)頁制作的精華，表格除了可以用來將各種信息在網(wǎng)格中顯示，更為重要的功能是對頁面進行排版，現(xiàn)在表格已成為控制頁面布局的強有力的工具，只要學(xué)會靈活應(yīng)用表格，就可以設(shè)計出布局合理，美觀漂亮的網(wǎng)頁。

10.6表格表格是網(wǎng)頁制作的精華，表格除了341.使用菜單命令①將光標定位于要插入表格的位置，單擊“表格”菜單下的“插入”級聯(lián)菜單中的“表格”命令，彈出“插入表格”對話框，如圖所示。②在該對話框中，根據(jù)需要設(shè)置對話框中各個選項。③單擊“確定”，表格就被插入在指定的位置中了。10.6.1創(chuàng)建表格1.使用菜單命令10.6.1創(chuàng)建表格35“插入表格”對話框中各選項功能如下：（1）大小區(qū)域：行數(shù)：要插入的表格的行數(shù)。列數(shù)：要插入的表格的列數(shù)。（2）邊框：粗細：指定表格邊框的寬度。顏色：指定表格邊框的顏色。亮邊框：指定表格亮邊框的顏色（邊框線的上部分和左部分）。暗邊框：指定表格暗邊框的顏色（邊框線的下部分和右部分）。10.6.1創(chuàng)建表格“插入表格”對話框中各選項功能如下：10.6.1創(chuàng)建表格36（3）布局區(qū)域：對齊方式：指定表格在網(wǎng)頁中的對齊方式，在其下拉列表中給出了默認、左對齊、右對齊、居中等方式。浮動：指定文字環(huán)繞表格的方式。默認為不環(huán)繞，左對齊表示表格在文本的左面，右對齊表示表格在文本的右面。指定寬度：以像素或瀏覽器窗口的百分比為單位，指定表格在網(wǎng)頁中的寬度。指定高度：以像素或瀏覽器窗口的百分比為單位，指定表格在網(wǎng)頁中的高度。單元格襯距：單元格內(nèi)容與單元格邊線的之間的距離。單元格間距：單元格與單元格之間的距離。

10.6.1創(chuàng)建表格（3）布局區(qū)域：10.6.1創(chuàng)建表格37①將光標定位于要插入表格的位置，單擊“插入表格”按鈕。②在彈出的下拉表格中，拖曳鼠標確定表格的行數(shù)和列數(shù)，如圖所示。松開鼠標后，即可在網(wǎng)頁中創(chuàng)建指定行數(shù)和列數(shù)的表格。

10.6.1創(chuàng)建表格2.使用工具按鈕①將光標定位于要插入表格的位置，單擊“插入表格”按鈕。1383．使用“手繪表格”按鈕①單擊“視圖”菜單下“工具欄”級聯(lián)菜單中的“表格”選項，顯示“表格”工具欄。②單擊“表格”工具欄中的“繪制表格”按鈕，鼠標光標變?yōu)楣P狀，即可以在網(wǎng)頁中繪制表格。如圖所示

10.6.1創(chuàng)建表格3．使用“手繪表格”按鈕10.6.1創(chuàng)建表格3910.6.1創(chuàng)建表格調(diào)整表格尺寸最簡單的辦法就是用拖曳鼠標的方法。將鼠標移到表格邊框線上時，光標變成雙向箭頭，拖曳鼠標即可改變表格的尺寸，如圖所示。4．修改表格

10.6.1創(chuàng)建表格調(diào)整表格尺寸最40修改表格另一種簡單的辦法是使用“繪制表格”和“擦除”按鈕。使用“繪制表格”按鈕，可以在表格中添加單元格，方法同用“繪制表格”按鈕創(chuàng)建表格相同。使用“擦除”按鈕可以合并表格中的單元格。如圖所示。

10.6.1創(chuàng)建表格修改表格另一種簡單的辦法是使用“繪制表格”和“擦除”按鈕。14110.6.2.1選擇表格

要對表格進行操作，首先要選擇表格，包括選擇整個表格、行、列或單元格。1．選擇整個表格①將光標定位在表格內(nèi)。②單擊“表格”菜單下“選擇”級聯(lián)菜單中的“表格”命令，即可選擇整個表格。注意，連同邊框線均被選中，如圖所示。10.6.2編輯表格10.6.2.1選擇表格10.6.2編輯表格42還可以使用拖曳鼠標的方法。將鼠標定位在表格的第一個單元格內(nèi)，拖曳鼠標到最后一個單元格或拖曳鼠標到整個表格之外，即選中了全部單元格。如圖所示。注意，這種方法選中的是全部單元格，即沒有選中邊框線。10.6.2編輯表格還可以使用拖曳鼠標的方法。將鼠標定位在表格的第432．選擇表格中的行、列①將鼠標移到表格中某一列的上部，當(dāng)鼠標光標變成向下的黑色箭頭時，單擊鼠標即選中該列。向右或向左拖曳鼠標，可選中多列，如圖所示。②將鼠標定位于要選中列的單元格，單擊“表格”菜單下“選擇”級聯(lián)菜單中的“列”命令，也可選擇一列。10.6.2編輯表格2．選擇表格中的行、列10.6.2編輯表格44③將鼠標移到表格中某一行的左部，當(dāng)鼠標光標變成向右的黑色箭頭時，單擊鼠標即選中該行，向上或向下拖曳鼠標，可選中多行，如圖所示。④將鼠標定位于要選中行的單元格，單擊“表格”菜單下“選擇”級聯(lián)菜單中的“行”命令，也可選擇一行。10.6.2編輯表格③將鼠標移到表格中某一行的左部，當(dāng)鼠標光標變成向右的黑色箭4510.6.2編輯表格3．選擇表格中的單元格將鼠標定位于要選中的單元格內(nèi)，單擊“表格”菜單下“選擇”級聯(lián)菜單中的“單元格”命令，即可選擇該單元格。10.6.2編輯表格3．選擇表格中的單元格4610.6.2.2表格中行、列的添加與刪除1．添加行、列添加行、列有以下幾種方法。10.6.2編輯表格10.6.2.2表格中行、列的添加與刪除10.6.247①將光標置于表格中。單擊“表格”菜單下“插入”級聯(lián)菜單中的“行或列”命令，打開“插入行或列”對話框，如圖所示。按需要輸入或選擇對話框中的各選項。10.6.2編輯表格①將光標置于表格中。單擊“表格”菜單下“插入”級聯(lián)菜單中的48②將光標置于表格中或選中表格中的一行，單擊“表格”工具欄中的“插入行”按鈕，F(xiàn)rontPage會自動在當(dāng)前行的上方插入一行。如果選中多行，單擊“表格”工具欄中的“插入行”按鈕后，會自動在當(dāng)前行的上方插入多行。③將光標置于表格中或選中表格中的一列，單擊“表格”工具欄中的“插入列”按鈕，F(xiàn)rontPage會自動在當(dāng)前列的左方插入一列。如果選中多列，單擊“表格”工具欄中的“插入列”按鈕后，會自動在當(dāng)前列的左方插入多列。10.6.2編輯表格②將光標置于表格中或選中表格中的一行，單擊“表格”工具492．刪除表格行、列①選中要刪除的表格、行或列。②單擊“表格”菜單下“刪除單元格”命令，或單擊“表格”工具欄中的“刪除單元格”按鈕，選中的表格、行或列就被刪除了。刪除表格的另一種方法是，選中要刪除的表格，按“Delete”鍵，表格也可以被刪除。10.6.2編輯表格2．刪除表格行、列10.6.2編輯表格5010.6.2編輯表格10.6.2.3單元格的拆分與合并1．合并單元格①選中要合并的單元格，如圖所示。

10.6.2編輯表格10.6.2.3單元格的拆分與合51②單擊“表格”菜單下“合并單元格”命令，或單擊“表格”工具欄中的“合并單元格”按鈕，選中的單元格就被合并了。如圖所示。10.6.2編輯表格②單擊“表格”菜單下“合并單元格”命令，或單擊“表格”工具522．拆分單元格①用鼠標單擊要拆分的單元格，如圖所示。②選擇“表格”菜單中的“拆分單元格”命令，或單擊“表格”工具欄中的“拆分單元格”按鈕，彈出“拆分單元格”對話框。10.6.2編輯表格2．拆分單元格10.6.2編輯表格5310.6.2編輯表格③按拆分需要輸入或選擇對話框中的各選項。圖1表示把單元格拆分成4列。拆分后的結(jié)果如圖2所示

圖1圖210.6.2編輯表格③按拆分需要輸入或選擇對話框中的各5410.6.2編輯表格10.6.2.4添加表格標題和內(nèi)容1．添加標題單擊表格內(nèi)任一單元格，選擇“表格”菜單下“插入”級聯(lián)菜單中的“標題”命令，F(xiàn)rontPage就會在表格上方插一個標題行，即可輸入表格標題。標題行還可以放在表格下方。選擇“表格”菜單下“屬性”級聯(lián)菜單中的“標題”命令，在彈出的“標題屬性”對話框中設(shè)置標題行的位置，如圖所示。10.6.2編輯表格10.6.2.4添加表格標題和內(nèi)5510.6.2編輯表格2．在表格中添加內(nèi)容將插入點定位在要添加內(nèi)容的單元格中，即可在該單元格中輸入文本或插入圖像等。10.6.2編輯表格2．在表格中添加內(nèi)容5610.6.3設(shè)置表格屬性鼠標右鍵單擊表格，在快捷菜單中選擇“表格屬性”命令，或單擊“表格”菜單下“屬性”級聯(lián)菜單中的“表格”命令，打開如圖所示的“表格屬性”對話框，可以看出對話框內(nèi)容與“插入表格”對話框內(nèi)容相同。

10.6.3設(shè)置表格屬