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

0
87,176 人次

image

想要免費打造一個專業的個人網站嗎?現在你可以不用網頁設計軟體,也不用網頁空間,只要申請一個美國的免費網頁服務—Weebly.com,它結合了線上網頁製作及網頁代管服務,只需要瀏覽器就能用超簡單的網頁產生器,以拖曳的方式能製作網頁,加上內建了上百種專業的模板(佈景主題),讓你在5分種內就能輕鬆打造一個漂亮的網站喔!而且還能免費將網站套用自己的網域名稱,真是個超好用的網頁服務,想製作個人網頁的玩家們一定得試試看Weebly這項服務!

(本文與D-Link 享樂數位生活合作並同步刊載)


一、Weebly簡介

以往要是我們想製作一個自己的專屬網站,都需要使用如Dreamweaver之類的網頁設計軟體,然後上傳到某個網路空間,提供他人瀏覽。不但學習起來麻煩,還得花錢租用一個網頁空間,對於一般的電腦初學者是個不小的負擔。

之後雖然「部落格」服務(BSP)開始盛行,如Google的Blogger、無名、痞客邦…,雖然可以免費申請而且使用容易,但是畢竟部落格是個以時間順序來排列裡面的內容,並不適合當成正式的網站(註),無法自由地排列裡面的頁面及內容。

而Weebly.com是一間位於美國舊金山的網頁服務業者,該公司提供了免費的「模組化」網頁設計界面,使用者只要用拖曳的方式即可輕鬆建立網頁,還提供了網頁的代管服務,不限制上傳的空間及下載的流量(只限制單檔上傳大小),而且還能將網站套用自己的網域名稱,是個非常好用、而且很適合初學者的一項網頁設計服務。
image

下面一段是Weebly官方的介紹短片,全長約兩分鐘,讀者們可看看Weebly的功能概觀。

※影片網址:http://www.youtube.com/watch?v=Z6iqVxaALas

 

究竟Weebly能做什麼呢?下面簡單列出幾個應用方式:

  • 1.建立個人、公司、群組、班級、活動…等不同組織或應用性質的專屬網站
  • 2.可以線上製作問卷、報名表、回覆表單
  • 3.內建了BLOG功能,可在網站中加入多個BLOG
  • 4.可建立產品展示網頁,製作線上購物車,還可嵌入adsense廣告
  • 5.建立線上文件庫(可嵌入scribd.com服務),或是多媒體展示網頁(可上傳聲音、影片),直接線上播放

二、功能比較

Weebly除了有功能較陽春的免費版之外,還有提供給學校師生使用的「教育版」,以及付費的專業版(Pro)。

Pro版跟免費版的差異在能使用的工具較多(例如可以上傳音樂、影片…),單檔可上傳最大100MB(免費版5MB,不過都不限制能上傳的總容量),而且可以建立10個網站(免費版只有2個)。

教育版基本的功能與免費版相同,但是每個老師帳戶可以開設40個學生帳號,提供學生建立班網或個人網頁,並提供了學生線上作業上傳的功能。而且如果教師帳號升級為Pro版,他的所有學生帳號也會跟著升級喔!

 

三、申請Weebly帳號

1.要申請Weebly非常簡單,只要用瀏覽器開啟Weebly首頁,然後在右上角的註冊區塊處填入你的姓名(填中文會變亂碼)、Email信箱(會當作你的登入帳號,請勿填錯)及密碼,按下〔Sign Up〕後即可完成註冊,不需要經過Email驗證喔!

Weebly

 

image

如果你是從事的是教育工作,則可按下畫面上方的「Education」進入教育版網頁來註冊。

Weebly教育版網址:http://education.weebly.com

image

2.註冊完成後,會出現建立網站的畫面。由於系統會自動偵測瀏覽器是中文語系,而Weebly只提供簡體中文界面,所以出來的文字是簡體的,不過不影響網站的製作。我們先幫網站輸入一個標題,並選擇網站的類型。

image

3.接下來是輸入網站的網址,可以直接使用Weebly的子網域(如 xxxxx.weebly.com ),也可以使用你自己的網域名稱,甚至直接在weebly購買網域。

image

 

四、開始使用Weebly設計網站

申請完成Weebly帳號並建立網站後,會出現設計畫面,如下圖。

最上方有五個主要功能,分別是「元素」、「設計」、「頁面」、「編輯者」及「設置」。

  • 元素:可用拖曳的方式加入各種網頁元素,如文字、圖片、相簿、聯繫表單…
  • 設計:能切換上百種專業的設計模板(網頁佈景主題)
  • 頁面:能建立網站的頁面、子頁面及部落格
  • 編輯者:可以加入其他使用者當作管理者或編輯者,共同製作網站
  • 設置:提供網站的各種設定,如網站標題、網域名稱、SEO關鍵字…

image

>>請翻到下一頁:Weebly基本使用教學