位置：首頁 > 軟件操作教程 > UI設計軟件 > Adobe Dreamweaver > 問題詳情

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

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

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

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

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

回復(0)
返回頂部