Dreamweaver网页制作入门教程：div框架的更细致划分
如今，随着网页制作和建站成为人人需要掌握的技能，越来越多的人开始学习Dreamweaver（DW）这一强大的工具。在过去，我们分享了PS的入门教程，现在让我们来看看DW的入门教程吧！今天起，我将花些时间为大家带来DW入门教程，只要坚持学习，你也能成为一个DW大神。
更加细致的div框架划分
在定义网页结构的上中下部分后，根据实际操作需求，网页中间还需要进行更细致的划分。例如，如果我们想要进一步划分已经定义的头部（header），就需要在头部内部进行划分操作。
划分头部为多个部分
如果我们想将头部划分为3个部分，可以使用如下代码：
```html
```
CSS样式编辑
接下来，让我们来编辑CSS样式，以定义不同部分的外观。比如，定义logo栏目的样式：
```css
header_t_l {
width: 80px;
height: 80px;
background-color: CFF;
}
```
设置对齐方式
当定义头部右侧时，注意在代码末尾添加`float: left`以确保对齐方式正确。只有设置了对齐方式，我们定义的框架才不会出现错位问题。
预览效果
在没有设置对齐的情况下预览头部的效果可能会出现混乱。通过设置`float`命令后，可以看到头部各部分按照设定的方式正确显示。
底部定义
最后，让我们定义底部部分的样式：
```css
header_b {
width: 968px;
height: 20px;
background-color: 3CF;
float: left;
}
```
查看效果
通过以上设置，您可以看到头部和底部部分被成功划分并显示出不同的样式。学会这些基础知识，相信您已经迈出了成为DW大神的第一步！ 继续努力学习，您一定能够掌握更多高级技巧，打造出令人印象深刻的网页作品！
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
