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

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

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

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

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


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

  Carrd

  STEP 1

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

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


  STEP 2

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


  STEP 3

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


  STEP 4

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


  STEP 5

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


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


  STEP 6

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

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


  STEP 7

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


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


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

  值得一试的三个理由:

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

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

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

时间: 2024-10-26 05:08:31

帮你5分钟建一个响应式动态网站的CARRD的相关文章

响应式Web设计技巧及编写一个响应式页面实例

响应式 Web 设计技巧 什么是响应式设计? iOS 和 Android 的发布,智能手机.平板电脑.智能家电等新设备层出不穷,极大便利了我们的生活,但面对形形色色的终端设备,千差万别的屏幕分辨率,给网页设计带来了新的挑战,我们无法估计用户的终端设备和网络状况,更不可能为每种设备都专门设计一套网站,如何实现 Web UI 在多终端中的适配呢?2010 年 Ethan Marcotte 曾经在 A List Apart 发表过一篇文章"Responsive Web Design",响应式

使用media Queries实现一个响应式的菜单

Media queries是CSS3引入的一个特性,使用它可以方便的实现各种响应式效果.在这个示例中我们将会使用media queries实现一个响应式的菜单.这个菜单会根据当前浏览器屏幕的大小变化而自动的呈现出不同的样式.如果浏览器屏幕大于800px,菜单则会显示在页面左侧:如果浏览器屏幕介于401px到800px之间,菜单则会显示在页面上方,与其他内容是上下关系:如果屏幕小于400px,则菜单仍在页面上方,但是菜单会变为下拉列表形式. 预览地址: http://htmlpreview.git

网站下建一个应用程序 ,网站是form验证的,可是网站验证通过下面的应用程序没验证

问题描述 网站下建一个应用程序,网站是form验证的,可是网站验证通过下面的应用程序没验证iis是7.5结构是这样的网站的wenconfig<authenticationmode="Forms"><formsloginUrl="Login.aspx"timeout="180"/></authentication>应用程序的没加 解决方案 解决方案二:应用程序池是不是用的同一个解决方案三:没遇到过,帮顶下

有闲-建一个这样的展示网站(主要用作app下载),大概需要多少money ??

问题描述 建一个这样的展示网站(主要用作app下载),大概需要多少money ?? [有闲]网站地址 http://www.youxianapp.com/自学的话,多久能自己做出来求教大神!!

建站-我正在用jsp建一个卖书的网站,每本书都有很多详细的内容介绍,目录之类的,这些文字应该存在哪里

问题描述 我正在用jsp建一个卖书的网站,每本书都有很多详细的内容介绍,目录之类的,这些文字应该存在哪里 我正在用jsp建一个卖书的网站,每本书都有很多详细的内容介绍,目录之类的,这些文字应该存在哪里,是存在数据库?还是在本地建一个txt,用的时候在读.没有这方面的经验,请大家指教指教 解决方案 当然是放在数据库里.用mysql建立一个数据库,然后建一个表,用字符串类型. 在jsp中读取 http://wenku.baidu.com/link?url=22y8vSNdHpgHEj2nYn7M1h

带宽-想建一个互动视频直播网站,能用P2P流媒体技术吗?

问题描述 想建一个互动视频直播网站,能用P2P流媒体技术吗? 想建一个网站,只有一个主播间,同时在线人数最高时20万人,其他小直播间多个,每个同时在线人数均控制在1000人以内,能否用P2P技术?带宽费用要多少一个月? 解决方案 求大神帮忙测算下啦!本人0技术,但有一个很好的商业构想,要建网站,但前提是要测算资金量

教你三分钟建一个网站,PC端,手机端,微网站

如何建一个三站合一的网站?三站合一的网站一般指手机站.微站和手机站,大多数企业用户的做法是,三大站点分别制作,建站程序不同,管理入口不同,更新内容的时候,一篇文章要分三次发布,更要命的是,建一个手机网站或微网站哪一个不要上万块.免费建网站:http://www. iisp.com/special/design_promotion.php?s=guili147 本文提到建三站合一的方法与上文说到的不一样,我们使用的是建站宝盒.为什么要使用建站宝盒做三站合一的企业网站呢? 三点优势 一套程序,建三个

大数据的设计师帮你快速搞定一个极简风格网站

  如何快速做出一个极简风格网站?国外某个网站统计分析了112个明显带有极简风格的网站后,发布了这篇超级干货.全程都是以数据来说话,从占比最大的设计要素开始说起,有案例有分析,把极简风格的设计彻底发挥到了术的地步. 最小化设计的目标是移除界面当中不必要的元素或内容,减少干扰,使界面最大程度的支持用户的任务流程. 要将界面以恰当的方式简化到只保留必要元素的程度,设计师需要对一系列与最小化策略高度相关的设计模式有所了解.界面设计,就像人类的语言一样,最终是由人们的使用方式所定义的.如今,虽然"最小化

如何建一个营销型企业网站

中介交易 SEO诊断 淘宝客 云主机 技术大厅 新的世纪,互联网将进入一个崭新的阶段,信息化的发展带动其它产业的发展,各行业都将与它进行更深入的融合和渗透.越来越多的企业已开始从对互联网的认知阶段进入到认同和行动阶段. 企业的主页是企业在Internet上展示形象的门户,是企业开展电子交易的基地,是企业网上的"家", 设计制作一个优秀的网站是建站的企业成功迈向互联网的重要步骤. 网站建设的内容包括网页设计.网页制作.虚拟主机建设.网站程序开发.网站推广等等. 网络可以带给企业不分地域.