本文要介紹的 Tilda 是剛上線的免費架站服務，為什么會想推薦它呢？因為 Tilda 預設提供了許多不同類型的網站模版，不僅僅是樣式上有所差異，而是真真實實可以建出不同形態的網站，無論是中小企業公司網站、多媒體、產品介紹或是個人網站，都能利用這些版型做到。

Tilda 另一項特色是：它將不同內容型態切割成「blocks」，如果把網站想象成堆積木，內容就好比一塊塊不同花色的積木，利用拖曳方式把它排列組合，產生的網站就更有獨特性，也能降低操作上的難度。

Tilda 使用模塊化系統，讓用戶在建構頁面時，可以有更好的彈性與自由度。

除此之外，Tilda 產生的網頁具備「自適應設計」特色，能在任何設備上正常瀏覽，這也是跟一般的架站服務不同之處。其他的功能就不用多說，Tilda 還可以自定義 Google Analytics 追蹤代碼或是加入窗體、密碼保護、白名單或搜索引擎索引等等，整體來說功能非常完整！

Tilda

STEP 1

開啟 Tilda 后，首先點選右上角的「Sign Up」來進行注冊，或者你可以先看看「Templates」提供那些漂亮的網站模版。注冊時只需要填入姓名、Email 和密碼，按下送出就能完成注冊。

STEP 2

各種模版依照網站類型自由選擇

Tilda 提供各式各樣的網站模版，在挑選時可以點選「Preview」來預覽是不是你需要的，前面有提到 Tilda 把各種內容類型設計成「blocks」，也就是使用者能自行調整變動，其實你只要選擇類似的模版即可，因為稍后可以調整內容呈現方式。

STEP 3

任意挑選了一個 Tilda 提供的網站布景后，我們就可以開始來設定內容。

STEP 4

點選內容就能快速調整設定

將鼠標光標移動到網頁內的任何一個區塊，左右兩側各會出現一些選項，左邊主要是在內容調整和設定上，右邊則可以快速復制、刪除或隱藏區塊，以及調整要呈現順序。

試著自己操作一下，會發現 Tilda 幾乎每個區域都能夠修改，只要在文字或按鈕上面點選，就能從網頁進行編輯。

有些區塊會有多種選項可以選擇，舉例來說，當我變更文字段落時，從最前面能選擇不同的文字排版方式，很棒的是 Tilda 會有預覽圖實時顯示，就不用從名稱去判斷它的功能，也無須一個一個選擇來進行實測。

STEP 5

可自定義 Facebook 預覽圖文和搜索引擎選項

在編輯結束前，點選右上角的「Settings」開啟網站設定項目。從這里可以自定義網站標題及網站描述，還有略縮圖、Facebook 及搜索引擎優化（SEO）選項能夠調整。如果有架站經驗的朋友一定知道標題與描述的重要性，這對于網站在搜索引擎表現也有一定的影響力，若要經營網站的話務必要小心設定。

STEP 6

最后，點選右上角的「Publish」即可發布網站，在這里會發現 Tilda 產生的網頁鏈結很冗長，而且不是非常好記，沒關系，接下來我會再教你如何自定義網址。

Tilda 自定義網址及設定預設首頁教學

前面有提到，Tilda 允許我們自定義網址（格式為 YourName.tilda.ws），但如果你要綁定自己的域名就必須付費升級。這個設定選項有點難找，開啟 Projects 頁面：https://tilda.cc/projects/ ，點選「Edit Site」來進行設定。

STEP 1

點選右上角的「Site Settings」。

STEP 2

從「Main Settings」里找到「Custom Subdomain on Tilda」就能自定義網址！設定后別忘記單擊右上角的保存設定。

最后，記得點選左邊選單的「Index」，選擇你要設定為此網站的預設主網頁，假如你只有一個頁面的話，選擇后儲存即可。

這么做的用意是因為 Tilda 允許使用者在一個項目內設定多個不同的網頁，為了讓你的子域名稱（Sub-Domain Name）可直接對應到主頁，記得要做此步驟，之后就能利用你設定的網址來開啟網站咯！

「有洞悉力的設計師才能解決問題，看案例就知道」

一點設計小技巧，讓天貓店鋪銷量大幅提升！
《超實用的設計心理學！怎么用隱喻設計引導用戶？》

一個能解決問題的設計師不怕客戶看效果圖！
《職場好經驗！如何應對客戶想看效果圖的要求》

讀懂甲方意思，讓溝通不再對牛彈琴！
《設計師必讀！如何從甲方抽象的概念里提煉LOGO創意》

原文地址：free.com

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

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