Dreamweaver基础教程之主体的细分技巧

网站建设 2025-05-30 03:56www.dzhlxh.cn网站建设

如今，随着网页制作与建站的普及，每个人都应该掌握相应的技能。长沙网络推广也响应着广大需求，继PS入门教程之后，今天我们将推出全新的DW入门教程。只要你愿意坚持学习，成为大神级人物也并非遥不可及的梦想。

我们本次教程所使用的软件是：Adobe Dreamweaver CS5 简体中文绿色版，软件大小仅为86MB，于2012年6月6日更新。

接下来，让我们开始这次的DW教程之旅：

1. 在body的细分中，我们首先由body-l开始。

2. 分别输入以下代码：

3. 在main文件中定义div内的文字内容。

4. 接下来，我们要定义div的宽、高等基本属性。例如：

.body1{font-size:12px;color:FFF;width:220px;height:240px;background-color:666}

5. 若想使两个div分开放置，只需为其中一个添加一行代码：margin-top：10px。这样，两个div就会开始分隔开来。右侧的操作方法相同。

6. 现在我们开始为第二个div命名为body2。

7. 同样地，在main文件中定义它的样式属性，包括字体大小、颜色、宽度、高度、背景颜色等，并添加适当的间距和浮动属性。例如：

.body2{font-size:12px;color:FFF;width:354px;height:240px;background-color:666;margin-top:10px;float:left;margin-left:10px;}

通过以上步骤，你就能初步掌握DW软件的基本操作。这只是入门级的教程，更深入的学习还需要你不断实践、和研究。我们相信，只要你坚持下去，未来的网页制作大师就是你！