建站福利！幫你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 品牌鏈結。

值得一試的三個理由：

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

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量104萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com