怎么用手机制作网页

手机响应式布局，是获取屏幕尺寸，在某个区间用一种css，另个区间用另一种css。需要用@media写多份css的。无法做到真正的随屏幕变化而变化。而<meta name="viewport" content="width=device-width" />的用法是随着屏幕的大小，自动把页面自适应到屏幕的大小。这个是管用的。em是字体的宽度，也就是一个字体宽12px，那么em=12px；字体为15px，em=15px；一般用来动态控制字体外的区块大小去适应字体，而不是用来设置字体的大小的。例如：<p style="width: 12em;">     <!-- / 无论这里设置的字体多大，宽度只会容纳12个字 / --> </p>如果<meta name="viewport" content="width=device-width" />没效果，建议你用图片贴出来，看看你想要的具体效果是什么。

零基础？零基础的话线程html（网页制作入手吧，而且目前h5缺口大。而且你做app也需要页面制作知识的），推荐购买相关书籍。html、css、js各一本。既然你们是团队。就可以分人专门学服务器开发（语言推荐，java、Python、php、nodejs、ruby。以上语言课任选一样。必学的有数据库语言mysql，linux 如果特别喜爱的话强烈推荐java+node混合模式（可以做超级大的商业项目）），和安卓开发（之所以没写苹果开发，因为你是在校生，苹果开发需要一定经济基础。）这样一个，前端（你所说的网页制作）+app+服务器都有了。服务器的话入门级的虚拟主机万网上有免费的（仅支持php数据库为mysql+系统为linux）。不多说了，怕吓着你。没吓着你就把分给我。最后 加一句既然你们是团队。那么团伙作案工具（团队协作代码托管工具）我推荐git（去学学吧）。

去appcan的首页登录之后，进入应用开发，创建应用后，应用开发--》点击创建的应用--》点击应用打包--》云端打包--》勾选webApp模式,并在下面的输入框输入你的手机网站地址，下面再勾选手机系统--》点下面的生成安装包--》等在线打包完成之后就可以下载下来了另外几点：1，最好网站支持手机屏幕，不然app打开后页面字体很小2，打包之前你可以对图标，启动页，证书进行设置，不设置的话是appcan默认的3，在线打包完成之后的软件可以在应用管理里看到并下载

需要把该页面发布到服务器。手机访问服务器上的页面，即可访问一般使用apache服务器。假定你的服务器地址 url/index.php在手机上访问url/index.php即可。如果没有外网，那么还可以使用无线路由，手机通过无线路由来访问你本地服务器的地址。

有多种查看方式：1 使用手机浏览器查看。将网页保存到SD卡中，用浏览器打开就可以了。2 使用邮箱打开。将网页邮件发送到自己的邮箱里，在手机上打开邮箱进行查看。如果是制作图文并茂的邮件，可以到“肯为旎DIY”去看看，制作更简单和高效。 可是我建了一个文件夹 里面有图片音乐和 HTML 如果是文件夹，可以将文件夹复制到手机的SD卡中，然后用浏览器打开就可以了。顺便说一句，干吗用手机打开呢？如果是测试效果，计算机也可以的，请使用FF浏览器的响应式视图方式打开即可。 不死，我制作好了，现在要测试，发到别人的手机上，可是我制作好的是一个文件夹，里面有音频和图片，全发手机上面只显示网页上的字，不显示图片和音频 这主要是图片和音频的URL地址不正确造成的，有两种方法解决：一是使用相对地址；二是使用网上的地址（先将图片和音频上传到网址）。

方法/步骤1、使用独立域名 很多站长为了省事，将PC端域名与手机域名使用同一个域名。这本来问题不大，但却忽略了，在移动端，搜索引擎对于PC端的资源是排斥的。也就是说，网站需要有明确的指示给搜索引擎，在什么时候PC端优先，什么时候移动端优先。如果你不懂做适配设置，最好的办法是将PC端网站与手机网站分开，针对移动互联网做适配的手机网站。因而，在搜索有限的情况下，手机网站使用独立域名是最佳的选择。2、使用HTML5程序目前大多数网站建设仍然沿用着ASP、PHP、JAVA、NET等程序语言。这些语言对于PC端网站建设来说没有太大的问题，但由于移动设备的屏幕尺寸所决定的各种因素，这些语言所建设的网站在移动端具有一定的局限性。这时候，更轻便、更灵活、具有强化了的Web网页表现的HTML便成了手机网站建设的最佳选择。3、根据手机特征设计网站手机屏幕远没有PC的大，因而，无论是在版面设计上还是功能设计上，都需要更注重实操性。PC端的版式布局并不适合小屏幕的手机浏览及操作。在手机网站设计上，可以根据手机的实际操作情况来排版网站的栏目。4、使用精简的网页设计手机网站的版面小，因而在进行手机网页设计时要尽量少使用阴影、渐变等复杂的设计手法，尽量采用简洁大方的版面设计，目前一些潮流的设计方式能够在手机网站上得到很好的体现，在手机网站设计中可以参考或使用。5、注重用户体验专业手机网站制作方法中，手机网站一定要注意用户体验,不能单一化,要注意手机的特定人群,这和传统网站制作截然不同，做到上面几点就离成功不远了! 6、避免使用弹窗、flash、java等行为同样道理,flash和弹窗等行为将会占用很大一部分流量,对于移动手机用户而言,无疑会浪费时间和流量,对于搜索引擎而言,基本理解不了。在技术层面来 讲,Apple产品不支持Flash功能,很大一部分智能手机用户用不了这项功能,同样,很多智能手机也不支持Java,所以这只是两方面都不讨好的做 法。7、使用规范化的协议,做好浏览器兼容调试工作一般来说手机建站有xhtml、html5、wml 三种协议,最好使用规范化、标准化的协议格式,避免造成不必要的麻烦。当然也可以做多个版本的站点,站点进行不同版式的自动适配。