帮你5分钟建一个响应式动态网站的CA-RRD

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

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

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

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

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

Carrd

STEP 1

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

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

STEP 2

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

STEP 3

我最喜欢 Carrd 的一点是它编辑功能非常直觉好用!只要点选内文

五个字网名[la240.com/html2017/1/10/]，就能够对文字内容或字型、颜色、宽度高度等项目进行编辑，拖曳外框来调整要显示的位置，没想到做网页竟然如此简单对吧?

 

STEP 4

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

STEP 5

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

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

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。