零基础建站培训介绍

当前位置:

如何快速建立与PC网站同步的手机网站(百度Site App)

智能手机的普及,手机网站制作不容小觑。以前讲过怎么做手机网站,但制作出来的手机网站界面比较单调,手机浏览起来比较古板。

下面介绍一下如何建立同步与PC网站的手机网站的方法,如果你自己已经做好了一个PC电脑版网站,通过百度Site App同步的功能就可以快速拥有自己的手机网站了。

一、百度Site App申请试用

1、进入百度Site App官网:http://siteapp.baidu.com

2、进入网站后,首先是添加一个你的网站。

快速建立与PC网站同步的手机网站siteapp_01

3、输入你的网站域名,点击确定。

快速建立与PC网站同步的手机网站siteapp_02

4、接下来是下载验证文件,上传到你的域名的根目录,点击验证就行了。

快速建立与PC网站同步的手机网站siteapp_03

二、百度Site App快速生成WebApp

1、通过了域名验证后,然后就是在线制作WebApp了。首先是选择一个应用模板。

快速建立与PC网站同步的手机网站siteapp_04

2、接着是添加WebApp的导航和内容了。用鼠标在要添加的内容上点击,然后Site App会显示一个方框。

3、点击这个方框后就会出现添加窗口了。先是添加导航。

快速建立与PC网站同步的手机网站siteapp_05

4、还有添加内容,可以给自己的内容设定一个标题。

快速建立与PC网站同步的手机网站siteapp_06

5、确定后就能在左边的WebApp中看到预览效果。

快速建立与PC网站同步的手机网站siteapp_07

6、当导航和内容添加完成后,确定就可以为你的WebApp设置一个名称了。还可以在底部设置相关搜索、联系信息等。

快速建立与PC网站同步的手机网站siteapp_08

三、百度Site App配置自己的域名

1、完成了自己的WebApp制作后,最后就是为你的应用设置好一个独立的域名了。

快速建立与PC网站同步的手机网站siteapp_09

2、这个域名可以直接被移动设备来浏览,并且你还可以在网页放置一段代码,当有移动设备浏览时就会自动跳转到该WebApp应用上。

3、先添加一个二级域名地址,然后到DNS管理处做CNAME记录解析,记录值是:siteapp.baidu.com,如下图:

快速建立与PC网站同步的手机网站siteapp_10

4、待你的CNAME解析生效后,你就能用你的新的域名访问你的WebApp应用了。

四、百度Site App生成WebApp效果和问题

1、通过百度Site App可以直接看到WebApp效果了。

快速建立与PC网站同步的手机网站siteapp_11

2、WebApp生成效果如下图:

快速建立与PC网站同步的手机网站siteapp_12

3、不过在预览效果中看到生成的WebApp却出现图片不显示的情况,很有可能是我设置了图片防盗链造成的。

快速建立与PC网站同步的手机网站siteapp_13

4、另外发现部落的评论都出现了显示问题。

快速建立与PC网站同步的手机网站siteapp_14

通过以上的方法就可以在几分钟内将自己的电脑PC网站同步为手机网站,不需要你自己更新,只要你的PC网站更新内容,手机网站也会更新内容。

提醒:使用百度Site App适配的手机网站优点在于方法简单,缺点在于整个网站的版面太单调,无法自己修改。如果想制作一个版面大气美观的手机网站,可以学习零基础建站培训课程。

上一课: 下一课:

发表评论

*

* 绝不会泄露


相关教程

  1. 如何制作网站手机APP移动客户端
  2. 自己仿的腾讯App开放平台网站
  3. 手机网站制作流程,怎么做手机网站
  4. 如何给自己的网站制作手机客户端
  5. 企业网站定制 免费送手机网站只需5980
  6. 土豆视频如何在手机网站嵌入播放 土豆视频HTML5地址转换
  7. 怎么做网站手机APP客户端
  8. 什么是手机域名(Mobi域名),手机域名的注册和价格
  9. 手机网站域名注册方法,无线域名特点
  10. 如何做手机网站,手机网站怎么建