零基础建站培训介绍

当前位置:

Dreamweaver网页中如何插入图片

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

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

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

另一种是插入背景图片,实现在图片上写文字,方法:http://www.xuewangzhan.net/dreamweaver/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属性。

上一课: 下一课:

已经有13 个评论,你也说点什么吧

  1. 建站学员头像
    LEEUNGG 说:

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

  2. 学做网站讲师头像
    学做网站讲师 说:

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

  3. 建站学员头像
    上海罗渊 说:

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

  4. 学做网站讲师头像
    学做网站讲师 说:

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

  5. 建站学员头像
    q2467838749 说:

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

  6. 建站学员头像
    实践 说:

    DW CC在哪里插入url链接

  7. 建站学员头像
    CC 说:

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

  8. 建站学员头像
    CC 说:

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

  9. 学做网站讲师头像
    学做网站讲师 说:

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

  10. 建站学员头像
    CC 说:

    谢谢老师

  11. 建站学员头像
    lib517 说:

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

  12. 学做网站讲师头像
    学做网站讲师 说:

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

  13. 建站学员头像
    lib517 说:

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

发表评论

*

* 绝不会泄露