一、手机网站制作是啥意思？

手机网站制作， 顾名思义，就是利用HTML5、CSS3、JavaScript等前端手艺，将设计师的设计稿转换为适合手机浏览的网页。这玩意儿过程涉及到前端工事师、网页设计师和后端工事师的紧密协作。

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

二、 手机网站制作流程

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月。