Your browser version is not supported. Some things may not display correctly.
105_02
Visible to members of this folder
105_2_四技三_創意數位內容設計實習
Sign up
Sign in
Edit
105_2_四技三_創意數位內容設計實習
網站繪本設計,將繪本製作成網站 // 個人作業
0222 網站內容設計概述 / 需要具備的能力說明
0301 網站設計前製作業 / Html 的變遷 / 什麼是繪本
http://www.slideshare.net/chenwei8/ss-72617397
文字編輯器
https://www.sublimetext.com/
https://www.youtube.com/watch?v=F9-0vtDPiMs&list=PLe2dfCUlw8bd3P4lFi2p_bKF-rIc2ZKDz&index=2
https://www.youtube.com/watch?v=vpd14rlyylo&list=PLe2dfCUlw8bd3P4lFi2p_bKF-rIc2ZKDz
0308
將網站架設至虛擬主機 / Wordpress
(補課)
0315 版型修改教學 / Html語法
DIV語法教學以及Bootstrap說明
0322 版型修改教學 / Html語法
作業:在3/29之前完成
HTML課程
Module 1: Overview
Module 2: HTML Basics
https://www.sololearn.com/Course/HTML/
CSS課程
Module 1: The Basics
Module 2: Working with Text
https://www.sololearn.com/Course/CSS/
0329 版型修改教學 / CSS語法
期中作業進度說明:
1.故事規劃
2.版面規劃
3.繳交方式請用A1海報(規格說明請參考
+
課程規則
)
作業:
HTML課程
Module 3: Challenges
Module 4: HTML5
https://www.sololearn.com/Course/HTML/
CSS課程
Module 3: Properties
Module 4: Positioning and Layout
https://www.sololearn.com/Course/CSS/
0405_放假
0412 版型修改教學 / CSS語法
作業:
CSS課程
Module 5: CSS3 Basics
0419_期中 預計製作的網站繪本規劃
期末要做的網站繪本要做成怎樣
用wireframe畫出來以及做故事說明
請思考「應用數位多媒體介面如何讓繪本更有趣」
(不接受手繪)
0426 版型修改教學 / CSS語法
作業:
CSS課程
Module 6: Gradients & Backgrounds
https://www.sololearn.com/Course/CSS/
0503 版型修改教學 / RWD等進階語法說明
作業:
CSS課程
Module 7: Transitions & Transforms
https://www.sololearn.com/Course/CSS/
0510 版型修改教學 / RWD等進階語法說明
0517 操作流程圖以及版面配置設計圖 Storyboard
0524 操作流程圖以及版面配置設計圖
0531 將自己的網站設計進行實作
// 第一次進度確認
0607 將自己的網站設計進行實作
0614 期末
0621
推薦甄試
參考資料
http://getbootstrap.com/getting-started/
https://www.sololearn.com/
https://www.sublimetext.com/
https://www.w3schools.com/
課程規則
+
https://hackpad.com/Zq81ieSApdo
105_2_四技三_創意數位內容設計實習
參考資料
課程規則
Emoji
Please turn on JavaScript to use Paper in all of its awesomeness. ^_^
將網站架設至虛擬主機 / Wordpress(補課)