Dreamweaver 嵌套表格
表格之中還有表格即嵌套表格。
網(wǎng)頁的排版有時(shí)會(huì)很復(fù)雜,在外部需要一個(gè)表格來控制總體布局,如果內(nèi)部排版的細(xì)節(jié)也通過總表格來實(shí)現(xiàn),容易引起行高列寬等的沖突,給表格的制作帶來困難。其次,瀏覽器在解析網(wǎng)頁的時(shí)候,是將整個(gè)網(wǎng)頁的結(jié)構(gòu)下載完畢之后才顯示表格,如果不使用嵌套,表格非常復(fù)雜,瀏覽者要等待很長時(shí)間才能看到網(wǎng)頁內(nèi)容。
引入嵌套表格,由總表格負(fù)責(zé)整體排版,由嵌套的表格負(fù)責(zé)各個(gè)子欄目的排版,并插入到總表格的相應(yīng)位置中,各司其職,互不沖突。
另外,通過嵌套表格,利用表格的背景圖像、邊框、單元格間距和單元格邊距等屬性可以得到漂亮的邊框效果,制作出精美的音畫貼圖網(wǎng)頁。
創(chuàng)建嵌套表格的操作方法,先插入總表格,然后將光標(biāo)置于要插入嵌套表格的地方,繼續(xù)插入表格即可。
1、將光標(biāo)放置在文檔窗口要插入表格的位置,單擊常用插入欄“表格”按鈕,插入一個(gè)1行1列的表格一,寬度500像素,高度100%,邊框?yàn)?,單元格間距為0,單元格邊距為12像素。背景圖像選擇beij/003.gif。
2、將光標(biāo)放置在表格一內(nèi),插入表格二,1行1列,寬度100%,高度100%,邊框?yàn)?,單元格間距為0,單元格邊距為12像素。背景圖像選擇beij/002.gif。
3、將光標(biāo)放置在表格二內(nèi),插入表格二,1行1列,寬度100%,高度100%,單元格間距和單元格邊距都為8像素,邊框?yàn)?0,邊框顏色為#FEE4ED。背景圖像選擇beij/005.gif。
4、將光標(biāo)放置在表格三內(nèi),選擇單元格的背景圖像為beij/006.gif。添加文字“恭賀新禧”,字號(hào)68px,字體為隸書,顏色為#A51008。
點(diǎn)擊加載更多評(píng)論>>