制作一个适用于移动设备的网页，关键在于设置合适的viewport和采用百分比布局。通过这种方式，页面能够在各种尺寸的屏幕上自动调整大小，提供良好的用户体验。你可以通过在HTML头部添加标签来设置viewport，例如：
<meta name="viewport" content="width=device-width, initial-scale=1">
这会确保页面宽度跟随设备屏幕宽度变化，并且初始缩放比例为1，即不会自动放大网页内容。接下来，你需要为页面内容选择合适的布局方式。利用百分比设置元素宽度，可以确保内容适应不同设备屏幕。例如，你可以这样设置一个容器的宽度：
<div style="width: 80%">...</div>
使用JQuery Mobile时，你需要先引入jQuery库和JQuery Mobile的CSS及JS文件。如果之前有过使用JQuery的经验，学习JQuery Mobile会更加容易。JQuery Mobile提供了一系列现成的UI组件，能够简化移动网页的开发过程。例如，你可以轻松创建按钮、表单、列表等界面元素，而无需从零开始编写CSS和JavaScript代码。
要体验JQuery Mobile的效果，只需在移动设备上打开网页即可。JQuery Mobile会根据设备的特性自动调整界面，使内容更加直观易用。此外，它还支持触摸和滑动操作，为用户提供更加流畅的交互体验。
总之，创建一个移动友好的web页面并不复杂。通过正确设置viewport和采用适当的布局方法，你可以让网页在各种设备上完美呈现。而借助JQuery Mobile，你可以快速实现丰富的界面效果，大大简化开发流程。