建站福利!帮你5分钟建一个响应式动态网站的Carrd

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

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

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

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

建站福利!帮你5分钟建一个响应式动态网站的Carrd

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

Carrd

STEP 1

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

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

建站福利!帮你5分钟建一个响应式动态网站的Carrd

STEP 2

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

建站福利!帮你5分钟建一个响应式动态网站的Carrd

STEP 3

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

建站福利!帮你5分钟建一个响应式动态网站的Carrd

STEP 4

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

建站福利!帮你5分钟建一个响应式动态网站的Carrd

STEP 5

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

建站福利!帮你5分钟建一个响应式动态网站的Carrd

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

建站福利!帮你5分钟建一个响应式动态网站的Carrd

STEP 6

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

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

建站福利!帮你5分钟建一个响应式动态网站的Carrd

STEP 7

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

建站福利!帮你5分钟建一个响应式动态网站的Carrd

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

建站福利!帮你5分钟建一个响应式动态网站的Carrd

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

值得一试的三个理由:

  1. 以浏览器免费建立网站,无须下载或安装软件
  2. 支持完整响应式网页设计(RWD)技术
  3. 将文字、图片、影片、图标、按钮等组件模块化,在编辑上更简单

【优设酷站22连发!】

  1. 免费图库+导航收集站:《酷站两连发!高品质免费图库站+专注WEB/APP导航收集站》
  2. 音乐站+字体搜索:《酷站两连发!帮你专心工作的音乐站+谷歌字体在线搜索神器》
  3. 渐变色+代码比较:《酷站两连发!渐变色方案全聚合网站+在线代码比较神器》
  4. 配色+占位图:《酷站两连发!在线色彩搭配工具+快速生成占位图片器》
  5. LOGO下载+字体下载:《酷站两连发!可商用的矢量LOGO下载+平面最爱的27款免费字体》
  6. 压缩图片+在线配色:《酷站两连发!在线图片压缩神器+在线配色工具COLOURCO》
  7. CSS Hover动画+宠物小精灵配色:《酷站两连发!宠物小精灵专属配色网站+CSS HOVER动画收集站》
  8. 美女图片+游戏配色:《酷站两连发!游戏配色网站+免费美女素材特供网站》
  9. 在线配色+字体推荐:《酷站两连发!在线配色神器+英文字体推荐网站》
  10. 追波作品变代码+16进制颜色:《酷站两连发!用代码呈现DRIBBBLE作品+16进制颜色网站》
  11. 无缝纹理+多边形背景:《酷站两连发!专注无缝纹理素材站+多边形背景生成器》

原文地址:free.com.tw

建站福利!帮你5分钟建一个响应式动态网站的Carrd

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量104万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

点赞
收藏 6
继续阅读相关文章

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
评论 收藏