两种方法在Dream Weaver CS5中插入图片

2025-10-29 03:15:05

1、首先我们打开Adobe Dream Weaver CS5,要新建一个站点,然后才新建一个网页文件,站点根目录在自己收藏的图片素材文件夹内即可。

2、然后我们就进入到了刚才新建的空白网页的设计器中

两种方法在Dream Weaver CS5中插入图片

3、然后我们打开代码视图。鼠标放到第一行body的后面。按回车空出新的一行。然后就可以输代码了。

两种方法在Dream Weaver CS5中插入图片

4、 

我们首先要输入关联性的图像标记代码。常用格式为:<img src="文件名

两种方法在Dream Weaver CS5中插入图片

5、实际上我们只要输入了这几个代码软件,就会自动帮我们识别,并且打开选择要插入图片的选项。因为src属性是用来设置图片所在的路径和文件名的。

此外,因为width和height分别用来设置图片的显示宽度和高度;alt属性用来设置图片的说明文字,所以我们也可以设置图片的宽度,高度,说明文字,等等。

两种方法在Dream Weaver CS5中插入图片

1、我们首先先转到设计或者拆分视图中。然后在上面的选项卡里选择“常用”,找到有这一颗树的图标

两种方法在Dream Weaver CS5中插入图片

2、点击图标,找到自己的图片文件夹地址,即可插入图片。

两种方法在Dream Weaver CS5中插入图片

1、总结:转到代码视图——在body内敲回车——空出一行输入代码——完成。

或者:

转移到设计视图或拆分视图——在顶部选项卡中选择常用——找到有一颗小树的图标——点击图标——插入图片。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