5分钟建一个响应式动态网站的CARRD

摘要:让建站像搭积木一样简单!今天要介绍的Carrd是近期上线的免费建站服务,只要几个简单步骤就能快速设计出美观特色的响应式网站。我花了不到五分钟就做了一个优设网的简介,而且还有动态效果!如果你想给自己做个网站,不妨试试这个!Carrd首页一语道破它的特色:简单、自由且完整支持响应式设计的单页面网站!如果

  让建站像搭积木一样简单!今天要介绍的 Carrd 是近期上线的免费建站服务,只要几个简单步骤就能快速设计出美观特色的响应式网站。我花了不到五分钟就做了一个优设网的简介,而且还有动态效果!如果你想给自己做个网站,不妨试试这个!

  Carrd 首页一语道破它的特色:简单、自由且完整支持响应式设计的单页面网站!如果你想建的网站内容不复杂,或许只需要一个页面就能轻松带过,Carrd 会非常适合你。

5分钟建一个响应式动态网站的CARRD

  Carrd 内建功能包括让你自定义网站背景、标题、描述以及内容链结等等,还能为网站加入图片、影片、图标、按钮等等,Carrd 将这些元素模块化,只要利用拖曳方式就可以快速调整位置,并进行内容方面的进阶编辑。

  最令我惊艳的是为网站加入动态效果,使平淡无奇的页面更吸睛、更有质感!

  

uisdc201603234

 

  在开始前,我已经使用 Carrd 制作了一个简单的范例页面,或许你会有兴趣,那么可直接造访范例网址,这是我用不到五分钟时间做出的网页。

  Carrd

  STEP 1

  开启 Carrd 网站后,点选首页的「Choose a Starting Point」开始吧!

  第一步先选择一个要使用的网站风格,这待会都能够再做细部修改,因为要让网站雏形先出来,所以必须从中挑选最适合你心目中理想的版型。

  

Carrd

 

  STEP 2

  开始 Carrd 编辑画面前,会有简单的操作说明,方便用户了解每个功能用途。简单来说,内容都可以直接在看到的地方点选修改,右上角是主要工具栏,可以加入组件、预览动态效果、发布网站或开启更多功能。

  

Carrd

 

  STEP 3

  我最喜欢 Carrd 的一点是它编辑功能非常直觉好用!只要点选内文,就能够对文字内容或字型、颜色、宽度高度等项目进行编辑,拖曳外框来调整要显示的位置,没想到做网页竟然如此简单对吧?

  

uisdc20160323

 

  STEP 4

  点选右上角的「+」号,在网络加入更多元素,例如文本块、图片、影片、图标按钮或链结,可惜窗体部分需要付费升级 Pro 会员才能使用。

  

Carrd

 

  STEP 5

  Carrd 也可快速变换背景,例如图片、单一颜色或渐层色,以及进行位置或尺寸等设定。记得前面提到的动态效果吗?如果你喜欢,也能在「Animation」页面进行编辑。

  

uisdc201603232

 

  在 Carrd 提供的图库里,大量使用来自 Unsplash 免费图库的素材,点选就能套用到网站,实时预览网页呈现的效果。 这些挑选过的图片都非常好看,也很适合用于网页做为背景。

  

Carrd

 

  STEP 6

  当网页完成后,别忘记点选右上角的「Publish」发布按钮来储存内容,第一次使用时需填入 Email、密码来注册账号,以便进行后续的管理维护。

  将设定字段往下拖曳,就会有设定网站标题、描述及网址部分,免费账号可以自定义要使用的网址(使用 .carrd.co 免费网址),如果你要设定自己的域名,那么必须付费来升级 Pro 会员。

  

uisdc20160323

 

  STEP 7

  点选「Publish」发布网页后会回到 Carrd 控制台,第一次使用必须先去 Email 信箱收取验证邮件,点选信中确认链结才算启用账号,启用后就会取得该网址的使用权。

  

Carrd

 

  日后想要管理 Carrd 网站,或者付费升级、修改数据等等,只要开启 Carrd 登入你的账号,就能返回控制台。免费账户仅能建立一个网站,若你需要更多配额,必须升级才能进行操作(升级后最多可建置五个网站)。

  

uisdc201603233

 

  如果你觉得 Carrd 非常好用,也可以考虑支付一年 $19 美元来升级 Pro 账号,升级后可在同一账号内建置最多五个网站、支持自定义域名、窗体功能、加入 Google 分析追踪程序代码,亦能移除网站内的 Carrd 品牌链结。

  值得一试的三个理由:

  以浏览器免费建立网站,无须下载或安装软件

  支持完整响应式网页设计(RWD)技术

  将文字、图片、影片、图标、按钮等组件模块化,在编辑上更简单