網域查詢: www.
返回首頁

Dreamweaver技巧大放送前六招

時間:2010-02-11 13:02來源: 作者: 點擊:
以目前的情況來說,Dreamweaver 內建的功能可說是越作越多、越作越豐富、齊備。在這里我要向大家介紹的4.0版本中的一些應用小技巧。 1. 讓網頁頁面更有彈性 有些網頁開發者稱以下要介
  

    以目前的情況來說,Dreamweaver 內建的功能可說是越作越多、越作越豐富、齊備。在這里我要向大家介紹的4.0版本中的一些應用小技巧。

  1. 讓網頁頁面更有彈性

    有些網頁開發者稱以下要介紹的這種技巧為 liquid,我在這兒則把這種技巧叫做是 stretchy(彈性延伸的技巧)。這是一種技巧,可在訪客瀏覽器窗口大小改變時也隨之調整網頁頁面大小,因此若是窗口過大就不會有空白處、窗口過小邊緣就不會跑出上下移動的拉Bar。其實大多數簡單的網頁會自己隨著瀏覽器窗口大小來調整頁面大小,但是若是網頁里用到很多不同的框框及表格,網頁頁面大小就很難自動彈性地調整。通常網頁設計者會用混合運用固定欄寬的框框,和 GIF 圖檔作為間隔, 來設計網頁頁面,這樣一來不論是用 Internet Explorer 或是用,頁面大小都會固定而不會跑掉。用 Dreamweaver 4.0 可以輕而易舉的設計出會自動彈性調整的網頁。要怎麼做呢?

    用工具面版(Object palette)上的按鈕開啟網頁,並且轉換到 格式檢視( Layout view)。這時可以看到文字方塊的列寬, 每一列的方框上方中間還有一個小小的下拉式箭頭 ,選擇想要設定彈性顯示的列上方的小箭頭,接著選擇「將列設為彈性顯示」( Make Column Autostretch)。 (設定自動調整列寬以一列為限)這時該列方框上方就會出現一條波浪形的線,而不是原本表示列寬的數字。 Dreamweaver 會自動制作出固定版面的空格圖文件,這個空白圖文件是以列上方的兩個長條形的空白表格表示,如此版面會自動被填充,才會完成彈性版面設定。(在第一次增加空白圖文件時會跳出一個對話框問你是否要使用內建圖檔,為求效果,我建議你讓 Dreamweaver 自動產生一個,不然就不用使用空白圖文件來填充版面。)

  2. 創造個性化調色盤

    Dreamweaver 4.0 新的 Assets panel(屬性控制面板)是一種可以在編輯網站時根據檔案型態,例如圖片、樣板等來管理檔案的新工具,當你定義新站台時(選擇Site 0

頂一下
(0)
0%
踩一下
(0)
0%
------分隔線----------------------------
最新評論 查看所有評論
發表評論 查看所有評論
請自覺遵守互聯網相關的政策法規,嚴禁發佈色情、暴力、反動的言論。
評價:
表情:
用戶名: 密碼: 驗證碼:
推薦內容