分享实用软件

dreamweaver怎么插入图片到文档

2026-10-04 6 次查看

dreamweaver怎么插入图片到文档,核心做法有两种:一是用菜单命令「插入」→「图像」,二是把图片文件从文件管理器或文件面板直接拖到设计视图或代码视图的目标位置。下面按从新建页面到确认路径的顺序说明。

  1. 先确认要插入的位置和文件
    打开 Dreamweaver 并打开目标 HTML 文档,在设计视图里把光标点到图片应该出现的位置。建议先把要用的图片放进站点文件夹内,比如与 HTML 同级的 images 目录,这样插入后路径不会轻易失效。如果站点尚未建立,可以先用「站点」→「新建站点」在做这一步之前把本地根文件夹指好。
  2. 用「插入」面板或菜单找到「图像」命令
    在上方菜单栏点「插入」,找到「图像」子项;也可以切到插入面板,在「常用」类别里找到「图像」按钮。不同版本里这个按钮的图标和归类位置可能不同,如果找不到,就在插入面板的搜索框里输入图像进行核对,不要凭记忆硬找。
  3. 在弹出的对话框里选择图片文件
    点「图像」后会弹出选择文件的对话框。浏览到图片所在的文件夹,点选目标文件(支持常见网页图片格式,如 .jpg、.png、.gif 等),然后点「确定」或「选择」。如果此时弹出提示路径为绝对路径或文件不在站内,按提示选择「是」让它复制到站点根文件夹,或「否」保留原位置,按自己的需求决定。
  4. 设置辅助功能属性并确定
    选完文件后,Dreamweaver 通常会弹出图像标签辅助功能属性对话框,让你填写替换文本(Alt)和可选的长描述、链接等。替换文本写清图片内容,有利于无障碍阅读和图片加载失败时显示,填好后点「确定」,图片就出现在刚才光标所在的位置。
  5. 检查代码与路径并保存预览
    切换到代码视图,核对该图片的 img 标签和 src 属性指向的路径是否正确,例如 images/photo.jpg 这种相对路径更稳。按保存后,用浏览器预览页面,确认图片能正常显示;若显示破图,回到文件面板核对图片是否真的在站点文件夹内、文件名大小写是否一致。

软件页面:Dreamweaver。