**在weebly平台建立你的免費網站 5/20前$49搶先看!!(原價$79)**
在weebly平台建立你的免費網站
一次就上手的簡單建站筆記／不會用火的野人
2020.7月
────────────────────
在weebly平台建立你的免費網站
序章──
開始使用weebly平台吧
第一章──
開始編輯網站前需要了解什麼？
1.響應式網頁
1-1
1-2
1-3
2.導覽列Navigation
3.網域名Domain Name
3-1
3-2確認網域名
章節目錄
第二章──
進入weebly編輯介面！
(一)登入後的後台設定頁面
1.切換語言
2.切換網站
3.複製網站
◇工作列「建立Build」編輯工具列簡介
(二)點選右上角的「編輯網站」
1.如何拖曳網頁元素？
2.網頁製作的小重點：
◇工作列「設定Settings」
3.基本網站設定
(三)基本Basic
＊標題Title
＊文字Text
§建立字的連結
1.對外連結
2.站內連結
＊內嵌程式碼Embed Code
＊按鈕Button
＊圖片Image
1.加入圖片
(1)從電腦上傳圖片
(2)在weebly上搜尋圖片
(3)將圖片加入weebly最愛
(4)用圖片網址上傳
2.圖片設定
3.圖片的燈箱效果(Lightbox)
4.線上編輯圖片
§裁切Crop
§篩選器(濾鏡)Filters
§調整Adjust
§添加文字Text
(1)文字大小
(2)文字字型
§焦點(模糊背景)Focus
＊圖庫(相簿)Gallery
＊幻燈片Slidebox
(四)結構Structure
＊部分(區域)Section
(1)
(2)
(3)
＊分隔線Divider
．如何使用直式的分隔線？
．兩欄間的隱形分隔線？
＊空格字元Spacer
(五)多媒體Media
＊youtube影片
◇工作列「頁面Pages」
(六)切換頁面
1.如何切換分頁？
2.新增分頁
．「標題」標題類型
．「無標題」標題類型
．「起始畫面」標題類型
3.複製分頁
4.不可點選選單表
5.子頁面
6.隱藏分頁
(七)把網站發佈到網路上！
第三章──
可以加入什麼豐富網站內容？
(一)連結到社群平台
1.FB
2.Line
3.Twitter推特
4.Plurk噗浪
(二)weebly應用程式中心
◇工作列「應用程式Apps」
＊如何新增應用程式？
＊如何移除應用程式？
§垂直分隔線Vertical Divider
§Facebook Like(在FB點讚)
§捲動到網頁頂部的按鈕
§移除weebly頁尾廣告
(三)改主題CSS碼等語法
◇工作列「主題Theme」
＊其他資源：
§APP-weebly行動版網站建置工具
§google廣告
§google自訂搜尋(站內搜尋)
§google Sitemap
────────────────────
＊食用前注意事項：
────────────────────
本筆記內容需搭配網路資源使用，不建議離線閱讀時訂閱。
（訂閱後建議選擇EPub閱讀，因為在平台上pdf的連結可能不能直接點。）
本筆記內容不定時更新，若資訊有出入，請以官網提供的最新資訊為主。
就是一本筆記，可能對你毫無反應，也可能幫你減少了許多試誤的時間。
本筆記未紀錄內容如下，有需要請另尋其他資源：
．weeblly付費模式、blog部落格、線上商店、SEO搜尋引擎優化等內容。
．連絡表單功能。
（本筆記只有紀錄如何連結到社群功能。）
．改CSS碼等語法。
只是筆記所以太高深的內容都沒有，但會跟你說可以去哪裡改。_(:3」∠)_
（有些效果僅使用weebly預設工具一般操作可能不行，使用改語法可以達成，但本筆記內容主要介紹的是不用改語法的一般操作情形。）
．APP方式編輯網站。（本筆記的紀錄以電腦版介面編輯網站。）
這本筆記內容只是帶初心者入門用，已經會使用weebly平台的使用者可以PASS囉。
主要紀錄如何把我們的資料放到weebly平台的網站上的部分。
（編輯網站工具的部分會盡量細寫，但畢竟只是本筆記，所以會著墨在筆者常用的功能比較多。目錄上沒有標出的功能基本上就不會介紹到囉。）
（因為本筆記整理時間較長，橫跨weebly網站改版後英文版到中文化過程，所以引用圖文部分格式不一，中文英文都有。）
───────────────────
tag
響應式網頁、網站、website、架站、weebly