怎么把制作的图片弄成HTML代码？
用Photoshop或者Firework等图像处理工具打开图片，工具箱中找到切图工具，拖动鼠标拉出一个个边框出来，这些边框对应的即是网页中的一个个表格或单元格，图的切法是有讲究的，最后 文件--》存储为WEB所用格式，保存类型选择为html+图像，图像的格式一般选择JPG或GIF，最后保存即可。 如果要是想做标准的符合W3C规范的网页，就要把图片重新组织在网页中了
html5如何根据ps图片排版？
PS切图是前端界面方向的一个重要环节，需要将设计师的设计1：1还原到web页面。具体操作如下：
1、先将各元素单独切出来，放到一个文件夹内；
2、将ps里的文本等元素关闭显示，再切背景；
3、整合较小的图片做成雪碧图（该步骤可以在第一步时完成）；
4、用HTML代码编写布局及结构；
5、用CSS代码编写呈现效果。
补充：
以上几个步骤可以完成ps切图，在做ps切图时，需要掌握的技能：
1、ps分层切图基础；
2、html基础；
3、css基础；
4、各浏览器解析标准的了解。
网页切片属于什么格式？
网页切片通常属于图像格式，如JPEG、PNG或GIF。切片是将网页设计中的图像分割成多个小块的过程，以便在网页加载时逐步显示。每个切片都保存为独立的图像文件，然后通过HTML和CSS代码进行布局和组合。这种技术可以提高网页加载速度和用户体验，同时允许设计师更好地控制图像的显示和交互效果。切片技术在网页设计和开发中被广泛使用，特别是在需要展示大型图像或复杂布局的情况下。
网页切片属于图像格式，一般为PNG、JPEG、GIF等。在进行网页设计的过程中，设计师会将整个网页按照需求进行切分，将每个部分单独保存成图片格式。这样做的好处是可以使网页在加载速度上更快，同时也可以更好地控制网页的布局和样式。
网页切片技术需要设计师具备一定的设计技能和基础知识，同时也需要使用专业的设计软件，如Adobe Photoshop等。
怎样根据ui设计出网页？
你需要具有以下技能：
具备基本的ps技巧用于切图
具备html的知识
具备css的知识
如果有交互，还需要具备javascript知识
如果需要有数据的交互，还需要后台语言如java php .net 和数据库相关知识。
设计图转网页，切图怎么操作？
大部分人或者网上的教程都会告诉你 要用到PS的切片工具，但是我自己琢磨出来一套，不用切片工具 ，分享我的一套切图方法，这个方法从09年沿用到至今
ctrl+shift+e （合并所有图层）
ctrl+m （选框）
ctrl+n 新建
ctrl + c 复制
ctrl+v 粘贴
ctrl+s 保存
切一张图片的顺序之上而下， 一般初近我公司的人我都会有教，包括切图、图片命名，html标签命名，代码规范、css规范，团队协作等都有我们自己的规范和体系
希望对你有所帮助