Wix：網站生成平台 http://www.wix.com/ 教學卓越中心 2015/02/05 (四)

Presentation on theme: "Wix：網站生成平台 http://www.wix.com/ 教學卓越中心 2015/02/05 (四)"— Presentation transcript:

1 Wix：網站生成平台 http://www.wix.com/
教學卓越中心 2015/02/05 (四)

2 關於 Wix 雲端網站開發平台 基於 HTML 5 維基百科 http://en.wikipedia.org/wiki/Wix.com
維基百科 同類型平台 Weebly

3 點二下、換 拖拉 Wix 對我們的吸引力 好看 機制多 ，桌機、手機 一個帳號下，可生成多個網站，素材可共用 （常用家電，一應俱全）
（同一套內容，各自表述） 點二下、換 拖拉 一個帳號下，可生成多個網站，素材可共用

4 Wix 線上教學 《免費架網站的好幫手《Wix.com》， 不會網頁設計也能輕鬆做出漂亮的網站！》
By：㊣軟體玩家（發表: ） 　 《How to Build a Website with Wix.com》 (英文) (17'33") 發佈日期： 經濟系田 老師透過以上第 2 個教學影片 一夜之間就建好一個網站了 (見下一頁)

5 例：經濟系 田弘華老師 《大花法蘭西斯》 http://francistien.wix.com/hung-hua-tien
除 Wix 外， 且善用自己原有的 FB

6 一個帳號，可多個網站 【網站１】攝影作品： 【網站２】商品上架：ttp://wang65.wix.com/dma2014

7 瀏覽範本 (template) 不需登入，一般人即可點選 “Template”瀏覽範本 桌機版面 CT CT 手 機 版 面 CT CT
範本大類 CT

8 瀏覽範本 (template) 還有更多…. CT

9 範本的限制 範本一經選定，現階段無法更換 一個網站只能有一種範本 (不過，一個帳號，可建多個網站) 不過沒什麼大關係
可自訂修改的項目已非常多 頁面可任意 Add (加) 東西 可選空白頁面任意設計

10 Template (範本) 、Explore (探索)
範本，有的很實用，有的又實用又炫 範本一替換上自己的內容後，即大大不同 (文字、圖片、Youtube 影片…) 若再編修其他外觀樣式 (style)，甚至可有迥然不同的 fu 可從「探索」 (Explore)：得到靈感 (Get Inspired) 看別人如何靈活運用範本

11 Explore (探索)：靈感啟發 來自這個範本
來自這個範本

12 範本運用靈感 (Get Inspired) 結果網站 來自這個範本

13 範本運用靈感 (Get Inspired) 結果網站 來自這個範本

14 範本運用靈感 (Get Inspired) 結果網站 來自這個範本

15 範本運用靈感 (Get Inspired) 結果網站 來自這個範本

16 可從 Explore (探索) 獲得靈感 (Get Inspired)
範本 探索 可從 Explore (探索) 獲得靈感 (Get Inspired)

17 範本運用靈感 (Get Inspired) 結果網站 來自這個範本

18 範本 結果 背景是動態影片

19 實做

20 登入

21 帳號注意事項！ 所申請之「帳號」 ，即形成後來之「網址」 帳號申請時，若在 Wix 是唯一，
【例】經濟系 田 弘華老師：大花法蘭西斯 francistien 帳號申請時，若在 Wix 不是唯一，網址會被加上數字 【例】Ingrid ingrid 531

22 網站編輯步驟 新增網站 編輯既有網站 挑範本 編輯 (換內容) 儲存、發佈 (決定網站名稱) 編輯 儲存、發佈 新增頁面 加東西
改外觀 (樣式) 儲存、發佈

23 進入所要編輯的網站 載入中….，請稍候 (HTML 5)

24 Save (儲存)、Publish (發佈網站)

25 決定網站名稱 (Site Name) 簡短、(對別人) 好記、有意義 之後如要修改： 「管理網站」

26 網站更名 刪除網站

27 Pages (網頁) 反映在這個順序

28 新增頁面 (Pages > Add) 有各式各樣實用的頁面版型供挑選 數例如後 注意： 還可修改外觀
新增之頁面，會排在最後面，請拖移至所要位置。

29 【例】頁面：Video 各種實用的頁面類型 頁面名稱 到時候即是連結頁籤上的名稱

30 【例】頁面：聯絡我們 讀者送出後， 我們即會收到

31 【例】頁面： 藝廊 註： 新增之頁面， 會排在最後面， 請拖移至所要位置。

32 Gallery (藝廊) 要放什麼圖片？

33 Upload Images (上傳圖檔) 注意：免費版的空間是 500 MB 上傳自己的圖檔 我的、Wix 免費的、要付錢的

34 Gallery (藝廊) 有很多型態可更換

35 Add

36 可善用自己既有的 FB 等資源 點 2 下

37 Add (加) > APP > Google Maps
台北市木柵路一段17巷1號 世新大學

38 Change Style (改變樣式)

39 重新命名、刪除網站 2 1 管理網站 3

40 可否隱藏已發佈之網站？不行，但… Pages Add Landing Pages Coming Soon
Pages Add Landing Pages Coming Soon

41 可否隱藏已發佈之網站？不行，但… 設為首頁

42 可否隱藏已發佈之網站？不行，但…

43 Q & A、自由練習