自媒體人如何自己建立一個手機網(wǎng)站，超簡單，任何人都能做

2019.01.22

手機網(wǎng)站展示

下面就給大家推薦的就是一款這樣的工具，使用它可以像搭積木一樣快速完成網(wǎng)站的設計，再也不用被專業(yè)技術(shù)名詞和操作包圍，痛苦難受了。

這個軟件叫WYSIWYG Web Builder，是一個所見即所得的網(wǎng)頁設計工具，體積小巧，使用簡單。這個軟件最大的特點就是采用了圖層概念，任何元素都是圖層，可以拖放到頁面上的任意位置，而不影響其他的元素，非常適合初學者使用。不需要學習html知識就可以設計一個手機網(wǎng)站。

WYSIWYG Web Builder

下面以設計一個網(wǎng)站的三個頁面為例，了解一下該軟件的使用，首先看一下這三個頁面的實際效果。

網(wǎng)頁實際效果

下面逐一介紹每個頁面的創(chuàng)建過程。

一、設計網(wǎng)站結(jié)構(gòu)

要想做網(wǎng)站，首先要搭建網(wǎng)站結(jié)構(gòu)，由于是演示，這個網(wǎng)站只有三個頁面：首頁、新聞資訊、關于我們。

啟動WYSIWYG Web Builder，程序自動新建一個空白頁面，這個頁面是PC端的，而我們要設計的是手機端網(wǎng)站，所以要進行更改。

在“站點管理器”中選中“無標題1”，單擊站點管理器工具欄中的“新建移動頁”按鈕，新建一個“頁面1”，重復上述操作，在新建“頁面2”、“頁面3”。選中index，單擊工具欄中的“刪除”按鈕，把這個pc端的頁面刪除，然后分別右鍵單擊頁面1、頁面2、頁面3，在彈出的菜單中選擇“重命名頁面”，將這三個頁面分別命名為index、news、about，對應于網(wǎng)站的首頁、新聞資訊、關于我們。

站點管理器

在編輯區(qū)看到網(wǎng)頁變成了手機的豎屏頁面，上面的標簽也也出現(xiàn)了三個頁面的名稱，下面就開始設計這三個頁面。

二、建立首頁

由四部分組成，由上到下依次是：標題、導航條、圖片、頁腳。

A、標題

單擊“插入—文本”的命令，在頁面上用鼠標拖動，產(chǎn)生一個文本框，雙擊這個文化，在其中輸入文字，然后在“格式”標簽頁中設置字體類型、大小、顏色、排列方式等。

B、導航條

單擊”插入—導航—導航欄”，在頁面上拖動，生成一個導航欄，雙擊導航欄，打開設置對話框，單擊“條目”右側(cè)的按鈕，進入導航欄對話框，在“名稱”列表中選中一個選項，單擊右側(cè)的“編輯”按鈕，可以設置文本名稱、連接頁面等參數(shù)。

導航欄對話框

單擊“添加”按鈕，可以新增項目，同時可以單擊“向下移動”和“向上移動”按鈕，調(diào)整條目的順序。

C、圖片

單擊“插入—圖像—從圖像文件”命令，在網(wǎng)頁上拖動，從本機中選擇一個圖片插入，可以拖動調(diào)整圖片的大小位置。

D、頁腳

單擊“插入—頁腳”命令，在頁面上拖動，插入頁腳，雙擊頁腳打開編輯窗口，單擊“條目”右側(cè)的按鈕，打開“常規(guī)”設置框，單擊“添加”按鈕，增加頁腳中包含的內(nèi)容，在打開的窗口中輸入文本、指定圖標、設置好連接的頁面，重復以上操作，添加多個頁腳內(nèi)容。返回頁腳設置對話框，在“圖標位置”下拉列表中選擇圖標的顯示方式，同時將標題中的Footer刪除。