手把手教学:使用Carrd构建基础Web页面

对于不了解HTML/SCSS/JS技术的小伙伴来说,想编写一个web页面并部署到云上还是有一定难度的。通过小编的简单调研,carrd可以方便地帮助我们建站并指定Customer URL进行发布,今天小编将通过简单的Demo带领大家走进图形化拖拽建站的殿堂~

一.开发必备

  • 通过云平台备案并购买域名【本文将以腾讯云为例进行讲解】
  • 通过Carrd注册用户并购买对应版本
  • 通过Carrd构建基本Web页面
  • 将构建的Web页面绑定Customer域名
  • 此时您就可以通过您的域名直接访问您的在线网站啦
    注意: 域名和Carrd使用版本均收费,购买前请务必再三确认

二.腾讯云平台备案并购买域名

  1. 进入腾讯云官网https://cloud.tencent.com/进行用户注册
  2. 注册成功后进入控制台
  3. 选择云产品 -> 域名注册 -> 输入您希望注册域名并回车 -> 选择您希望购买的域名加入购物车 -> 点击右侧立即购买 -> 按照流程一步步购买并支付即可
  4. 购买成功后进入 域名管理,并进行域名备案
  5. 备案成功后即如下图所示
    在这里插入图片描述
  6. 若您不想将完成域名作为您的Web URL,您可以点击上方图中解析并设置对应的二级域名

三.通过Carrd注册用户并构建基本Web页面

  1. 进入https://carrd.co/signup填写对应Carrd注册信息完成注册,并在进入的页面点击Send Verifiaction Email去认证您填写的邮箱
    在这里插入图片描述
  2. 认证成功后您可以进入Dashboard页面查看您所有可使用的功能,当然,最主要使用的是如下标记的三个选项
    在这里插入图片描述
  3. 先点击右上角的”New Site“创建一个新的Web应用,此时作为试用用户的你只可以选择不带PRO标记的模板,比如我们选择第三个
    在这里插入图片描述
  4. 选择了指定模板后,我们会直接跳转到编辑页面,在编辑页面中我们可以编辑任何网页内容,并添加新的组件内容,通过拖拽的网址个性化定制网页布局【基本都是拖拽/编辑,由于很简单就不过多介绍啦,您可以尽情自行发挥】
    在这里插入图片描述
  5. 接下来内容将是本文核心,即如何将我们构建好的页面进行发布:点击右上方保存按钮 -> 我们可以输入Title和Description并点击下方Use Customer Domain右侧的小锁头图标,按提示可以先试用7天 -> 点击Start Free Trial进行试用 -> 并按照提示在腾讯云的解析域名中配置对应的域名解析内容并保存 -> 将您的域名填写到左侧Customer Domain中 -> 点击Publish
    在这里插入图片描述
  6. 大功告成,此时您就可以访问您的域名查看您构建的Web应用啦~

三.特别提醒

  1. 购买域名时,不同后缀的域名价格不同,且不同后缀的域名也有着不同的含义,请根据您的需求进行相关采购
  2. 购买Carrd版本时,不同版本有不同功能,请在https://carrd.co/dashboard/account/plan/upgrade页面了解所有版本的不同并根据需要进行采购,我个人认为$19/year的版本已经适用大部分场合。

四.结语

Carrd终归是一个拖拽式Web开发工具,跟前端开发还是有很大差别的,如果可以的话建议还是从前端开发着手开发您所预期的网站~

今天的分享就到此为止啦,有任何问题请随时在下方留言,谢谢!

发布了258 篇原创文章 · 获赞 332 · 访问量 13万+

猜你喜欢

转载自blog.csdn.net/qq_34829447/article/details/103554993