手把手教學:使用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開發工具,跟前端開發還是有很大差別的,如果可以的話建議還是從前端開發着手開發您所預期的網站~

今天的分享就到此爲止啦,有任何問題請隨時在下方留言,謝謝!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章