freepeople性欧美熟妇, 色戒完整版无删减158分钟hd, 无码精品国产vα在线观看DVD, 丰满少妇伦精品无码专区在线观看,艾栗栗与纹身男宾馆3p50分钟,国产AV片在线观看,黑人与美女高潮,18岁女RAPPERDISSSUBS,国产手机在机看影片

正文內(nèi)容

利用表格設(shè)計和制作網(wǎng)-展示頁

2025-06-15 07:47本頁面
  

【正文】 元格之間的間隙。 邊框 (Border):單元格四周的界線標(biāo)志。 ? 單元格( Cell):表格中的最小的獨 立存放數(shù)據(jù)的區(qū)域。 ? 行( Row):表格在水平方向上的組成元素。下面以制作“天使部落”主頁為例介紹創(chuàng)建表格、編輯表格、在表格中添加文字和圖片、刪除表格等內(nèi)容,并結(jié)合此例介紹設(shè)置表格和單元格的屬性等方法。表格還可以轉(zhuǎn)換成層,當(dāng)作層來使用(層的知識在第 9 章學(xué)習(xí))。圖 41 所示的是“天使部落”網(wǎng)頁利用表格進行布局的頁面效果。通過本章的學(xué)習(xí),讀者應(yīng)該掌握以下內(nèi)容: ? 利用 DreamweaverMX 創(chuàng)建表格的方法 ? 編輯表格的方法 ? 設(shè)置表格屬性的方法 ? 利用 HTML 編輯表格的方法 ? 使用表格和布局視圖 進行頁面布局的方法 表格網(wǎng)頁實例 我們在上網(wǎng)瀏覽時雖然沒有看到多少表格,但許多網(wǎng)頁設(shè)計的排版實際上都是采用隱藏了邊框的表格來實現(xiàn)的。通過表格,可以實現(xiàn)很多用一般手段很難實現(xiàn)的排版效果,達到頁面排版布局的完全控制。第四章 利用表格設(shè)計和制作網(wǎng)頁 在網(wǎng)頁設(shè)計制作中,表格( Table)是一個重要的網(wǎng)頁元素,主要用來在頁面上布局?jǐn)?shù)據(jù)和圖像,使頁面中的信息布局合理、簡潔。另外,在網(wǎng)頁設(shè)計制作中,表格還有一個重要作用,就是對網(wǎng)頁進行排版。本章以示例網(wǎng)頁示例為介紹網(wǎng)頁表格的設(shè)計與制作的方法。表格化的頁面在不同平臺、不同分辨率的瀏覽器里都能顯示出原有的布局和對齊。 圖 41 “天使部落”主頁 Dreamweaver MX 提供了強大的制表功能,使得在制作網(wǎng)頁的過程中插入表格的操作變得簡便、快捷,并可以在表格中插入圖片、文字、 Flash 等各種元素。對已經(jīng)建立好的表格,可以很容易地修改表格的外觀,改變表格中行、列的數(shù)量,對表格添加顏色,改變表格對齊方式等操作。 利用 Dreamweaver 8 編輯網(wǎng)頁表格 創(chuàng)建表格 表格主要由以下 3 個基本元素組成。 ? 列( Column):表格在豎直方向上的組成元素。 另外,還有以下幾個概念需要掌握。 表格間距 (Cellspace):定義內(nèi)部表格線的寬度。 在 Dreamweaver 8 中,創(chuàng)建表格有以下 4 種方式。 ? 按組合鍵 Ctrl+Alt+T。 ? 單擊插入面板上“表格”選項卡中的“插入表格”按鈕 。 圖 42 “插入表格”對話框 對話框中各選項含義如下。 列數(shù):初次指定表格的總列數(shù)。 單元格間距:指定單元格之間的距離,以像素為單位。 邊框:指定表格邊界的寬度,以像素為單位(如果在瀏覽器窗口中不顯示表格的邊框,則定 義為 0)。新建表格如圖 43 所示。修改表格主要包括調(diào)整表格的大小、合并單元格、拆分單元格等操作。 ? 移動鼠標(biāo)到表格的水平或垂直邊框上,當(dāng)鼠標(biāo)變?yōu)殡p豎杠或雙橫杠時,上下或左右拖動鼠標(biāo),可以粗略地調(diào)整表格的大小。 ? 利用表格“屬性”面板,可以精確地設(shè)置表格的大小。 圖 44 利用“屬性”面板調(diào)整表格的大小 ( 2)調(diào)整行高、列寬 ? 調(diào)整一行或一列。 ? 利用表格“屬性”面板設(shè)置。如果文本框中為空白,則行高、列寬將由瀏覽器和DreamweaverMX根據(jù)單元格中的內(nèi)容來自動調(diào)整。若不能用拖動單元格邊框的方法來改變所需的行高、列寬,則可以清除行高、列寬,再重新進行設(shè)置。 ( 3)合并單元格 首先選中需要合并的單元格,然后利用下列的 操作之一來合并單元格。 ? 右擊選中的單元格,從彈出的快捷菜單中選擇“表格”→“合并單元格”命令。 ? 按組合鍵 Ctrl+Alt+M。合并后的效果如圖4— 5 所示。拆分單元格就是將一個單 元格拆分成需要的多個單元格。 ? 執(zhí)行主菜單中“修改”→“表格”→“拆分單元格”命令。 ? 單擊表格“屬性”面板上的拆分單元格按鈕 。 上述幾種操作都會打開“拆分單元格”對話框,如圖 4— 6 所示,選擇是拆分成行還是列,并輸入要拆分成的數(shù)量即可。如在圖 4— 1“天使部落 “主頁中的”理想篇 ”、“生活篇 ”、?等內(nèi)容就是通過表格嵌套實現(xiàn)的。用同樣的方法可以插入另外 3 個表格,如圖 4— 7 所示。具體操作如下。若選中整個表格,再進行復(fù)制和粘貼,可以將表格擴充一倍。具體操作方法是,先選中需要刪除的行或列,然后執(zhí)行“修改”→“表格”→“刪除行”或“刪除列”命令(也可以執(zhí)行右鍵快捷菜單中的“表格”→“刪除行:或“刪除列”命令)。 需要說明的是, Dreamweaver MX 可以對選中的一個或多個整行(列) 執(zhí)行刪除操作,卻不能直接刪除整個表格,非要刪除整個表格,可以先選中整個表格,再執(zhí)行剪切操作。具體操作方法是,將鼠標(biāo)指針定位在所需單元格中,若執(zhí)行主菜單中“修改”→“表格”→“增加行寬”或“增加列寬”命令,則可以將給單元格相鄰右側(cè)或下側(cè)的單元格進行合并;若執(zhí)行主菜單中“修改”→“表格”→“減少行寬”或“減少列寬”命令,則可以將該單元格相鄰右側(cè)或下側(cè)的單元格進行拆分。 2.在表格中輸入文字和圖像 表格調(diào)整完畢,就可以在表格中輸入相應(yīng)的內(nèi)容了。 ( 1)在表格中輸入文字 參照“天使部落”主頁(如圖 4— 1 所示)的文字內(nèi)容,在圖 4— 7 所示的表格內(nèi)按要求輸入文字,并通過表格“屬性”面板對文字的字號、字體、對齊方式、顏色等進行調(diào)整(表格“屬性”面板的內(nèi)容將在 節(jié)中學(xué)習(xí))。 圖 48 輸入文字后的表格 ( 2)在表格中插入圖像 參照“天使部 落”主頁(如圖 41 所示)的圖像內(nèi)容,在圖 48所示的表格內(nèi)按要求插入圖像 ( 說明,有些圖像是利用層來實現(xiàn)插入的,有關(guān)層的內(nèi)容將在第 9 章學(xué)習(xí) )。 選中需要插入圖像的單元格,執(zhí)行主菜單“插入” “圖像”命令或單擊“常用”面板中的“圖像”按鈕 ,打開“選擇圖像源”對話框,打開存放圖像的文件夾(可以事先將所需要并喜愛的圖像保存或復(fù)制到該文件夾中,如站點中的 images 文件夾),選中所需圖像(可以從右側(cè)的“圖像預(yù)覽”中看到圖像),如圖 49 所示,單擊“確定”按鈕,圖像即插入到相應(yīng)的單元格中, 通過鼠標(biāo)適當(dāng)調(diào)整圖像在單元格中的大小及位置,調(diào)整后的表格如圖 410 所示。 選中整個表格,表格“屬性”面板如圖 411 所示,可以對表格的整體屬性進行設(shè)置。 圖 411 表格“屬性”面板 表格名字(表格 Id):給表格對象命名,在腳本編程中可以使用。 寬和高:設(shè)置表格的寬度和高度。使用“屬性”面板上兩個按鈕 (清除列寬)和 (清除行高)可以清除原來的寬度和高度設(shè)置;使用“屬性”面板上的四個按鈕 (將表格寬度轉(zhuǎn)為像素)、 (將表格高度轉(zhuǎn)換為像素)、 (將表格寬度轉(zhuǎn)換為百分比)、 (將表格高度轉(zhuǎn)化為百分比),可以將表格寬度和高度在像素和百分比之間進行轉(zhuǎn)換。 間距:單元格之間的間距。 邊框:表格邊框的寬度,若設(shè)為 0,則在瀏覽網(wǎng)頁時看不到表格邊框。 邊框顏色:設(shè)置表格邊框顏色。 、列和單元格屬性設(shè)置 選中行、列或單元格后,表格“屬性”面板的設(shè)置與整個表格的設(shè)置基本一致的,只不過是應(yīng)用范圍上不同而已。 在“屬性”面板的左下方有一個示例圖形,可以看出當(dāng)前選擇的是行、列還是單元格,如圖 412 所示選擇的是單元格。 水平:設(shè)置單元格內(nèi)容在單元格內(nèi)的水平對齊方式,有默認(rèn)、左對齊、居中對齊和齊 4種選擇。 寬和高:設(shè)置單元格的寬度和高度的數(shù)值。 不換行:設(shè)置單元格內(nèi)無抽象行功能。 背景:設(shè)置行、列或單元格背景圖像。背景圖像的優(yōu)先順序為:單元格、行列、表格。 合并、拆分按鈕:在“屬
點擊復(fù)制文檔內(nèi)容
畢業(yè)設(shè)計相關(guān)推薦
文庫吧 www.dybbs8.com
備案圖鄂ICP備17016276號-1