Dreamweaver如何使用div在网页上显示图片效果
在制作网页的过程中，图片的布局直接影响网页的整体效果，那么如何使图片的布局统一呢事实上，你可以做这部现在我们将与您谈谈制作过程中，我们将分享步骤和截图，希望能对你有帮助。软件名称：Adobe Dreamweaver CS5简体中文绿色特别版软件大小：86mb更新时间：2012-06-06
1、启动Dreamweaver CS5，执行文件-新的命令，选择新文件对话框的HTML文件，然后单击创建按钮。
2。将无标签的文件中的名称修改为div布局图片效果。
3，输入标签下的相关代码，定义网页的整体风格，风格直接影响网页的美观。
4，然后在div中输入三个标记，并分别设置它们所属的类。最的div设置是分贝，中间两zpxc1和zpxc，和基本框架效果见下文。
5，在外部框架设计良好后，我们将使用div布局图片来编写相应的代码，设置div的大小和相关属性，同时设计图片的相关属性。
代码是：
div.pt img { margin: 0px；身高：220px；宽度：120px；边距：10px；border: 1px solid # 333；}
div.pt {浮动：左；身高：240px；宽度：140px；保证金：6px；padding: 0px；边距：10px；过滤器：光；背景：# 333；margin-left: 0.8em；}
图：浮点数：对；}
6，建立一个新的四DIV DIV像zpxc1，并设置img的src属性的值来作出一个正确的链接到图片。
7、做预览效果基于F12，浏览器提醒保存更改，点击直接找到一个合适的位置来保存。
8，然后输入div类zpxc；工作表明四字，再看效果，如果不适合再次修改。
9，如果有太多的图片，你可以修改类zpxc1和DB的高度，直到合适的重复，重复步骤6和7，并使用相同的方法创建多个图片区
10，如果，四字都不满意，你可以用图片来代替，并满足F12。
11、执行文件保存命令，输入在弹出对话框中的名称，div布局图像，找到一个合适的位置保存。
相关建议：
如何在Dreamweaver中把文字放在图片上
如何使用Dreamweaver向Web图像添加alt标记
如何Dreamweaver CS5压缩网页中的图像