dreamweaver做網(wǎng)頁實例教程利用表格美化頁面
來源:易賢網(wǎng) 閱讀:555 次 日期:2016-06-16 10:07:45
溫馨提示:易賢網(wǎng)小編為您整理了“dreamweaver做網(wǎng)頁實例教程利用表格美化頁面”,方便廣大網(wǎng)友查閱!

在瀏覽網(wǎng)頁的時候可以發(fā)現(xiàn),很多用于網(wǎng)站排版的表格都是經(jīng)過美化處理的,這些表格不僅起了布局排版的作用,而且在很大程度上美化了網(wǎng)頁,使網(wǎng)頁看起來更加漂亮、新穎。

效果說明

利用表格美化頁面的方式有很多種。本例制作出來的帶有層次感的表格如圖8-1所示。

創(chuàng)作思想

利用表格美化頁面并不需要很多的制作技巧。例如本例只需要進行簡單的表格嵌套(即在表格中插入表格),即可達到美化效果。

操作步驟

(1)新建一個頁面文件,然后在編輯區(qū)域中插入一個2×1的表格,并設置表格的基本屬性參數(shù),如圖8-2所示。

(2)設置表格。將光標置于第一行的單元格中,再將單元格的背景顏色設置為#69a538,并應用同樣的方法將第二行單元格的背景顏色設置為#8fcb5a。設置完成后將光標至于第一行的單元格中,然后在此單元格中插入一個1×5的表格,并設置表格的基本屬性參數(shù),如圖8-3所示。

(3)錄入文字并設置單元格。在新插入的表格的所有單元格中輸入文字,然后選中所有單元格,設置單元格的相關屬性,如圖8-4所示。

(4)改變其中一個單元格的文字顏色和背景顏色,使其突出顯示,如圖8-5所示。

(5)保存頁面文件并按f12鍵進行預覽,此時即可得到帶有層次感的表格效果。至此,本實例操作完畢。讀者可參考隨書光盤中本實例素材文件夾里的mhtable.htm文件,查看制作的結果是否正確。表格是網(wǎng)頁中必不可少的元素之一,美化表格也就順理成章,成為決定網(wǎng)頁美觀與否的關鍵。

更多信息請查看網(wǎng)頁制作
易賢網(wǎng)手機網(wǎng)站地址:dreamweaver做網(wǎng)頁實例教程利用表格美化頁面
由于各方面情況的不斷調整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復僅供參考,敬請考生以權威部門公布的正式信息和咨詢?yōu)闇剩?/div>

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權所有:易賢網(wǎng)