学习dreamweaver cs3新功能之直接生成div+css页面

更新时间：2007年09月14日 21:24:45 作者：

dreamweaver cs3在新建文件时比以前版本有了较大改变，分为了四列形，有点类似于golive的样式了。最大的改观就算它能自动创建div+css布局，基本上涵盖了所有的常用布局形式。可以为我们设计页面时节省很大一部分时间，值得表扬。

下面的是自动生成的页面，里边还带注释呢

<!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>二列固定、左侧栏、标题和脚注www.aa25.cn</title> <style type="text/css">    </style></head> <body class="twoColFixRtHdr"> <div id="container">   <div id="header"> <h1>标题</h1>   </div>   <div id="sidebar1"> <h3>Sidebar1 内容</h3> <p>此 div 上所显示的背景色刚好与内容等宽。如果您喜欢改用分界线，而且 #mainContent div 将始终包含较多的内容，请在 #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 id="mainContent"> <h1> 主要内容 </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 id="footer"> <p>脚注</p>   </div> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

asp运行特别慢之iis6假死现象的一种解决方法
asp运行特别慢之iis6假死现象的一种解决方法...
2007-08-08
EditPlus 3设置字体大小(附图)
EditPlus3是我们经常使用的编辑工具，至于如何设置字体大小的问题，有很多朋友在问，下面有个不错教程，大家可以感受下
2013-10-10
【图文】Blackice防火墙的下载安装与设置教程
【图文】Blackice防火墙的下载安装与设置教程...
2007-05-05
FCKeditor 實戰技巧
FCKeditor 實戰技巧...
2006-09-09
解决U盘无法停止的比较好的办法
解决U盘无法停止的比较好的办法...
2007-04-04
DEDECMS插入表时的出错
修改服务器mysql的sql-mode配置以解决DEDECMS插入表时的出错的BUG
2008-03-03
IIS运行错误 Server Application Error 错误代码 Error: 8004的解决方法
IIS故障新解...其实也不是什么新解,呵呵不过网络上的大虾们给的方法结合了下就搞定了问题
2007-09-09
Aptana 和 JSEclipse 的选择
Aptana 和 JSEclipse 的选择...
2007-02-02
纯真IP数据库格式图文详解
这篇文章主要介绍了纯真IP数据库格式的相关资料,需要的朋友可以参考下
2007-07-07
URL中井号的作用介绍
URL中的井号(#)是比较常见的，下面就为大家介绍一些有关井号的故事，感兴趣的朋友可以了解下
2013-08-08