位置:首頁 > 軟件操作教程 > UI設(shè)計軟件 > Adobe Dreamweaver > 問題詳情

讓網(wǎng)頁頁面大小更有彈性

提問人:周麗平發(fā)布時間:2021-05-26

有些網(wǎng)頁開發(fā)者稱以下要介紹的這種技巧為“l(fā)iquid”,在這兒則把這種技巧叫做是“彈性延伸的技巧”。這是一種技巧,可在訪客瀏覽器窗口大小改變時也隨之調(diào)整網(wǎng)頁頁面大小,因此如果窗口過大就不會有空白處;窗口過小邊緣就不會跑出上下移動的拉條。其實(shí)大多數(shù)簡單的網(wǎng)頁會自己隨著瀏覽器窗口大小來調(diào)整頁面大小,但是如果是網(wǎng)頁里用到很多不同的框架及表格,網(wǎng)頁頁面大小就很難自動彈性地調(diào)整。通常網(wǎng)頁設(shè)計者會用混合運(yùn)用固定寬度的框架,和GIF圖片作為間隔來設(shè)計網(wǎng)頁頁面,這樣一來不論是用Internet Explorer或是用Netscape Navigator,頁面大小都會固定而不會跑掉。用Dreamweaver 4.0可以輕而易舉的設(shè)計出會自動彈性調(diào)整的網(wǎng)頁。要怎么做呢?

具體做法:用工具面板(Object palette)上的按鈕打開網(wǎng)頁,并且轉(zhuǎn)換到“格式查看”(Layout view)。這時可以看到文字方塊的欄度,每一欄的方框上方中間還有一個小小的下拉式箭頭,點(diǎn)選想要設(shè)置彈性顯示的欄上方的小箭頭,接著選擇“將欄設(shè)為彈性顯示”(Make Column Autostretch)。(設(shè)置自動調(diào)整欄的寬度以一欄為限)這時該欄方框上方就會出現(xiàn)一條波浪形的線,而不是原本表示欄度的數(shù)字。 Dreamweaver會自動制作出固定版面的空格圖片,這個空白圖片是以欄上方的兩個長條形的空白表格表示,如此版面會自動被填充,才會完成彈性版面設(shè)置。(在第一次增加空白圖片時會跳出一個對話框問你是否要使用內(nèi)置圖片,為求效果,我們建議你讓Dreamweaver自動產(chǎn)生一個,不然就不用使用空白圖片來填充版面。)

繼續(xù)查找其他問題的答案?

回復(fù)(0)
返回頂部