学做网站培训课程介绍

当前位置：

DW网页中如何插入图片

以下为学做网站论坛关于“DW网页中如何插入图片”讲解视频教程。

选择课程播放速度：

DW给网页插入图片一般有二种方法：

一种是插入拥有ALT属性的图片，这在我们的企业网站制作教程中经常用到。

另一种是插入背景图片，实现在图片上写文字，方法：https://www.xuewangzhan.net/wenti/4633.html

在Dreamweaver CS6破解版中插入图像的步骤如下：

1. 将光标定位在HTML文档中要插入图像的位置。

2. 点击“插入”菜单，选择“图像”项，或者单击“插入”面板上“常用”项，选择“图像”按钮，如下图所示：

45

3. 点击“图像”按钮，弹出“选择图像源文件”对话框，如下图所示：

46

  • 单击“文件系统”单选按钮，表示从本地硬盘上选择图像文件。
  • 选取图像文件后，在对话框的右边会出现它的预览图。
  • 在“URL”文本框中，显示的是当前选中图像的URL地址。
  • 在“相对于”下拉列表框中，选择的是文件URL地址的类型。如果选择“文档”项，表示使用的是相对地址；如果选择“站点根目录”项，表示使用的是基于站点根目录的地址。

4. 单击“确定”按钮，会弹出“图像标签辅助功能属性”对话框，如下图所示：

47

  • 在“替换文本”下拉框中可以填入一个字符串；可以选择“<空>”值；也可以忽略它。
  • 在“详细说明”文本框中可以填入一个URL地址；可以点击“浏览文件”图标，选择一个URL地址；也可以忽略它。

假如这两项全部填写了，在“代码”视图中可以查看源代码。

最后点击“确定”按钮，即可将该图像插入到HTML文档中。在“代码”视图中可以查看源代码：

  • src表示要显示的图像的URL、
  • width表示图像的宽度。
  • height表示图像的高度。

5. 将图片插入到HTML文档中以后，仍然可以修改图片的alt属性。用鼠标点击图片，在图片“属性”面板中，在“替换”文本框中填写要替换的字符串即可修改alt属性。

