在网页中，图像通常用于添加图形界面（例如导航按钮）、具有视觉感染力的内容（例如照片）或交互式设计元素（例如鼠标经过图像或图像地图）。
在Dreamweaver文件中插入图片时，Dreamweaver会自动在网页的HTML源代码中生成对该图像文件的引用。为了保证引用的正确性，该图片文件必须保存在当前站点目录中。如果所用的图片不在当前站点目录中，Dreamweaver将提示用户创建文档相对路径。
下面通过一个在网页中插入图片和文字的示例，让读者了解插入图片的具体步骤。
新建一个文档，单击“设计”按钮切换到设计视图。
执行“插入”/“图像”命令，或单击“常用”面板上的
按钮，弹出“选择图像源文件”对话框。
在“选择图像源文件”对话框中选择所要插入图像的路径，或者直接在URL中输入所要插入图像的路径，此时可以看到图像的预览效果。
在该对话框中，选中“文件系统”可以选择一个图形文件；选中“数据源”可以选择一个动态图像源。单击“站点和服务器”可以从Web站点中选择图像文件。
选定图像后，单击“确定”按钮。如果选中的图像文件没有保存，那么Dreamweaver会弹出一个对话框，提示用户先保存文档。(www.xing528.com)
单击“确定”按钮。此时将显示“图像标签辅助功能属性”对话框，在“替代文本”和“详细描述”文本框中输入值，然后单击“确定”。该图像即可插入文档中。
在图像的属性面板中，设置图像的边框值为2。
在图片下方输入文本“但愿人长久，千里共婵娟”，并在属性面板中设置文本字体、大小和颜色。
选中文字和图片，单击属性面板上的居中按钮
。保存文件，并用浏览器打开文件，即可得到如图4-18所示的效果。
图4-18 插入图像与文本的效果
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
