作业帮 > Dreamweaver > 教育资讯

dreamweaver教程:生成div+css页面的方式

来源:学生作业帮助网 编辑:作业帮 时间:2024/11/27 09:35:45 Dreamweaver
dreamweaver教程:生成div+css页面的方式Dreamweaver
【51Test.NET-dreamweaver教程:生成div+css页面的方式】:

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






二列固定、左侧栏、标题和脚注www.aa25






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.








Dreamweaver