網(wǎng)頁(yè)設(shè)計(jì)與制作 課件 項(xiàng)目3 使用表格布局網(wǎng)頁(yè)

任務(wù)3-1認(rèn)識(shí)表格

任務(wù)3-2設(shè)置表格和單元格的屬性

任務(wù)3-1認(rèn)識(shí)表格1.表格的基本構(gòu)成表格是網(wǎng)頁(yè)設(shè)計(jì)制作中不可缺少的元素，它可以將各類網(wǎng)頁(yè)元素有序地顯示在頁(yè)面上。表格由3個(gè)基本部件構(gòu)成：(1)行：水平空間。(2)列：垂直空間。(3)單元格：行列相交處的空間。整張表格的邊緣成為邊框，單元格中的內(nèi)容和邊框之間的距離稱為單元格邊距(CellPad)，單元格和單元格之間的距離稱為單元格間距(CellSpace)，如圖3-1所示。2.創(chuàng)建和選擇表格1)創(chuàng)建表格插入表格的位置必須是從一個(gè)新行開始，且表格獨(dú)占一行。Dw中創(chuàng)建表格的步驟如下：(1)將光標(biāo)置于要插入表格的位置，選擇“插入”菜單中的“表格”選項(xiàng)或在“插入”面板的“常用”選項(xiàng)卡中單擊“表格”按鈕，打開“表格”對(duì)話框，根據(jù)需求設(shè)置表格初始屬性，如圖3-2所示。(2)單擊“確定”按鈕即可將表格插入頁(yè)面，可輸入表格內(nèi)容，文字、圖片。表格建立好后就可以向表格內(nèi)添加元素了，如圖像、文字和表格等，方法如同在Word文檔中操作一樣，添加文本，表格會(huì)隨著增多而自動(dòng)增高。在單元格中添加圖像時(shí)，如果單元格的尺寸小于圖像的尺寸，單元格會(huì)自動(dòng)增高或增寬。在單元格中插入表格時(shí)，單元格中的表格叫作內(nèi)嵌式表格。內(nèi)嵌式表格中的單元格可以再拆分成多行或多列，并且可以無限制地插入，不過內(nèi)嵌的表格越多，瀏覽器下載時(shí)間越長(zhǎng)，所以內(nèi)嵌表格最好不要超過三層。2)選取表格對(duì)表格進(jìn)行編輯前，需要先選擇表格。選擇整個(gè)表格的方法：將鼠標(biāo)光標(biāo)移動(dòng)到表格的任意邊框上，當(dāng)光標(biāo)變成雙向箭頭形狀時(shí)，單擊鼠標(biāo)左鍵，即可選擇整個(gè)表格，如圖3-4所示。3)選取行或列在選擇表格時(shí)，可以通過鼠標(biāo)直接選擇表格的某一行或某一列，也可以同時(shí)選擇多行或多列。(1)選擇表格的一行。移動(dòng)光標(biāo)到表格的某一行左邊框處，當(dāng)鼠標(biāo)光標(biāo)變成向右的黑箭頭時(shí)，單擊鼠標(biāo)即可選擇該行，如圖3-5所示。(2)選擇表格的一列。移動(dòng)光標(biāo)到表格的某一列上邊框處，當(dāng)鼠標(biāo)光標(biāo)變成向下的黑箭頭時(shí)，單擊鼠標(biāo)即可選擇該列，如圖3-6所示。若要選擇多行或多列，可以配合“Ctrl”鍵和“Shift”鍵使用。4)選取單元格在選取單元格時(shí)，可以選擇單個(gè)單元格，也可以選擇一個(gè)單元格、單元格區(qū)域或不相鄰的多個(gè)單元格。當(dāng)某個(gè)單元格被選時(shí)，該單元格周圍會(huì)出現(xiàn)黑色邊框。單擊表格中的某個(gè)單元格，按住鼠標(biāo)左鍵從當(dāng)前單元格上方開始向要連續(xù)選擇單元格的方向拖動(dòng)鼠標(biāo)選擇單元格，釋放鼠標(biāo)后，完成某個(gè)區(qū)域的單元格選取，如圖3-7所示。在選擇單元格前按住“Ctrl”鍵，然后單擊需要選擇的單元格，最后釋放“Ctrl”鍵可選擇多個(gè)不相鄰的單元格，如圖3-8所示。任務(wù)3-2設(shè)置表格和單元格的屬性創(chuàng)建表格后，需要對(duì)表格元素進(jìn)行一系列的操作，最常用的就是設(shè)置它的屬性。1.設(shè)置表格屬性在網(wǎng)頁(yè)中加入表格后，可以對(duì)表格的布局、樣式等進(jìn)行詳細(xì)的設(shè)置，以使表格中的布局可以精確地達(dá)到要求。選定整個(gè)表格后，屬性面板會(huì)變成表格屬