Dreamweaver 4 簡明教程(七、網頁的排版4)

來源:互聯網
上載者:User
dreamweaver|教程|網頁 七、網頁的排版

   新增的排版功能

  前面之所以以將圖層與表格互換的功能一筆帶過,是因為在DW4,推出了一個新的Layout排版功能,能夠更加直接方便地對頁面配置進行編排。在對象面板的最下方有四個按鈕:



   標準視圖(Standard View):預設狀態下的視圖;

   排版視圖(Layout View):轉入排版視圖,就是這次要介紹的功能;


  按下 按鈕後,上面的Layout的兩個按鈕就可以使用了:

   表格排版(LayOut Table):象畫圖一樣在頁面裡面排版表格;

   儲存格排版(LayOut Cell):在表格中畫儲存格。
  現在我們嘗試利用以上的工具排版一個新頁面: 建立一個頁面,點 進入排版視圖,點 在頁面上畫出表格,再點 ,在表格中畫出儲存格,其中表格會以綠色框表示,儲存格會以藍色表示,未確定的儲存格會以灰色表示,如下圖:



  在這裡,每一個表格,儲存格的大小都可以隨意的調整。最後後點 回到標準視圖,你會發現,剛才畫的“Layout Table”已經全部轉化為表格了。如下圖:

  另外,在排版視圖上的表格上有一個數字,表示的是表格的寬度,單擊數字,可以看到以下菜單:



  Make Column AutoStretch:列自動調整,就是表格可以按照螢幕比例來自動調整寬度,相當於將表格的寬度定義為百分比。

  Add Spacer image/Remove Spacer Images:增加/移去透明圖片。透明圖片的作用就是撐住表格的寬度。

  Clear cell Heights:清除儲存格高度。


  以下,就是goEway.com利用在利用Layout功能進行頁面排版的情景,與標準視圖相比,就直觀得多了。



相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。