Ecb5e2edd2b718075b4c5e09716b8239
陳俊良
Mail_replay
Qrcode
Wait_for_sign_up 相簿專區
影音專區: 頻道統計圖表
SWF專區:
簡報專區:
作業專區:




互動式網頁設計  課程大綱

 

科目概要:

(1)課程描述

課程主要在於了解HTML 5的主要優勢在於能跨越不同的數位載具,包括桌上電腦、手機、平板電腦及智慧電視等。只要支援HTML 5的瀏覽器的設備,就可以運行。使用HTML 5技術所製作出的內容更容易將內容放到不同的平台上。

(2)課程學習重點

使用 Google Web Designer 打造支援各種載具的HTML 5動態內容

 

 

學習目標

(1)熟悉Google雲端活用技術

(2)熟悉Google Web Designer操作介面

(3)申請免費虛擬主機,上傳網頁,學習製作符合潮流且能跨平台的閱讀內容

 

 

學習成果

(1)學會使用Google表單進行問卷調查

(2)使用Google Web Designer製作符合潮流且能跨平台的閱讀內容,並附加申請免費網頁空間、QR-Code製作,以及利用YouTube製作與剪輯影片等加值內容,使網站呈現出與眾不同的效果。

 

 

評量方式

(1)成績考核:

    (A)考試評量 50%(期中考試 25%,期末考 25%)

    (B)平時表現評量 30%(包括出缺勤、學習態度等)

    (C)作業成果評量 20%

(2)課程能力指標評量:

    (A)網頁版面設計能力

    (B)網路運用能力


課程內容與進度

 

授課內容

備註

1

Google雲端平台介紹

製作Google表單

2

Google Web DesignerHTML5介紹

下載並安裝Google Web Designer

3

Google Web Designer操作介面

 

4

Google Web Designer工具的使用與屬性面板

 

5

Google Web Designer互動元件

 

6

影片放置

 

7

網頁動畫製作

 

8

添加事件、標記、標籤

 

9

範例實作一:商品介紹

 

10

範例實作二:圖片控制

 

11

範例實作三:3D賀卡

 

12

網頁空間申請、網頁上傳

 

13

QR-Code製作

 

14

利用YouTube製作與剪輯影片

 

15

網頁測試

 

16

網頁交流、分享

 

17

期未上機考試

 


 


附加檔案
檔案 檔案大小
立體卡片網頁.wmv 44.2 MB
簡易動畫網頁.wmv 43.4 MB
Google Web Designer 教材(滑動式圖片庫).pdf 1.6 MB
Google Web Designer 教材(網站設計).pdf 2.4 MB
Google Web Designer 教材(簡易動畫).pdf 1.6 MB