D-Link 駐站作家: 文/ 圖: 阿正老師
想要免費打造一個專業的個人網站嗎？現在你可以不用網頁設計軟體，也不用網頁空間，只要申請一個美國的免費網頁服務—Weebly.com，它結合了線上網頁製作及網頁代管服務，只需要瀏覽器就能用超簡單的網頁產生器，以拖曳的方式能製作網頁，加上內建了上百種專業的模板(佈景主題)，讓你在5分種內就能輕鬆打造一個漂亮的網站喔！而且還能免費將網站套用自己的網域名稱，真是個超好用的網頁服務，想製作個人網頁的玩家們一定得試試看Weebly這項服務！
一、Weebly簡介
以往要是我們想製作一個自己的專屬網站，都需要使用如Dreamweaver之類的網頁設計軟體，然後上傳到某個網路空間，提供他人瀏覽。不但學習起來麻煩，還得花錢租用一個網頁空間，對於一般的電腦初學者是個不小的負擔。
之後雖然「部落格」服務(BSP)開始盛行，如Google的Blogger、無名、痞客邦…，雖然可以免費申請而且使用容易，但是畢竟部落格是個以時間順序來排列裡面的內容，並不適合當成正式的網站(註)，無法自由地排列裡面的頁面及內容。
而Weebly.com是一間位於美國舊金山的網頁服務業者，該公司提供了免費的「模組化」網頁設計界面，使用者只要用拖曳的方式即可輕鬆建立網頁，還提供了網頁的代管服務，不限制上傳的空間及下載的流量(只限制單檔上傳大小)，而且還能將網站套用自己的網域名稱，是個非常好用、而且很適合初學者的一項網頁設計服務。
下面一段是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網址：http://weebly.com
如果你是從事的是教育工作，則可按下畫面上方的「Education」進入教育版網頁來註冊。
Weebly教育版網址：http://education.weebly.com
2.註冊完成後，會出現建立網站的畫面。由於系統會自動偵測瀏覽器是中文語系，而Weebly只提供簡體中文界面，所以出來的文字是簡體的，不過不影響網站的製作。我們先幫網站輸入一個標題，並選擇網站的類型。
3.接下來是輸入網站的網址，可以直接使用Weebly的子網域(如 xxxxx.weebly.com )，也可以使用你自己的網域名稱，甚至直接在weebly購買網域。
四、開始使用Weebly設計網站
申請完成Weebly帳號並建立網站後，會出現設計畫面，如下圖。
最上方有五個主要功能，分別是「元素」、「設計」、「頁面」、「編輯者」及「設置」。
• 元素：可用拖曳的方式加入各種網頁元素，如文字、圖片、相簿、聯繫表單…
• 設計：能切換上百種專業的設計模板(網頁佈景主題)
• 頁面：能建立網站的頁面、子頁面及部落格
• 編輯者：可以加入其他使用者當作管理者或編輯者，共同製作網站
• 設置：提供網站的各種設定，如網站標題、網域名稱、SEO關鍵字…
下面就來介紹幾個基本的使用方式：
(一)加入網頁元素
Weebly有著非常好用的拖曳式網頁產生器，在上方的「元素」中可以切換「基本」、「多媒體」、「收益」及「更多」等四大類網頁元素，然後將上方的元素拖曳到下方的網頁編輯區即可。
如下圖就是阿正老師拉了一個「兩列布局」的元素下來，網頁就變成左右兩欄，然後再拉一個「帶標題的段落」進來，就會看到畫面中多出一個藍色的區塊，只要點一下就可以在裡面區塊進行編輯了。按下區塊上方藍色標題列，可以自由移動它的位置，如果哪個元素不要了，也只要按下紅色x按鈕就能刪除，整個操作非常直接、方便喔！
(二)挑選網頁模板
按下頂端的「設計」分頁，就可挑選網頁的模板了。畫面上方會列出最常用的幾個模板，可以左右捲動。想選擇更多的模板，只要按下左上方的「所有模板」即可。
Weebly內建了超過百種專業的網頁佈景，可從左邊點選分類來挑選各式模板。
每個模板都可以自行修改，只要按下模板畫面右上角的「編輯HTML/CSS」，就會進入模板編輯器，讓你製作出屬於自己的個人化模板！
(三)加入分頁
一個網站裡當然不能只有一個網頁，因此我們可以按下頂端的「頁面」，進入頁面管理畫面。左邊有〔Add Page〕(加入分頁)及〔Add Blog〕(加入部落格)兩個按鈕，按下後可以幫網站加上分頁或部落格，如果某個分頁要外連到其他的網站，只要勾選右邊的「連結此頁到外部網站」，即可輸入網址讓該分頁變成一個超連結。
在加入分頁之後，每個分頁都可以用拖曳的方式來調整順序，如果將分頁往右邊拖曳，就可建立出子頁面。
當你製作出子頁面之後，回到網頁設計畫面，就可看到該頁面會自動變成下拉式選單，只要點一下頁面名稱就可以切換至該頁面進行編輯了。
(四)加入編輯者
如果你想讓網站可以讓多個Weebly使用者一起進行編輯，只要切換到「編輯者」功能頁面，按下右上方的〔增加編輯者〕按鈕。
然後輸入對方的Email帳號，對方就會收到邀請編輯的Email了。免費版的角色只能選擇「管理員」，Pro版才有「作者」及「只限編輯精要報告」這兩種角色。
當對方打開Email後會出現編輯網站的超連結，點下去會出現底下這個畫面。如果對方本來就有Weebly帳號，則登入後即可編輯這個網站，沒有的話也只要按下畫面中「現在就申請」的超連結來申請一個。
當加入的管理者登入Weebly後，就會在Weebly後台界面中，多出一個「我貢獻的網站」，可以直接按下〔編輯〕按鈕和你一起進行網頁設計了。
(五)網站設置
按下頂端的「設置」，可以修改網站的設定，包括網址、標題、SEO關鍵字、幣值……等，還可將整個網頁下載為一個壓縮檔(.zip)，方便你備份或將設計好的網站架設在其他主機。
五、發布網站
當你設計好你的網頁後，想要將網站公諸於世，只要按下右上角的〔發布〕按鈕，網站就會正式發布了，只要按下畫面中央的網址，就能開啟你的網站了。
網站打開後就跟你在Weebly編輯器裡面看到的一模一樣，是不是很簡單呢？ 快來申請一個Weebly免費帳號來試試看吧！
在本文的下集中會詳細介紹Weebly的網頁設計元素，例如圖片、相簿、幻燈片、地圖、影片，還會教你如何透過推薦別人申請Weebly，獲得免費一個月的Pro帳號喔(推薦一個送一個月)！
敬請期待下集的文章吧！
*本文轉載自軟體玩家，不代表本公司立場 *
留言列表
