學習dreamweaver cs3新功能之直接產生div+css頁面

文章目錄

• Sidebar1 內容

dreamweaver cs3在建立檔案時比以前版本有了較大改變，分為了四列形，有點類似於golive的樣式了。最大的改觀就算它能自動建立div+css布局，基本上涵蓋了所有的常用布局形式。可以為我們設計頁面時節省很大一部分時間，值得表揚。

下面的是自動產生的頁面，裡邊還帶注釋呢 xmlns="http://www.w3.org/1999/xhtml">

標題

Sidebar1 內容

此 div 上所顯示的背景色剛好與內容等寬。如果您喜歡改用分界線，而且 #mainContent div 將始終包含較多的內容，請在 #mainContent div 的右邊緣放置一個邊框。

Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.

主要內容

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.

H2 層級的標題

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.

腳註