1

高中優質化媒體素養研習（一）五分鐘架好一個網站

主講人：陳軒正教師教學 e 教室：

http://eteacher.fysh.tw

2

Weebly 是一間位於美國舊金山的網頁服務業者，該公司提供了免費的「模組化」網頁設計界面，使用者只要用拖曳的方式即可輕鬆建立網頁。

Weebly 也提供了教育版，每個老師帳戶可以開設40 個學生帳號，提供學生建立班網或個人網頁，並提供學生作業上傳的功能。

Weebly 分為免費及付費的 Pro 版，差異在 Pro 版能使用的工具較多，單檔可上傳最大 100MB( 免費版 5MB) ，而且可以建立 10 個網站 ( 免費版 2 個 )

Weebly 簡介

3

建立個人、行政、教學、組織或班級網頁 建立線上報名表單、問卷、作業繳交 可在網頁中加入「部落格」

Weebly 的應用方式

4

申請 Weebly 、建立個人網站 在網頁中加入標題、段落、圖片…等基本元素 加入相簿、幻燈片播放 切換佈景主題 建立多個頁面（含階層式網頁）及 BLOG 設計線上表單、問卷或報名表 發布網站

教學大綱

5

網站： http://weebly.com

如何註冊？

6

輸入網站標題 ( 日後還可修改 ) 及網站類型

開始建立網站

7

輸入你的網站網址

8

校長室 adm0@fysh.tw 教務處 adm1@fysh.tw 學務處 adm2@fysh.tw 總務處 adm3@fysh.tw 輔導中心 adm5@fysh.tw 教官室 adm6@fysh.tw 人事室 adm7@fysh.tw 會計室 adm8@fysh.tw

各處室登入帳號 ( 已申請 )

9

開始編輯網站

10

網站編輯界面

11

更換網站的模板 ( 佈景主題 )

12

加入網頁元素 ( 基本 )

13

上傳圖片

14

可針對圖片做裁切、旋轉、透明、漸層及特效

線上圖片編輯器

15

文件檔名請使用英文及數字

加入相簿及文件

16

加入幻燈片

17

加入地圖及 YouTube

18

加入表單

19

頁面可以向右拖曳移動，調整位置或成為子頁面，子頁面會以選單的形式顯示在網頁上方

加入頁面

20

可在「頁面」中加入「 BLOG 」，撰寫日記式的文章

加入 BLOG

21

加入 BLOG 文章

22

Weebly 可讓多人編輯同一個網站，只要按下畫面上方的「編輯者」，即可將其他 Weebly 帳號加入成為管理員之一。

合作編輯

23

加入其他管理員

24

在教育版的 Weebly 中會多出一個「上傳作業」的功能，可讓同學直接上傳作業檔案。

上傳作業

25

設計問卷

26

27

Weebly 的另一個優點是，它提供了「自訂網域」的功能，因此當你完成了之後請跟資訊組聯繫，我會將你的 Weebly 網站設定一個豐原高中的「網域」（例如圖書館就是用 lib.fysh.tc.edu.tw ），並在豐中首頁設定超連結到該網站。之後網站的網址就不用 .weebly.com 的子網域了。

如果你希望網站由多位同仁共同編輯，可將他們也加入網站的管理者。

網頁完成之後呢？

28

謝謝觀賞敬請指教