學員名單
110 年 網頁設計課程進度表
請學員 mail 至 hc6675@hcvs.kh.edu.tw 信件內容寫上你的 ftp 登入密碼
週
課程內容
備註
1
校園著作權利用之相關問題
(經濟部智慧財產局網站)
基本概念
編輯、執行
HTML 5 基本架構
網頁亂碼
網站規劃
伺服器網站說明
ftp 使用說明
免費網頁編輯器
下Brackets
Kompozer
NotePad ++
優質網站
ww3schools
Runoob
Wibibi 網頁設計教學百科
w3c Html 5 線上語法檢查
nu Html 5 線上語法檢查
練打字
(優秀程式設計師必備)
參考資料
學習方式
學習前工作
申請空間
網站規劃書 1
Html 5 驗證器
經濟部智慧財產局網站
(校園著作權)
filezilla 官網
作業一
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
按鈕類
ToolTip
ScrolTop
ScrolMov
文字類
圖像類
作業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
期末作業整理與課程檢討