當前位置:才華齋>資格證>職稱考試>

職稱計算機Dreamwaver2017教程:插入並編輯表格

職稱考試 閱讀(2.45W)

導語:表格是網頁設計製作不可缺少的元素,它以簡潔明瞭和高效快捷的方式將圖片、文字、資料和表單的元素有序的顯示在頁面上,讓我們可以設計出漂亮的頁面。在Dreamwaver中如何插入並編輯表格呢?一起來看看吧。

職稱計算機Dreamwaver2017教程:插入並編輯表格

使用表格排版的頁面在不同平臺、不同解析度的瀏覽器裡都能保持其原有的佈局,而在不同的瀏覽器平臺有較好的相容性,所以表格是網頁中最常用的排版方式之一。一、插入並編輯表格

  1、插入表格

在文件視窗中,將游標放在需要建立表格的位置,單擊“常用”快捷欄中的表格按鈕彈出的“表格”對話方塊,指定表格的屬性後,在文件視窗中插入設定的表格。

“行數”文字框用來設定表格的行數。

“列數”文字框用來設定表格的列數。

“表格寬度”文字框用來設定表格的寬度,可以填入數值,緊隨其後的下拉列表框用來設定寬度的單位,有兩個選項——百分比和畫素。當寬度的單位選擇百分比時,表格的寬度會隨瀏覽器視窗的大小而改變。

“單元格邊距”文字框用來設定單元格的內部空白的'大小。

“單元格間距”文字框用來設定單元格與單元格之間的距離。

“邊框粗細”用來設定表格的邊框的寬度。

“頁首”定義頁首樣式,可以在四種樣式中選擇一種。

“標題” 定義表格的標題。

“對其標題”定義表格標題的對齊方式。

“摘要” 可以在這裡對錶格進行註釋。

  2、選擇單元格物件

對於表格、行、列、單元格屬性的設定是以選擇這些物件為前提的。

選擇整個表格的方法是把滑鼠放在表格邊框的任意處,當出現 這樣的標誌時單擊即可選中整個表格,或在表格內任意處單擊,然後在狀態列選中 標籤即可;或在單元格任意處單擊,點滑鼠右鍵在彈出選單選單中選擇“表格——選擇表格”

要選中某一單元格,按住Ctrl鍵,滑鼠在需要選中的單元格單擊即可;或者,選中狀態列中的標籤。

要選中連續的單元格,按住滑鼠左鍵從一個單元格的左上方開始向要連續選擇單元格的方向拖動。要選中不連續的幾個單元格,可以按住Ctrl鍵,單擊要選擇的所有單元格即可。

要選擇某一行或某一列,將游標移動到行左側或列上方,滑鼠指標變為向右或向下的箭頭圖示時,單擊即可。

  3、設定表格屬性

選中一個表格後,可以通過屬性面板更改表格屬性。

“填充”文字框用來設定單元格邊距,“間距”文字框用來設定單元格間距。

“對齊”下拉列表框用來設定表格的對齊方式,預設的對齊方式一般為左對齊。

“邊框”文字框用來設定表格邊框的寬度。

“背景顏色”文字框用來設定表格的背景顏色。

“邊框顏色”用來設定表格邊框的顏色。

在“背景影象”文字框填入表格背景影象的路徑,可以給表格新增背景影象。也可以如下圖所示給文字框加上鍊接路徑。還可以單擊文字框後的“瀏覽”按鈕,查詢影象檔案。在“選擇影象源”對話方塊中定位並選擇要設定為背景的圖片,單擊“確認”按鈕即可。

  4、單元格屬性

把游標移動到某個單元格內,可以利用單元格屬性面板對這個單元格的屬性進行設定。

“水平”文字框用來設定單元格內元素的水平排版方式,是居左、居右或是居中。

“垂直”文字框用來設定單元格內的垂直排版方式,是頂端對齊、底端對齊或是居中對齊。

“高”、“寬”文字框用來設定單元格的寬度和高度。

“不換行”複選框可以防止單元格中較長的文字自動換行。

“標題”複選框使選擇的單元格成為標題單元格,單元格內的文字自動以標題格式顯示出來。

“背景”文字框用來設定表格的背景影象。

“背景顏色”文字框用來設定表格的背景顏色。

“邊框”文字框用來色設定表格邊框的顏色。

  5、表格的行和列

選中要插入行或列的單元格,單擊滑鼠右鍵,在彈出選單中選擇“插入行”或“插入列”或“插入行或列”命令。

如果選擇了“插入行”命令,在選擇行的上方就插入了一個空白行,如果選擇了“插入列”命令,就在選擇列的左側插入了一列空白列。

如果選擇了“插入行或列”命令,會彈出“插入行或列”對話方塊,可以設定插入行還是列、插入的數量,以及使在當前選擇的單元格的上方或下方、左側或是右側插入行或列。

要刪除行或列,選擇要刪除的行或列,單擊滑鼠右鍵,在彈出選單中選擇“刪除行”或“刪除列”命令即可。

  6、拆分與合併單元格

拆分單元格時,將游標放在待拆分的單元格內,單擊屬性面板上的“拆分”按鈕,在彈出對話方塊中,按需要設定即可。

合併單元格時,選中要合併的單元格,單擊屬性面板中的“合併”按鈕即可。


更多職稱計算機