亚洲精品中文字幕无乱码_久久亚洲精品无码AV大片_最新国产免费Av网址_国产精品3级片

網頁設計

Dreamweaver表格相關知識

時間:2023-02-27 22:15:56 網頁設計 我要投稿
  • 相關推薦

Dreamweaver表格相關知識

  Dreamweaver表格的使用

  1、點擊插入/表格,打開表格面板進行設置。行數、列數、寬度、邊框等,“單元格填充”為單元格內側與內容的距離;“單元格間距”為單元格之間的距離,單位均為像素。

Dreamweaver表格相關知識

  2、插入表格后,在表格的邊框上點擊一下,可以全選整個表格。然后在下面的屬性面板里可以進行各種設置。

  3、把光標移到其中一個單元格,此時看到的屬性面板,就是單元格的`屬性面板。也可以進行各種關于單元格的操作。如背景色、背景圖、邊框、合并、拆分等。

  Dreamweaver表格的其他操作

  1、選中整個表格,設置其背景為黑色(該顏色即表格線的顏色)。

  2、選中所有單元格,設置其背景為白色。二自動格式化表格

  1、先制作好一張表格,然后選中。

  2、選菜單中的.命令/格式化表格。即可以其中選擇預設好的一些表格樣式。三一像素分割條

  1、插入一個1行1列,寬為200像素,邊框邊距均為0的表格。

  2、選中表格,設置表格高為1像素,并設置一個背景色(即所要的線條顏色)。

  3、切換到代碼和設計窗口,將代碼刪除

  Dreamweaver用表格構建完整的頁面

  1、創(chuàng)建一個1行2列,寬為760像素,邊框及邊距均為0的表格。

  2、選中表格,設置排列方式為居中對齊,背景色為#3366CC。

  3、將光標置于左邊單元格中,設置其水平排列為左對齊,垂直排列為頂端對齊,然后插入一張圖像,一般在此插入的是網站的圖標,即logo。

  4、將光標置于右邊單元格中,設置其寬度為500,水平排列為居中對齊,垂直排列為中間,然后插入圖像,一般是網頁廣告,即banner。

  5、將光標置于剛完成的表格之后,插入/表格,創(chuàng)建一個1行1列,寬為760像素,邊框及邊距均為0的表格。

  6、選中剛創(chuàng)建的表格,設置排列方式為居中對齊,背景色為#005173。

  7、在該表格中依次插入多個圖像,作為導航條菜單。二網頁中部(左邊欄目列表、中間網站新聞、右邊欄目列表)

  1、 在導航條表格后面,插入/表格,創(chuàng)建一個1行3列,寬為760像素,邊框及邊距均為0的表格。并設置排列方式為居中對齊,背景色為#FFFFFFF。

  2、 將光標置于左邊單元格中,設置其寬度為18%,水平排列為居中對齊,垂直排列為頂端對齊,然后插入一張圖像,插入一個導航條。

  3、 將光標置于剛插入的圖片后,插入/表格,插入一個12行1列,寬為90%的.表格。設置其單元格間距為1,背景色為#CCCCCC。

  4、 將光標放在表格第一個單元中,設置其高為20,背景色為#FFFFFF。插入/圖像,插入一個導航文字前面的小點。同樣設置其他11個單元格,這樣左邊的欄目分類列表就完成了。

  5、 將光標置于主體表格的中間單元格中,設置其寬度為66%,水平排列為居中對齊,垂直排列為頂端對齊,然后插入/圖像,插入一個導航條。

  6、 將光標置于圖像后,插入/表格,插入一個4行1列,寬為95%的表格。設置其單元格間距為1,背景色為#CCCCCC。

  7、 將光標置于表格的第一個單元格中,拖動鼠標,將4個單元格都選中,設置高為60,背景色為#FFFFFF。

  8、 將光標置于主體表格右邊的單元格中,設置其寬度為16%,水平排列為居中對齊,垂直排列為頂端對齊,插入/圖像,插入一個導航條。

  9、 將光標置于圖像后,插入/表格,插入一個7行一列,寬為90%的表格。設置其間距為1,背景色為#CCCCCC。

  10、按住Ctrl鍵,用鼠標點擊剛插入的表格的第1、3、5、7單元格,然后設置它們的高為55,背景色為#FFFFFF。

  11、選中第2、4、6單元格,設置其高為6,背景色為#FFFFFF。

  12、切換到源代碼窗口,將第2、4、6單元格中的空格符號“ ”刪除。

【Dreamweaver表格相關知識】相關文章:

Dreamweaver表格邊框制作方法11-14

Dreamweaver怎么繪制視化表格11-27

dreamweaver知識:CSS樣式表設置網頁03-29

C語言中的相關變量知識11-25

《審計相關知識》專項試題及答案11-20

Dreamweaver技巧詳解12-01

Dreamweaver路徑介紹09-23

Photoshop色彩調整與校對相關知識11-25

語文教案《筍芽兒》相關知識04-03

教學設計:《巨人的花園》相關拓展知識10-07