零基础学做网站教程

当前位置:

第四节:Dreamweaver网页中如何插入图片

以下为学做网站论坛关于“第四节:Dreamweaver网页中如何插入图片”讲解视频教程如何去课程广告

在Dreamweaver CS5中插入图像的步骤如下:

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

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

45

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

46

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

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

47

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

假如这两项全部填写了,在“代码”视图中可以查看源代码:
<img src="44.gif" alt="替换文本" longdesc="http://www.baike369.com/baike.txt" />
最后点击“确定”按钮,即可将该图像插入到HTML文档中。在“代码”视图中可以查看源代码:
<img src="images/201203/44.gif" width="100" height="100" />

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

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

Tags:

上一课: 下一课:

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

  1. 建站学员头像
    LEEUNGG 说:

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

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

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

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

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

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

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

  5. 建站学员头像
    q2467838749 说:

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

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

    DW CC在哪里插入url链接

发表评论

*

* 绝不会泄露


相关教程

  1. 如何制作wordpress自动调用后台图片的banner切换图
  2. 如何让电脑里的图片显示后缀名
  3. wordpress如何自动给图片加ALT信息、标签云等函数应用汇总
  4. 如何制作网站的图片相册特效
  5. 如何让网站文章中的图片自动居中
  6. 网站图片与文字顶部对齐的CSS写法
  7. WordPress 自动下载保存远程图片插件
  8. 图片与文字混排对齐CSS样式【vertical-align属性】
  9. 关于文字和图片不能设置成一排的问题
  10. 如何自动调整文章中的图片尺寸