怎么制作手机网页 如何制作一个手机html页面

这个还用说，其实道理和PC端网站是一样的道理。因为现在用户慢慢转向移动端，所以拥有一个移动网站也是很必要的。

其实自助建站自己做网站都是不成问题了，不管你懂不懂代码，都可以做的。

首先，注册一个凡科帐号，这是开始建站的第一步

第二，登录帐号后，会有建站、互动、微传单三块，一个帐号都可以用，你选择“网站建设”这一块；

第三，进入后台之后，选择自己喜欢的手机网站模板。

第四,就可以开始设计自己的网站，排版、栏目、文字、图片等设计。第五，无论是否完全做好，先保存，再退出。第六，网站做好后，可以为网站添加需要的功能，拖拽就可以实现添加。

html静态网页模板挺多的，包括商城或者博客之类的，目前很多静态网页模板的下载都提供了移动端和pc端页面，5个页面以上很正常。

需要注意的是如果是没有交互的展现型模板，那么不需要太多修改。如果是有交互的话和内容管理的话，可以将页面修改为cms系统形式，或者干脆直接使用cms网站模板。

在做一些SEO的时候，一般会设置meta信息，或者做移动端项目的时候会设置一下视口等。我们一起看下在 nuxt 中如何设置 meta 和 head 内容的，以及如何定义化 html 模板。

重启后查看源码就可以看到我们设置的 head 信息了~~

页面个性化设置的时候，需要在页面里写入 head 函数并返回一个对象，如下：

这样就完成了每个页面的个性化的 meta 等一些 head 信息

每个页面的个性化设置 head 信息可以每个页面都写一个 head 函数去设置，但显得臃肿也不利于维护。我们可以在 plugins 的 mixins 文件里混入一个全局方法，每个页面去调用，以此来实现个性化的 meta 信息设置。

混入后，每个页面使用如下：

处理以上提到的设置 head 信息的方式，还可以通过定义化 html 模板来实现，但需要遵循nuxt的一些规则，比如：名称必须为 app.html ，而且必须用 双花括号 获得已设置的信息等，如下：

---