想要免費建設(shè)一個專業(yè)的個人網(wǎng)站嗎?現(xiàn)在你可以不用網(wǎng)頁設(shè)計,也不用網(wǎng)頁空間,只要申請一個美國的免費網(wǎng)頁服務(wù)—Weebly.com,它結(jié)合了線上網(wǎng)頁制作及網(wǎng)站托管服務(wù),只需要瀏覽器就能用輕松建設(shè)網(wǎng)站,并能以拖曳的方式制作網(wǎng)頁,加上內(nèi)建了上百種專業(yè)的模板(背景主題),讓你在5分種內(nèi)就能輕松打造一個漂亮的網(wǎng)站喔!而且還能免費將網(wǎng)站綁定自己的域名,編輯HTML/CSS代碼,并且完美支持簡體中文喔。真是個超好用的網(wǎng)頁服務(wù),想免費擁有個人網(wǎng)站的就一定要試試這款免費的服務(wù)

 

Weebly簡介

以往要是我們想制作一個自己的專屬網(wǎng)站,都需要使用如Dreamweaver之類的網(wǎng)頁設(shè)計軟件,然后上傳到某個網(wǎng)絡(luò)空間,提供他人瀏覽。不但學(xué)習(xí)起來麻煩,還得花錢租用一個網(wǎng)頁空間,對于一般的電腦初學(xué)者是個不小的負(fù)擔(dān)。

之后雖然「博客」服務(wù)(BSP)開始盛行,如Google的Blogger、新浪博客、網(wǎng)易博客興起,雖然可以免費申請而且使用容易,但是畢竟是個博客,功能方面是大打折扣,無法自由地排列里面的頁面及內(nèi)容,無法自由更換背景,樣式,定制性非常高的網(wǎng)站不能使用的。

而Weebly.com是一間位于美國舊金山的網(wǎng)站服務(wù)業(yè)者,該公司提供了免費的「模組化」網(wǎng)頁設(shè)計界面,使用者只要用拖曳的方式即可輕松建立網(wǎng)頁,還提供了網(wǎng)站的托管服務(wù),不限制上傳的空間及下載的流量(只限制單文件上傳大小),而且還能將網(wǎng)站綁定自己的域名,是個非常好用、而且很適合初學(xué)者的一項網(wǎng)頁設(shè)計服務(wù)。

image_3

究竟Weebly能做什么呢?下面簡單列出幾個應(yīng)用方式:
1.建立個人、公司、群組、班級、活動…等不同組織或應(yīng)用性質(zhì)的專屬網(wǎng)站
2.可以線上制作問卷、報名表、回覆表單
3.內(nèi)建了BLOG功能,可在網(wǎng)站中加入多個BLOG
4.可建立產(chǎn)品展示網(wǎng)頁,制作線上購物車,還可嵌入adsense廣告
5.建立線上文件庫(可嵌入scribd.com服務(wù)),或是多媒體展示網(wǎng)頁(可上傳聲音、影片),直接線上播放

功能比較

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

Pro版跟免費版的差異在能使用的工具較多(例如可以上傳音樂、影片…),當(dāng)文件可上傳最大100MB(免費版5MB,不過都不限制上傳文件的總?cè)萘?,而且可以建立10個網(wǎng)站(免費版只有2個)。

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

申請Weebly賬號

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

weebly Weebly教育版地址:http://education./(不支持中文)

education weebly

2.注冊完成后,會出現(xiàn)建立網(wǎng)站的畫面。由于系統(tǒng)會自動檢測瀏覽器是中文語系,Weebly提供簡體中文界面,大大方便了我們網(wǎng)站制作過程。我們先幫網(wǎng)站輸入一個標(biāo)題,并選擇網(wǎng)站的類型。

2011-10-08_214546

3.接下來是輸入網(wǎng)站的域名,可以直接使用Weebly的二級域名(如xxxxx. ),也可以使用你自己的域名,甚至直接在weebly購買域名。

2011-10-08_214556

開始使用Weebly設(shè)計網(wǎng)站

