-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.jade
119 lines (117 loc) · 6.58 KB
/
index.jade
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
doctype html
- var use = { cdn: false, og: true, favicon: true }
- var lib = { jquery: true, angular: true, bootstrap: true, fontawesome: true }
- var assets = "/assets"
- var favicon = "http://xinmeti.co/favicon.png"
- var title = "新媒體內容技術與設計 / 輔大新聞系數位內容設計課程"
- var og = {}
- og.title = title
- og.twitter = {type: "summary_large_image", site: "@zbryikt", creator: "@zbryikt"}
- og.domain = "xinmeti.co"
- og.url = "http://xinmeti.co"
- og.thumbnail = {width: 700, height: 380, type: "image/jpg"}
- og.thumbnail.url = "http://xinmeti.co/assets/img/thumbnail.jpg"
- og.author = "zbryikt"
- og.section = "Taiwan"
- og.keyword = "journalism,new media,digital content,"
- og.description = "帶領學生了解數位時代的內容產製方式、流程與內容的整體樣貌，並學習從基本的內容製作到內容管理與維護。"
- var fb = {}
- fb.app_id = ""
- fb.admins = ""
html(lang="en")
include mixin.jade
head(prefix="og: http://ogp.me/ns#")
include /ga.html
meta(charset="utf-8")
meta(name='viewport', content='width=device-width, initial-scale=1.0')
title= title
// libraries
include library.jade
// custom files
body
include /nav.jade
.jumbotron-fluid.text-center
.container-fluid
+nbr(3)
h1(style="padding-left:65px")
span 新媒體內容技術與設計
img.ld.ld-breath(src="/assets/img/newspaper.svg",style="height:60px;margin-top:-10px")
.subtitle New Media Techniques and Design
br
div 上課時間：每周四 12:40 ~ 15:30
div 上課地點：#[a(href="http://edu.cc.fju.edu.tw/m_room.html",target="_blank") 文開樓 403 電腦教室]
+nbr(2)
a.btn.btn-primary.spc-right.rel(href="/contest/")
span 內容競賽資訊
a.btn.btn-primary.spc-right.rel(href="/midterm/info/",style="padding-right:40px")
span 期中考資訊
img.abs(src="/assets/img/exam.svg",style="top:-10px")
a.btn.btn-primary.spc-right(href="#course-list") 課表
a.btn.btn-primary.spc-right(href="http://140.136.251.64/outlines/student/outline.aspx?dayngt=D%20&grono=IG%20&dptno=12&hy=106&ht=1&avano=D120230201%20&tchno=138888&isdone=True#session1") 輔大課綱網址
a.btn.btn-primary(href="mailto:tkirby@gmail.com") 聯絡老師
+nbr(4)
.block1024
+nbr(2)
h2 課程簡介
.sep.huge-gap
p 隨著電腦與網路技術的發展，有越來越多的內容用數位的方式表現。數位內容需要進階的技能與概念，因此，本課程目標在帶領學生了解數位時代的內容產製方式、流程與內容的整體樣貌，並學習從基本的內容製作到內容管理與維護，包含以下面向：
ul
li #[b 組成] - 製作網路內容的基本技術
li #[b 架構] - 資訊設計、數位內容的架構與數位的敘事手法
li #[b 外觀] - 內容包裝、傳播形式與傳播效率分析
li #[b 管理] - 內容的管理與維護
p 課程偏重實作，並讓學生透過專題形而學習基本網頁設計等技能，在學期末以專案形式發表學習成果。
+nbr(1)
h4 指定教材
p "#[a(href="http://shop.oreilly.com/product/0636920023494.do",target="_blank") Learning Web Design, 4th Edition]" By Jennifer Niederst Robbins, O'Reilly Media, 2012 #[br] #[small.red * 以參考為主，並不會依教科書內容與順序教學]
+nbr(2)
.block
h2.inline-block.spc-right 課表 #[a#course-list.anchor]
small.grayed / 由於課程難度較高，將隨同學學習狀況調整速度與內容。
.sep
+nbr(1)
h4 九月 / September
table.course-list
tr #[td 01] #[td 09/21] #[td: a(href='/01/'): i.fa.fa-link] #[td 課程簡介與案例賞析]
tr #[td 02] #[td 09/28] #[td: i.fa.fa-circle-thin] #[td 教師節放假一天]
+nbr(1)
h4 十月 / October
table.course-list
tr #[td 03] #[td 10/05] #[td: a(href='/03/'): i.fa.fa-link] #[td 數位內容初步: 操作環境介紹與熟悉]
tr #[td 04] #[td 10/12] #[td: a(href='/04/'): i.fa.fa-link] #[td 數位專輯的骨架: 基本網頁製作 / HTML 超文件標記語言實作]
tr #[td 05] #[td 10/19] #[td: a(href='/05/'): i.fa.fa-link] #[td 數位專輯的骨架: 基本網頁製作 / CSS 串接樣式表入門]
tr #[td 06] #[td 10/26] #[td: a(href='/06/'): i.fa.fa-link] #[td 數位專輯的骨架: 網頁繪圖與動畫入門 / SVG + Web Animation]
+nbr(1)
h4 十一月 / November
table.course-list
tr #[td 07] #[td 11/02] #[td: a(href='/07/'): i.fa.fa-link] #[td 數位專輯的骨架: 使用 Bootstrap 樣板與 jQuery 套件]
tr #[td 08] #[td 11/09] #[td: a(href='/08/'): i.fa.fa-link] #[td 資訊架構與設計: 基本的資訊流程設計]
tr.red #[td 09] #[td 11/16] #[td: a(href='/09/'): i.fa.fa-link] #[td 期中考 ( 上機 )]
tr #[td 10] #[td 11/23] #[td: a(href='/10/'): i.fa.fa-link] #[td 資訊架構與設計: 內容的傳播與包裝 / Open Graph 與網站分析工具應用]
tr #[td 11] #[td 11/30] #[td: a(href='/11/'): i.fa.fa-link] #[td 內容工程: 分組專題提案與製作說明 / Wordpress 內容管理系統]
+nbr(1)
h4 十二月 / December
table.course-list
tr #[td 12] #[td 12/07] #[td: a(href='/12/'): i.fa.fa-link] #[td 資訊架構與設計: 傳播效率與成果 / 流量分析與最佳化]
tr #[td 13] #[td 12/14] #[td: a(href='/13/'): i.fa.fa-link] #[td 內容工程: 版本管理概念與使用 Github 架站]
//-原課程主題：「網站外包: 使用網路服務 / Google Maps, Facebook Share, Disqus, PlotDB 等」
tr #[td 14] #[td 12/21] #[td: i.fa.fa-circle-thin] #[td 停課一週]
tr #[td 15] #[td 12/28] #[td: a(href='/15/'): i.fa.fa-link] #[td 內容工程: 樣板語言與前處理器 / Pug, Stylus and Yaml]
+nbr(1)
h4 一月 / January
table.course-list
tr #[td 16] #[td 01/04] #[td: a(href='/16/'): i.fa.fa-link] #[td 跨體驗的數位內容: 響應式網頁製作 / RWD, Media Query, Accessibility]
tr #[td 17] #[td 01/11] #[td: a(href='/17/'): i.fa.fa-link] #[td 互動設計入門]
tr.red #[td 18] #[td 01/18] #[td: a(href='/18/'): i.fa.fa-link] #[td 期末分組成果發表]
+nbr(4)
.block
h2.inline-block.spc-right 課程討論
small.grayed / 任何課程相關的問題都可以在這裡討論喔！
.sep
+nbr(1)
include /disqus.jade
+nbr(3)
include /footer.jade
+css("index.css")
+script("base.js")
+script("index.js")