位置：首頁(yè) > 軟件操作教程 > UI設(shè)計(jì)軟件 > Adobe Dreamweaver > 問(wèn)題詳情

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

提問(wèn)人：周麗平發(fā)布時(shí)間：2021-05-26

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

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

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

回復(fù)(0)