建站软件 优化软件 编程软件 网页辅助 站群程序 网站程序 图像处理 资源教程 字体下载 推荐软件


您的位置:首页 > dw入门 > 第四节:Dreamweaver cs5网页中如何插入图片

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

时间:2014-11-24 15:47:54  来源:免费模板网 作者:风雪 阅读次数 tags网页图片

在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属性。

本文地址:https://www.freemoban.com/dwrm/2014/1124/60.html

猜你喜欢
栏目推荐
模板推荐

Copyright:www.freemoban.com 免费模板网 All Rights Reserved 网站备案:辽ICP备19014872号-2   辽公网安备 21010602000376号  辽公网安备:42900402000182号

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,我们会及时删除侵权内容,联系QQ:1615187561 谢谢合作!