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

 

Weebly簡(jiǎn)介

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

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

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

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

功能比較

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

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

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

申請(qǐng)Weebly賬號(hào)

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

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

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

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

開(kāi)始使用Weebly設(shè)計(jì)網(wǎng)站

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

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

基本使用方式

下面就來(lái)介紹幾個(gè)基本的使用方式:

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

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


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

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

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

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

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

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

(三)添加頁(yè)面

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

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

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

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

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

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


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

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

網(wǎng)站站打開(kāi)后就跟你在Weebly編輯器里面看到的一模一樣,是不是很簡(jiǎn)單呢? 快來(lái)申請(qǐng)一個(gè)Weebly免費(fèi)賬號(hào)來(lái)試試看吧!

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