前端工事师：负责将设计稿转换为网页，确保页面在手机上的适配性和交互性。网页设计师：给设计稿，负责网页的美观和用户体验。后端工事师：负责处理网页端的数据收集和处理干活。

二、 手机网站制作流程

1. 需求沟通

与产品经理、网站设计师进行需求沟通，了解网站策划情况、交互过程、设备适配要求等。

2. 源文件切图

琢磨网页设计源文件，对需要用图片的位置进行文件切割或图片制作。

3. Html代码编写

根据网站设计效果图及网页设计师的页面标注， 按照W3C规范，采用DIV+CSS手艺对网站设计图进行“复原”。

4. 交互功能优化

保证用户在各个页面之间来回切换的便捷性。

5. 适配性调试

对网页进行结实件及柔软件兼容性调试，使制作优良的网页满足不同的手机和浏览器下正常访问。

6. 反馈与修改

根据反馈， 对制作优良的网页进行调整，以达到最优的浏览和交互效果。

三、 手机网站制作规范

为了确保手机网站的质量和用户体验，网站页面的元素以及文件限定如下：普通页面：.html；脚本文件：.js；样式表文件：.css；动画互动元素：.swf/.gif；图片元素：.jpg/.gif/.png；视频元素：.asf/.mpg/.rm/.mpeg/.rmvb/.flv；音频元素：.mp3/.wma；

网站页面元素文件巨大细小标准：

首页页面巨大细小不超出300K，其他子页面巨大细小不超出500K；图片元素，切图后保证单张图片体积巨大细小应在100K以内；单个flash元素不超出1M；单个视频元素不超出4M；单个音频元素不超出2M；

四、手机网站制作注意事项

在进行手机网站制作时需要注意以下事项：

响应式设计：确保网页在不同尺寸的手机上都能正常看得出来。加载速度：优化网页代码，搞优良加载速度。用户体验：设计简洁、容易用的界面搞优良用户体验。平安性：确保网站的平安性，别让恶意打。

本文来源于某某手艺公司，发布时候为2022年11月。

---