《“DW网页中如何插入图片”》 有 19 条评论

  1. 学习建网站学员 LEEUNGG说道：
    2015年1月4日 下午11:20

    我在dw中插入了一张图片后,再上传到网络空间中，显示不出来，但在dw中看是正常的

    回复
    • 学做网站论坛讲师 学做网站讲师说道：
      2015年1月5日 上午9:45

      检查你的路径是否正确，并不是将一张图片上传到空间后，打开域名就能显示的，必须是输入整个图片路径才会显示出图片。

      回复
  2. 学习建网站学员 上海罗渊说道：
    2015年4月27日 下午1:27

    不太明白上面所说的URL和alt属性这两个名词是什么意思

    回复
    • 学做网站论坛讲师 学做网站讲师说道：
      2015年4月27日 下午1:44

      alt属性是一种对网站图片的解释，当图片无法显示的时候，写在alt属性中的文字才会显示。URL是图片在互联网上的地址。

      回复
  3. 学习建网站学员 q2467838749说道：
    2015年10月8日 上午2:09

    用DW做出来的网站好像是静态的，不知道这个说法对不对？
    我想做一个网站后台，便于修改网站内容，便于在后台回复网站留言，
    请老师或者高手指点

    回复
  4. 学习建网站学员 实践说道：
    2016年5月13日 上午12:46

    DW CC在哪里插入url链接

    回复
  5. 学习建网站学员 CC说道：
    2017年2月9日 下午12:33

    老师您好，为什么我的DW 在操作时想插入图片选项是灰色的，插入不了。没办法点击.

    回复
  6. 学习建网站学员 CC说道：
    2017年2月9日 下午12:36

    我桌面自己用记事本建了一个文件，改为html文件后，图标 不是像你讲课时那样的，而是文本模式的。不知道是不是这个原因，才导致在DW里面打开这个文件时，插入图片选项是灰色的。

    回复
    • 学做网站论坛讲师 学做网站讲师说道：
      2017年2月10日 上午4:09

      这是由于你的电脑里的设置问题，隐藏了文件后缀名。win7/win8/win10系统下显示文件图片后缀后的方法：https://www.xuewangzhan.com/wenti/5319.html

      回复
  7. 学习建网站学员 CC说道：
    2017年2月10日 上午7:35

    谢谢老师

    回复
  8. 学习建网站学员 lib517说道：
    2017年2月15日 下午12:15

    张老师，我在DW里用url做插入图片，最后完成了，在网页中不能正常显示图片，像破损一样，什么原因呢，是按照您的教程步骤操作的。

    回复
  9. 学做网站论坛讲师 学做网站讲师说道：
    2017年2月15日 下午12:29

    首先确定你的图片地址是否正确，必须是http://开头，另外，有些网站的图片是防盗链的，也会无法显示 ，可以换一张图片试试

    回复
  10. 学习建网站学员 lib517说道：
    2017年2月17日 上午1:28

    好的，谢谢老师，已搞定，是地址的问题。

    回复
  11. 学习建网站学员 学生说道：
    2018年3月18日 下午10:34

    老师你好在图片插入时出现这样提示：在objecttag运行image.htm时,发生一个javascript错误（任意解决，谢谢老师

    回复
  12. 学做网站论坛讲师 学做网站讲师说道：
    2018年3月19日 下午1:02

    启动DW软件时，以管理员身份运行

    回复
  13. 学习建网站学员 风的踪迹说道：
    2018年8月22日 下午6:23

    请问Dw如何把设定自适应，手机和pc的尺寸

    回复
  14. 学习建网站学员 武举说道：
    2019年9月20日 下午3:03

    请问插别人网络上的图片，如果人家网络图删除了，那我插别人的图片还会有吗？还是也会消失

    回复
    • 学做网站论坛讲师 学做网站讲师说道：
      2019年9月20日 下午4:20

      如果别人删除了，你网站上也会消失的。

      回复
  15. 学习建网站学员 田说道：
    2020年7月6日 下午3:56

    DW2020插入图片，怎么插入URL或者网址呀，只能插入本地图片

    回复

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • DW如何制作HTML锚点链接 视频教程 (1130891 次浏览)
    什么是锚点链接锚点链接（也叫书签链接）常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更
  • DW鼠标经过更换图片变化 视频教程 (1154476 次浏览)
    dreamweaver鼠标经过更换图片特效就是当鼠标经过图像就是当鼠标经过图像时，原图像会变成另外一张图像。鼠标经过图像其实是由两张图像组成的:原始
  • 网页如何添加背景音乐 视频教程附件下载 (1117062 次浏览)
    在上网过程中，有很多网站打开后会自动播放背景音乐，而且只有当关闭网页之后背景音乐才会停止。在我们自己建网站，同样也可以给自己的网页添加背
  • 网页table表格样式设置方法（css设置table样式） 图文教程 (151763 次浏览)
    通过网页制作教程上节课怎样在网页中添加表格，我们就可以在网页中插入一个表格，但往往插入的表格并不美观，我们需要设置一些表格参数去达到我们要求
  • 网站怎么插入天气预报 天气预报代码调用方法 图文教程 (124579 次浏览)
    我们在浏览网站时，会发现有些网站的顶部会有天气预报功能，并且可以根据用户所在的城市自动变换成当地的天气预报信息。那么我们在自己建网站时，怎么
  • DW网页中如何插入图片 视频教程 (1184532 次浏览)
    DW给网页插入图片一般有二种方法：一种是插入拥有ALT属性的图片，这在我们的企业网站制作教程中经常用到。另一种是插入背景图片，实现在图片
  • html5做网站：怎样用HTML5在网页图片上写文字 图文教程 (157605 次浏览)
    在做网站过程中，如果想在一张网页上实现图片加文字的格式，就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片，然后
  • 如何制作网站轮播图（网页图片轮播幻灯片代码分享） 图文教程 (135738 次浏览)
    各位同学大家好，我是学做网站论坛的建站会员广东崔磊。很感谢论坛老师在我学习网站制作课程期间，对我的辅导帮助。现在在这里我想给同学做分享一

课程目录