網站建設有些網頁開發者稱以下要介紹的這種技巧為“liquid”,在這兒則把這種技巧叫做是“彈性延伸的技巧”。這是一種技巧,可在訪客瀏覽器窗口大小改變時也隨之調整網頁頁面大小,因此如果窗口過大就不會有空白處;網站建設窗口過小邊緣就不會跑出上下移動的拉條。其實大多數簡單的網頁會自己隨著瀏覽器窗口大小來調整頁面大小,但是如果是網頁裡用到很多不同的框架及表格,網頁頁面大小就很難自動彈性地調整。通常網頁設計者會用混合運用固定寬度的框架,和GIF圖片作為間隔來設計網頁頁面,這樣一來不論是用Internet Explorer或是用Netscape Navigator,頁面大小都會固定而不會跑掉。用Dreamweaver 4.0可以輕而易舉的設計出會自動彈性調整的網頁。要怎麼做呢?
★網站建設具體做法:用工具面板(Object palette)上的按鈕打開網頁,並且轉換到“格式查看”(Layout view)。這時可以看到文字方塊的欄度,每一欄的方框上方中間還有一個小小的下拉式箭頭,點選想要設置彈性顯示的欄上方的小箭頭,接著選擇“將欄設為彈性顯示”(Make Column Autostretch)。網站建設(設置自動調整欄的寬度以一欄為限)這時該欄方框上方就會出現一條波浪形的線,而不是原本表示欄度的數字。 Dreamweaver會自動制作出固定版面的空格圖片,這個空白圖片是以欄上方的兩個長條形的空白表格表示,如此版面會自動被填充,才會完成彈性版面設置。(在第一次增加空白圖片時會跳出一個對話框問你是否要使用內置圖片,為求效果,我們建議你讓Dreamweaver自動產生一個,不然就不用使用空白圖片來填充版面。)
新手教學
批發市場僅提供代購諮詢服務,商品內容為廠商自行維護,若有發現不實、不合適或不正確內容,再請告知我們,查實即會請廠商修改或立即下架,謝謝。