5分鐘打造你的專業免費專屬網站—Weebly線上網頁服務(上)

0
87,206 人次

下面就來介紹幾個基本的使用方式:

(一)加入網頁元素

Weebly有著非常好用的拖曳式網頁產生器,在上方的「元素」中可以切換「基本」、「多媒體」、「收益」及「更多」等四大類網頁元素,然後將上方的元素拖曳到下方的網頁編輯區即可。

如下圖就是阿正老師拉了一個「兩列布局」的元素下來,網頁就變成左右兩欄,然後再拉一個「帶標題的段落」進來,就會看到畫面中多出一個藍色的區塊,只要點一下就可以在裡面區塊進行編輯了。按下區塊上方藍色標題列,可以自由移動它的位置,如果哪個元素不要了,也只要按下紅色x按鈕就能刪除,整個操作非常直接、方便喔!

image

(二)挑選網頁模板

按下頂端的「設計」分頁,就可挑選網頁的模板了。畫面上方會列出最常用的幾個模板,可以左右捲動。想選擇更多的模板,只要按下左上方的「所有模板」即可。

SNAGHTML6801c6

Weebly內建了超過百種專業的網頁佈景,可從左邊點選分類來挑選各式模板。

image

每個模板都可以自行修改,只要按下模板畫面右上角的「編輯HTML/CSS」,就會進入模板編輯器,讓你製作出屬於自己的個人化模板!

image

(三)加入分頁

一個網站裡當然不能只有一個網頁,因此我們可以按下頂端的「頁面」,進入頁面管理畫面。左邊有〔Add Page〕(加入分頁)及〔Add Blog〕(加入部落格)兩個按鈕,按下後可以幫網站加上分頁或部落格,如果某個分頁要外連到其他的網站,只要勾選右邊的「連結此頁到外部網站」,即可輸入網址讓該分頁變成一個超連結。

image

在加入分頁之後,每個分頁都可以用拖曳的方式來調整順序,如果將分頁往右邊拖曳,就可建立出子頁面。

image

當你製作出子頁面之後,回到網頁設計畫面,就可看到該頁面會自動變成下拉式選單,只要點一下頁面名稱就可以切換至該頁面進行編輯了。

image

(四)加入編輯者

如果你想讓網站可以讓多個Weebly使用者一起進行編輯,只要切換到「編輯者」功能頁面,按下右上方的〔增加編輯者〕按鈕。

image

然後輸入對方的Email帳號,對方就會收到邀請編輯的Email了。免費版的角色只能選擇「管理員」,Pro版才有「作者」及「只限編輯精要報告」這兩種角色。

image

當對方打開Email後會出現編輯網站的超連結,點下去會出現底下這個畫面。如果對方本來就有Weebly帳號,則登入後即可編輯這個網站,沒有的話也只要按下畫面中「現在就申請」的超連結來申請一個。

image

當加入的管理者登入Weebly後,就會在Weebly後台界面中,多出一個「我貢獻的網站」,可以直接按下〔編輯〕按鈕和你一起進行網頁設計了。

image

(五)網站設置

按下頂端的「設置」,可以修改網站的設定,包括網址、標題、SEO關鍵字、幣值……等,還可將整個網頁下載為一個壓縮檔(.zip),方便你備份或將設計好的網站架設在其他主機。

image

五、發布網站

當你設計好你的網頁後,想要將網站公諸於世,只要按下右上角的〔發布〕按鈕,網站就會正式發布了,只要按下畫面中央的網址,就能開啟你的網站了。

image

網站打開後就跟你在Weebly編輯器裡面看到的一模一樣,是不是很簡單呢? 快來申請一個Weebly免費帳號來試試看吧!

SNAGHTML82a056

在本文的下集中會詳細介紹Weebly的網頁設計元素,例如圖片、相簿、幻燈片、地圖、影片,還會教你如何透過推薦別人申請Weebly,獲得免費一個月的Pro帳號喔(推薦一個送一個月)!

敬請期待下集的文章吧!

如果你還沒申請Weebly的話,也可以用阿正老師的推薦連結:http://www.weebly.com/link/3A5ZQz

###

(本文與D-Link 享樂數位生活合作並同步刊載, 欲留言請到此篇下方,謝 謝!)