申請完成Weebly賬號并建立網(wǎng)站后,會出現(xiàn)設(shè)計畫面,如下圖。
最上方有五個主要功能,分別是「元素」、「設(shè)計」、「頁面」、「編輯者」及「設(shè)置」。

元素:可用拖曳的方式加入各種網(wǎng)頁元素,如文字、圖片、相簿、聯(lián)系表單…
設(shè)計:能切換上百種專業(yè)的設(shè)計模板(網(wǎng)頁布景主題)
頁面:能建立網(wǎng)站的頁面、子頁面及部落格
編輯者:可以加入其他使用者當(dāng)作管理者或編輯者,共同制作網(wǎng)站
設(shè)置:提供網(wǎng)站的各種設(shè)定,如網(wǎng)站標(biāo)題、網(wǎng)域名稱、SEO關(guān)鍵字…

2011-10-08_215000

基本使用方式

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

(一)加入網(wǎng)頁元素

Weebly有著非常好用的拖曳式網(wǎng)頁產(chǎn)生器,在上方的「元素」中可以切換「基本」、「多媒體」、「收益」及「更多」等四大類網(wǎng)頁元素,然后將上方的元素拖曳到下方的網(wǎng)頁編輯區(qū)即可。
如下圖就是筆者拉了一個「兩列布局」的元素下來,網(wǎng)頁就變成左右兩欄,然后再拉一個「帶標(biāo)題的段落」進來,就會看到畫面中多出一個藍色的區(qū)塊,只要點一下就可以在里面區(qū)塊進行編輯了。按下區(qū)塊上方藍色標(biāo)題列,可以自由移動它的位置,如果哪個元素不要了,也只要按下紅色x按鈕就能刪除,整個操作非常直接、方便喔!

2011-10-08_215538

(二)挑選網(wǎng)頁模板

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

2011-10-08_215706

Weebly內(nèi)建了超過百種專業(yè)的網(wǎng)頁模板,可從左邊點選分類來挑選各式模板。

2011-10-08_215818

你是否看到全是英文的模板就嚇到了?不用擔(dān)心,這些模板只是預(yù)覽中英文網(wǎng)站的樣子而已,實際上任何地方都可以顯示中文的。

另外,你還注意到了吧,Weebly支持開發(fā)者提交模板,看這里…

2011-10-08_220025

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

2011-10-08_220415

(三)添加頁面

一個網(wǎng)站里當(dāng)然不能只有一個網(wǎng)頁,因此我們可以按下頂端的「頁面」,進入頁面管理畫面。左邊有〔Add Page〕(添加頁面)??及〔Add Blog〕(添加博客)兩個按鈕,按下后可以幫網(wǎng)站加上頁面或博客,如果某個頁面要外連到其他的網(wǎng)站,只要勾選右邊的「連結(jié)此頁到外部網(wǎng)站」,即可輸入網(wǎng)址讓該分頁變成一個超鏈接。

2011-10-08_220653

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

2011-10-08_220929

更為重要的是這個我們可以為每個頁面自定義標(biāo)題,關(guān)鍵字,說明信息,這對于SEO來說是極其重要的。

2011-10-08_220807

當(dāng)你制作出子頁面之后,回到網(wǎng)頁設(shè)計畫面,就可看到該頁面會自動變成下拉式選單,只要點一下頁面名稱就可以切換至該頁面進行編輯了。

2011-10-08_221212

(四)網(wǎng)站設(shè)置

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

2011-10-08_221452

發(fā)布網(wǎng)站

當(dāng)你設(shè)計好你的網(wǎng)頁后,想要將網(wǎng)站公諸于世,只要按下右上角的〔發(fā)布〕按紐,網(wǎng)站就會正式發(fā)布了,只要按下頁面中央的網(wǎng)址,就能開啟你的網(wǎng)站了。

2011-10-08_221710

網(wǎng)站站打開后就跟你在Weebly編輯器里面看到的一模一樣,是不是很簡單呢? 快來申請一個Weebly免費賬號來試試看吧!

2011-10-08_221850

Weebly中文網(wǎng)站:http://www./?lang=zh