網(wǎng)站開發(fā)公司網(wǎng)站:表格屬性設(shè)置的顯示界面
表格屬性設(shè)置的顯示界面
注意:選擇部分單元格形成一個矩形后,單擊圖4 -15中的;瓣按鈕便可以合并任意數(shù)
目的相鄰的單元格,生成一個跨多個列或行的單元格。選中某個單元格后,單擊圖4 -15中
的灝l按鈕可以將單元格拆分成任意數(shù)目的行或列。
值得注意的是,雖然HTML代碼通常不明確指定列,但Dreamweaver軟件除了行和單元
格以外,也允許操作列。當(dāng)選定了表格或選中的表格中有插入點時,Dreamweaver軟件會顯
示表格寬度和每張表格列的寬度,如圖4 -16所示。
電子商務(wù)網(wǎng)站設(shè)計與制作
注意:如果未看到表格的寬度或列的寬度,則說明沒有在HTML代碼中指定該表格的
寬度或列的寬度。如果出現(xiàn)兩個數(shù),則說明“設(shè)計”視圖中顯示的可視寬度與HTML代碼中
指定的寬度不一致。例如,圖4 -16中列的寬度設(shè)置為100像素,而添加的圖像寬度為120
像素,則該列將顯示兩個數(shù):100( 120)。當(dāng)拖動表格的右下角調(diào)整表格的大小,或者添加到
單元格中的內(nèi)容比該單元格的設(shè)置寬度大時,就會出現(xiàn)這種情況。
當(dāng)在“設(shè)計”視圖中對表格進(jìn)行格式設(shè)置時,可以設(shè)置整張表格或表格中所選行、列或單
元格的屬性。如果將整張表格的某個屬性(如背景顏色或?qū)R)設(shè)置為一個值,而將單個單
元格的屬性設(shè)置為另一個值,則單元格格式設(shè)置優(yōu)先于行格式設(shè)置,行格式設(shè)置又優(yōu)先于表
格格式設(shè)置。
表格格式設(shè)置的優(yōu)先順序為:單元格_÷行斗表格,如圖4 -17所示。
圖4 -17表格的背景色設(shè)置顯示
圖4 -17所示為將整張表格的背景顏色設(shè)置為藍(lán)色,行的背景顏色設(shè)置為綠色,單個單
元格的背景顏色設(shè)置為紅色。
注意:當(dāng)設(shè)置列的屬性時,Dreamweaver軟件將更改對應(yīng)該列中每個單元格的<td>標(biāo)
記的屬性。
4.圖像
與HTML語言相對應(yīng),Dreamweaver軟件支持3種圖像格式類型:PNG、GIF、JPEG。將
圖像插入Dreamweaver文檔時,HTML源代碼會生成對該圖像文件的引用。為了確保此引
用的正確性,該圖像文件必須位于當(dāng)前站點中。如果圖像文件不在當(dāng)前站點中,Dreamweav-
er軟件會詢問是否要將此文件復(fù)制到當(dāng)前站點。
插入圖像的操作方法如下:
(1)在“文檔”窗口中,將插入點放置在要顯示圖像的地方,然后執(zhí)行下列操作之一:
①選擇菜單“插入”一“圖像”命令。
②在“插入”面板的“常用”類別中,單擊“圖像”圖標(biāo),或?qū)⒃搱D標(biāo)拖動到“文檔”窗口中
(如果正在處理代碼,也可以將其拖動到“代碼”視圖窗口中)。
③將圖像從“資源”面板拖動到“文檔”窗口的所需位置。
④將圖像從“文件”面板拖動到“文檔”窗口的所需位置。