A-A+

5分钟打造你的免费专属网站—Weebly在线建站服务

2013年03月07日 资源分享 暂无评论 阅读 894 次

想要免费建设一个专业的个人网站吗?现在你可以不用网页设计,也不用网页空间,只要申请一个美国的免费网页服务—Weebly.com,它结合了线上网页制作及网站托管服务,只需要浏览器就能用轻松建设网站,并能以拖曳的方式制作网页,加上内建了上百种专业的模板(背景主题),让你在5分种内就能轻松打造一个漂亮的网站喔!而且还能免费将网站绑定自己的域名,编辑HTML/CSS代码,并且完美支持简体中文喔。真是个超好用的网页服务,想免费拥有个人网站的就一定要试试这款免费的服务

 

Weebly简介

以往要是我们想制作一个自己的专属网站,都需要使用如Dreamweaver之类的网页设计软件,然后上传到某个网络空间,提供他人浏览。不但学习起来麻烦,还得花钱租用一个网页空间,对于一般的电脑初学者是个不小的负担。

之后虽然「博客」服务(BSP)开始盛行,如Google的Blogger、新浪博客、网易博客兴起,虽然可以免费申请而且使用容易,但是毕竟是个博客,功能方面是大打折扣,无法自由地排列里面的页面及内容,无法自由更换背景,样式,定制性非常高的网站不能使用的。

而Weebly.com是一间位于美国旧金山的网站服务业者,该公司提供了免费的「模组化」网页设计界面,使用者只要用拖曳的方式即可轻松建立网页,还提供了网站的托管服务,不限制上传的空间及下载的流量(只限制单文件上传大小),而且还能将网站绑定自己的域名,是个非常好用、而且很适合初学者的一项网页设计服务。

image_3

究竟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验证喔!

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

education weebly

2.注册完成后,会出现建立网站的画面。由于系统会自动检测浏览器是中文语系,Weebly提供简体中文界面,大大方便了我们网站制作过程。我们先帮网站输入一个标题,并选择网站的类型。

2011-10-08_214546

3.接下来是输入网站的域名,可以直接使用Weebly的二级域名(如xxxxx.weebly.com ),也可以使用你自己的域名,甚至直接在weebly购买域名。

2011-10-08_214556

开始使用Weebly设计网站

申请完成Weebly帐号并建立网站后,会出现设计画面,如下图。
最上方有五个主要功能,分别是「元素」、「设计」、「页面」、「编辑者」及「设置」。

元素:可用拖曳的方式加入各种网页元素,如文字、图片、相簿、联系表单…
设计:能切换上百种专业的设计模板(网页布景主题)
页面:能建立网站的页面、子页面及部落格
编辑者:可以加入其他使用者当作管理者或编辑者,共同制作网站
设置:提供网站的各种设定,如网站标题、网域名称、SEO关键字…

2011-10-08_215000

基本使用方式

下面就来介绍几个基本的使用方式:

(一)加入网页元素

Weebly有着非常好用的拖曳式网页产生器,在上方的「元素」中可以切换「基本」、「多媒体」、「收益」及「更多」等四大类网页元素,然后将上方的元素拖曳到下方的网页编辑区即可。
如下图就是笔者拉了一个「两列布局」的元素下来,网页就变成左右两栏,然后再拉一个「带标题的段落」进来,就会看到画面中多出一个蓝色的区块,只要点一下就可以在里面区块进行编辑了。按下区块上方蓝色标题列,可以自由移动它的位置,如果哪个元素不要了,也只要按下红色x按钮就能删除,整个操作非常直接、方便喔!

2011-10-08_215538

(二)挑选网页模板

按下顶端的「设计」分页,就可挑选网页的模板了。画面上方会列出最常用的几个模板,可以左右卷动。想选择更多的模板,只要按下左上方的「所有模板」即可。

2011-10-08_215706

Weebly内建了超过百种专业的网页模板,可从左边点选分类来挑选各式模板。

2011-10-08_215818

你是否看到全是英文的模板就吓到了?不用担心,这些模板只是预览中英文网站的样子而已,实际上任何地方都可以显示中文的。

另外,你还注意到了吧,Weebly支持开发者提交模板,看这里…

2011-10-08_220025

每个模板都可以自行修改,只要按下模板页面右上角的「编辑HTML/CSS」,就会进入模板编辑器,让你制作出属于自己的个性化模板!

2011-10-08_220415

(三)添加页面

一个网站里当然不能只有一个网页,因此我们可以按下顶端的「页面」,进入页面管理画面。左边有〔Add Page〕(添加页面)​​及〔Add Blog〕(添加博客)两个按钮,按下后可以帮网站加上页面或博客,如果某个页面要外连到其他的网站,只要勾选右边的「连结此页到外部网站」,即可输入网址让该分页变成一个超链接。

2011-10-08_220653

在加入页面页之后,每个分页都可以用拖曳的方式来调整顺序,如果将分页往右边拖曳,就可建立出子页面。

2011-10-08_220929

更为重要的是这个我们可以为每个页面自定义标题,关键字,说明信息,这对于SEO来说是极其重要的。

2011-10-08_220807

当你制作出子页面之后,回到网页设计画面,就可看到该页面会自动变成下拉式选单,只要点一下页面名称就可以切换至该页面进行编辑了。

2011-10-08_221212

(四)网站设置

按下顶端的「设置」,可以修改网站的设定,包括网址、标题、SEO关键字、币值……等,还可将整个网页下载为一个压缩档(.zip),方便你备份或将设计好的网站架设在其他主机。

2011-10-08_221452

发布网站

当你设计好你的网页后,想要将网站公诸于世,只要按下右上角的〔发布〕按纽,网站就会正式发布了,只要按下页面中央的网址,就能开启你的网站了。

2011-10-08_221710

网站站打开后就跟你在Weebly编辑器里面看到的一模一样,是不是很简单呢? 快来申请一个Weebly免费帐号来试试看吧!

2011-10-08_221850

Weebly中文网站:http://www.weebly.com/?lang=zh

给我留言

Copyright © 2011-2016 零下二十四度Theme By  Ality  京ICP备16007547号   关于本站

用户登录