週 |
課程內容 |
備註 |
1 |
校園著作權利用之相關問題
(經濟部智慧財產局網站)
基本概念
編輯、執行
HTML 5 基本架構
網頁亂碼
網站規劃
伺服器網站說明
ftp 使用說明 |
|
2 |
文字外型、特殊字元
屬性(顏色、長度)
網站配色技巧與推薦網站
粗斜底線
範例1 範例2
跳行、分隔線
圖片、旋轉、比例放大、鏡射
CSS 寫法
CSS 的選擇器
常用 Css 屬性
|
- 成果存放平台 家豪私人伺服器 203.204.246.43
- 線上免費練習平台 GSAP
- 輸入網址查詢
網站配色
- 作業二
|
3 |
超連結、E-mail
連結 |
【Meta 十大功用】
作業三 |
4 |
排版
容器
清單
表格
絕對座標定位 |
作業四 |
5 |
影片、聲音
跑馬燈 |
作業五 |
6 |
框架
表單 |
作業六 |
7 |
JavaScript 概論
JavaScript 人機互動介面
基本資料形態
運算子
資料轉型 |
字串正規表達式
作業七 |
8 |
JavaScript
陳述與區塊
選擇
重覆
陣列
|
作業八 |
9 |
JavaScript
內定物件
自訂函數
自訂物件
物件繼承方法
|
作業九 |
10 |
JQuery
JQuery 與 javaScript 比較 |
作業10 |
11 |
CSS animation
CSS 搭配 jQ
|
作業11 |
12 |
Canvas |
作業12 |
13 |
官網下載 ....
環境介紹
簡單幾何圖形製作
簡單描繪圖形
Adobe CC Animate 圖像編輯 |
作業13 |
14 |
Adobe CC Animate
時間影格
逐格動畫
傳統移動捕間動畫
形狀漸變捕間動畫
|
作業14 |
15 |
Adobe CC Animate
導引線
遮色片
|
作業15 |
16 |
Adobe CC Animate
Script 3.0 語法 |
作業16 |
17 |
Adobe CC photoShop 影像編輯(一) |
作業17 |
18 |
Adobe CC photoShop 影像編輯(二)
|
作業18 |
19 |
Adobe CC photoShop 影像編輯(三)
|
作業19 |
20 |
Adobe CC photoShop 影像編輯(四)
|
作業20 |
21 |
Tinker Cad 3D 朔模 |
作業21 |
22 |
成果報告 |
|
23 |
期末作業整理與課程檢討 |
|
24 |
期末作業整理與課程檢討 |
|