在手机上制作网页需要以下步骤：
1. 确定网页目标和功能：你需要明确你的网页主要目标是什么，需要提供什么样的功能，例如展示产品、提供服务等。
2. 设计用户界面：考虑到手机屏幕尺寸较小和触控交互的特点，设计简洁、易于操作的界面，可以使用卡片式布局、滑动导航等方式增加用户体验。
3. 确定内容结构：根据功能和内容的优先级，设计页面布局和内容结构，将重要内容置于页面的核心区域，避免用户需要频繁滚动屏幕。
4. 选择响应式或自适应设计：根据项目需求选择响应式设计或自适应设计，响应式设计可以根据不同的屏幕尺寸自动调整网页布局，而自适应设计则是为不同尺寸的设备分别设计布局。
5. 使用流式布局：流式布局可以根据屏幕尺寸自动调整元素的大小和位置，适应不同尺寸的设备。
6. 优化图片和媒体资源：压缩图片和媒体资源的大小，以减少加载时间和流量消耗，可以使用CSS媒体查询针对不同设备加载不同尺寸的图片。
7. 避免使用Flash和大量JavaScript：移动设备对Flash支持有限，而过多的JavaScript会增加页面加载时间，影响用户体验。
8. 测试和优化：使用模拟工具和真机测试在不同尺寸的模拟器和真机上测试网页的显示和交互效果，确保适应不同设备，优化加载速度，减少HTTP请求、使用浏览器缓存、压缩代码等手段来减少页面加载时间，注意响应速度，提高用户体验。
9. 编辑网页代码：你可以使用手机上的网页编辑器来编写和编辑网页的HTML和CSS代码，在编辑器中，你可以添加、修改和删除网页的HTML和CSS代码，例如改变网页背景颜色、添加图片等。
10. 发布网页：完成制作后，你可以将网页发布到互联网上，供用户通过手机浏览器访问。
需要注意的是，由于手机屏幕尺寸和操作方式的限制，制作适合手机的网页与制作传统电脑端的网页有所不同，在设计和编码过程中需要考虑移动设备的特性和限制，以确保网页在手机上具有良好的显示效果和用户体验。
