生活系列-在weebly平台建立你的免費網站

在weebly平台建立你的免費網站

一次就上手的簡單建站筆記／不會用火的野人

2020.7月

2021.4月2.0版

────────────────────

在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

────────────────────