在此介绍的是已经设计好的图片变为网页的教程。步骤大概是图片切图-网页排版、插入切好的图片。需要掌握使用的软件有photoshop、dreamwear，需要掌握的技术有css、html、js。会用这些的话，做一个前端设计就算是入门了，至于做得好不好，就看个人的精通程度了。
工具/原料
1
photoshop
2
dreamwear
3
css、html、js
方法/步骤
3
将切片导出，“文件”-“储存为WEB所用格式”-“存储”-“仅图像”-“所有用户切片”-“保存”。然后在文件夹就会看到自己切好的图片片。PS1：HMTL和图像与仅图像与的区别：HMTL和图像会导出一个简单的用表格排版好的的网页，正常的网页设计很少用这种方式，都是单独切出图片进行CSS排版。PS2：记得选择是导出是的用户切片，不然会导出许多无用切片。
4
打开dreamwear,新建HTML文件进行排版，（需要有CSS、HTML基础，在些就不细说，需要学习基础的建议到“https://www.w3school.com.cn/”该网站学习）
5
最终排版出的效果如图，详细的排版代码需要有HTML、CSS基础。
上一篇：小叶紫檀108颗佛珠的佩戴意义
下一篇：千牛如何添加图片和设置团队图片