<dfn id="ipay3"></dfn>
  • <blockquote id="ipay3"><ruby id="ipay3"></ruby></blockquote>
  • <big id="ipay3"></big>

    <small id="ipay3"></small>

    1. 零基礎建站培訓介紹

      當前位置:

      如何快速建立與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適配的手機網站優點在于方法簡單,缺點在于整個網站的版面太單調,無法自己修改。如果想制作一個版面大氣美觀的手機網站,可以學習零基礎建站培訓課程。

      發表評論

      零基礎學建站就到學做網站論壇
      雅典娱乐城
      <dfn id="ipay3"></dfn>
    2. <blockquote id="ipay3"><ruby id="ipay3"></ruby></blockquote>
    3. <big id="ipay3"></big>

      <small id="ipay3"></small>

      1. <dfn id="ipay3"></dfn>
      2. <blockquote id="ipay3"><ruby id="ipay3"></ruby></blockquote>
      3. <big id="ipay3"></big>

        <small id="ipay3"></small>