一聚教程网:一个值得你收藏的教程网站

最新下载

dreamweaver图片转换成代码讲解

时间:2017-10-19 19:23:14 编辑: 来源:转载

在现在很多人的生活中,对于软件的使用也是非常广泛的,是一款非常不错的网页制作软件,使用的人还是比较多的,使用功能非常强大。那么怎么把图片转换成代码呢?相信这种情况很多人还是会遇到,那么具体怎么转换呢?下面我们具体来看看。

dreamweaver图片转换成代码讲解

需要软件:

1.Photoshop

2.Dreamweaver

具体步骤:

1.打开需要转换的Photoshop作品;

2.保存为web格式,得到一个文件夹和一个html格式文件;

dreamweaver图片转换成代码讲解

dreamweaver图片转换成代码讲解

3.在html格式文件上单击右键,选择打开方式为Dreamweaver;

dreamweaver图片转换成代码讲解

4.打开Dreamweaver后选择代码模式。复制table之间的代码。粘贴到记事本中,将Photoshop图片上传到淘宝空间,复制网址连接,取代了代码中的图片链接,保存修改;

dreamweaver图片转换成代码讲解

5.复制所有代码,这就是Photoshop所打开的图片文件的代码了;

文章评论

热门栏目