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

最新下载

dreamweaver把图片成代码的方法介绍

时间:2017-10-19 17:34:43 编辑:顺其自然 来源:转载

今天这篇教程我们来为大家介绍一下,把图片成代码的方法介绍,有兴趣的朋友就来参考一下吧。

dreamweaver把图片成代码的方法介绍

需要软件:

1.Photoshop

2.Dreamweaver

具体步骤:

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

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

dreamweaver把图片成代码的方法介绍

dreamweaver把图片成代码的方法介绍

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

dreamweaver把图片成代码的方法介绍

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

dreamweaver把图片成代码的方法介绍

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

以上就是我们为大家介绍的把图片成代码的方法,希望可以给大家带来帮助。

文章评论

热门栏目