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

所属分类：实用技巧 / 应用技巧阅读数： 969

收藏 0赞 0分享

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> </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需再刷新一下页面才能执行]

更多精彩内容其他人还在看

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

解决最近Hotmail无法登陆，hotmail不能登陆的最新解决方法总结

用nero刻录可启动功能的光盘而且光盘不是iso格式的

上海居住证办理续办上海居住证全攻略

可以用IE轻松远程控制对方电脑的软件 motelyAnywhere 安装使用图文教程

完美解决Persits.Jpeg.1 错误 ''800a0001''

真正解决win2003的“由于下列错误，Parallel port driver 服务启动失败的解决方法”

ftp上传时数据Socket错误连接超时的解决方法

解决Default storage engine (InnoDB) is not available导致mysql无法启动的修改办法

让星空极速彻底下岗的图文教程

打开扩展名为ac.$的AutoCAD的临时文件的方法

网络赚钱

站长故事

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

解决最近Hotmail无法登陆，hotmail不能登陆的最新解决方法总结

用nero刻录可启动功能的光盘而且光盘不是iso格式的

上海居住证办理 续办上海居住证全攻略

可以用IE轻松远程控制对方电脑的软件 motelyAnywhere 安装使用图文教程

完美解决Persits.Jpeg.1 错误 ''800a0001''

真正解决win2003的“由于下列错误，Parallel port driver 服务启动失败的解决方法”

ftp上传时数据Socket错误连接超时的解决方法

解决Default storage engine (InnoDB) is not available导致mysql无法启动的修改办法

让星空极速彻底下岗的图文教程

打开扩展名为ac.$的AutoCAD的临时文件的方法

网络赚钱

站长故事

上海居住证办理续办上海居住证全攻略