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

更新時間：2007年09月14日 21:24:45 作者：

dreamweaver cs3在新建文件時比以前版本有了較大改變，分為了四列形，有點類似于golive的樣式了。最大的改觀就算它能自動創(chuàng)建div+css布局，基本上涵蓋了所有的常用布局形式?？梢詾槲覀冊O計頁面時節(jié)省很大一部分時間，值得表揚。

下面的是自動生成的頁面，里邊還帶注釋呢

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>二列固定、左側(cè)欄、標題和腳注www.aa25.cn</title> <style type="text/css">    </style></head> <body class="twoColFixRtHdr"> <div   class="wkmsk88"   id="container">   <div   class="ak88eg8"   id="header"> <h1>標題</h1>   </div>   <div   class="smouose"   id="sidebar1"> <h3>Sidebar1 內(nèi)容</h3> <p>此 div 上所顯示的背景色剛好與內(nèi)容等寬。如果您喜歡改用分界線，而且 #mainContent div 將始終包含較多的內(nèi)容，請在 #mainContent div 的右邊緣放置一個邊框。 </p>     <p>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.</p>   </div>   <div   class="s8w8m8y"   id="mainContent"> <h1> 主要內(nèi)容 </h1>     <p>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.</p>     <h2>H2 級別的標題 </h2>     <p>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.</p>     </div>     <br class="clearfloat" />   <div   class="oi0qw8u"   id="footer"> <p>腳注</p>   </div> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

一個比較新奇的隱藏文件的招數(shù)
網(wǎng)上得多了，總有些雜七雜八的東西不想讓別人看到。
2008-08-08
解決IE不能主動識別UTF-8編碼的問題的方法
解決IE不能主動識別UTF-8編碼的問題的方法...
2007-09-09
制作可啟動U盤的方法
制作可啟動U盤的方法...
2007-03-03
xp與2000,2003系統(tǒng)優(yōu)化和設置教程
xp與2000,2003系統(tǒng)優(yōu)化和設置教程...
2007-03-03
動網(wǎng)升級疑難集合（1）
動網(wǎng)升級疑難集合（1）...
2007-02-02
PMP格式詳解
PMP格式詳解...
2007-01-01
NTFS還是FAT
NTFS還是FAT...
2006-10-10
nero刻錄數(shù)據(jù)光盤的圖文教程
nero刻錄數(shù)據(jù)光盤的圖文教程...
2007-03-03
FireFox明文密碼以后使用要小心了
FireFox明文密碼以后使用要小心了...
2007-11-11
Win2000/XP下的SFC使用參數(shù)
Win98下有一個非常好用的工具 --> 系統(tǒng)文件檢查器，使用它可以很快速的檢查出你的系統(tǒng)有沒有系統(tǒng)文件丟失或者被修改，并且自動提醒你還愿系統(tǒng)文件以保證系統(tǒng)的穩(wěn)定性，減少重新安裝系統(tǒng)的麻煩，現(xiàn)在這個程序已經(jīng)移植到Win2000里面了，不過使用的方法和Win98不同了，必須加上一定的參數(shù)才能夠運行，這一點適合Win98有所不同的，那么有哪些參數(shù)呢？具體的參數(shù)有代表什么意義呢？現(xiàn)在讓我來告訴你吧。
2008-04-04