Skip to content

Instantly share code, notes, and snippets.

@shunghsiyu

shunghsiyu/index.html

Created October 19, 2017 08:13
Show Gist options
  • Save shunghsiyu/a4684bf4097dbb8b943646f150d38170 to your computer and use it in GitHub Desktop.
Save shunghsiyu/a4684bf4097dbb8b943646f150d38170 to your computer and use it in GitHub Desktop.
Download ZIP
ThaiWebpage1
Raw
index.html
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.teal-orange.min.css" />
<script src="https://code.getmdl.io/1.3.0/material.min.js"></script>
<style>
body {
background-color: #EEE;
}
.thai-container {
margin: 0 auto;
max-width: 800px;
}
div.mdl-layout__drawer-button > i {
line-height: 48px;
}
.preface .mdl-card__supporting-text p:first-child:first-letter {
float: left;
font-size: 48px;
line-height: 32px;
padding-top: 8px;
padding-right: 8px;
padding-left: 3px;
}
.mdl-card {
border-radius: 5px;
}
.mdl-card__title {
background-size: 100%;
background-repeat: no-repeat;
}
.mdl-card__title {
flex-direction: column;
justify-content: flex-end;
}
.mdl-card__title-text, .mdl-card__subtitle-text {
align-self: flex-start;
}
.mdl-card__media {
min-height: 68px;
background-color: black;
}
.mdl-card__media img {
width: 100%;
}
.mdl-card__menu span.mdl-chip {
background-color: rgba(222, 222, 222, 0.65);
}
</style>
</head>
<body>
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header mdl-layout--no-desktop-drawer-button">
<header class="mdl-layout__header">
<div class="mdl-layout__header-row">
<!-- Title -->
<span class="mdl-layout-title">臺大數位學習資源</span>
<!-- Add spacer, to align navigation to the right -->
<div class="mdl-layout-spacer"></div>
<!-- Navigation -->
<nav class="mdl-navigation mdl-layout--large-screen-only">
<a class="mdl-navigation__link" href="#mooc">MOOC x Coursera</a>
<a class="mdl-navigation__link" href="#ocw">開放式課程</a>
<a class="mdl-navigation__link" href="#speech">臺大演講網</a>
</nav>
</div>
</header>
<div class="mdl-layout__drawer">
<span class="mdl-layout-title"></span>
<nav class="mdl-navigation">
<a class="mdl-navigation__link" href="#mooc">MOOC x Coursera</a>
<a class="mdl-navigation__link" href="#ocw">開放式課程</a>
<a class="mdl-navigation__link" href="#speech">臺大演講網</a>
</nav>
</div>
<div class="mdl-layout__content">
<main>
<div class="thai-container page-content">
<div class="mdl-grid">
<h2 class="mdl-cell mdl-cell--12-col mdl-typography--display-3">前言</h2>
<div class="preface mdl-card mdl-shadow--2dp mdl-cell mdl-cell--12-col">
<div class="mdl-card__supporting-text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel diam vitae magna laoreet posuere. Vivamus porta imperdiet ipsum vitae suscipit. Aliquam vitae turpis enim. Nulla commodo lacus at sem venenatis finibus. Fusce ut gravida felis. Mauris massa purus, fringilla quis sollicitudin quis, auctor ac augue. Nullam dapibus tortor facilisis, imperdiet mauris et, dignissim neque. Suspendisse ipsum ipsum, fringilla et risus at, semper tempus est. Donec in ante a libero aliquam ullamcorper.</p>
<p>Nunc et nisi id urna commodo convallis a dictum lectus. Nam ut diam feugiat, placerat risus quis, auctor libero. Donec congue condimentum tortor, et posuere elit commodo a. Nulla facilisi. Morbi ex ligula, hendrerit lacinia bibendum et, cursus et turpis. Duis eleifend enim vitae placerat viverra. Quisque venenatis vehicula nisi sed malesuada.</p>
</div>
</div>
</div>
<div class="thai-cards mdl-grid">
<h2 class="mdl-cell mdl-cell--12-col mdl-typography--display-3" id="mooc">MOOC x Coursera</h2>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="https://zh-tw.coursera.org/learn/rengong-zhineng" target="_blank"><img src="https://coursera-course-photos.s3.amazonaws.com/a3/7da0a0163311e4b2110d23aaf1cb58/AI-LOGO.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="https://zh-tw.coursera.org/learn/rengong-zhineng" target="_blank">人工智慧(Artificial Intelligence)</a></h3>
<span class="mdl-card__subtitle-text">于天立(Tian-Li,Yu), Assistant Professor 電機工程學系(Electrical Engineering)</span>
</div>
<div class="mdl-card__supporting-text">
<p>本課程有兩大課程目標：
1. 使同學了解如何以搜尋達成人工智慧
2. 使同學能將相關技術應用到自己的問題上</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">資訊科技</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="https://zh-tw.coursera.org/learn/prob1" target="_blank"><img src="https://coursera-course-photos.s3.amazonaws.com/8b/c7dcc68b7c1346c4c3dbe98d98c3ec/iStock_000000248160_Small.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="https://zh-tw.coursera.org/learn/prob1" target="_blank">頑想學概率：機率一</a></h3>
<span class="mdl-card__subtitle-text">Prof. 葉丙成 Ping-Cheng Yeh (Benson) , 台大電機系副教授、台大MOOC計畫執行長</span>
</div>
<div class="mdl-card__supporting-text">
<p>這是一個機率的入門課程，著重的是教授機率基本概念。課程內容和作業都使用生活化的例子，希望讓同學們快樂學習、快速培養同學們對於機率的洞察力與應用能力。</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">資訊科技</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="https://zh-tw.coursera.org/learn/ntumlone-mathematicalfoundations" target="_blank"><img src="https://coursera-course-photos.s3.amazonaws.com/e8/b919d04fd611e7a0979b15941d7bce/logo-_1_.png"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="https://zh-tw.coursera.org/learn/ntumlone-mathematicalfoundations" target="_blank">機器學習基石上 (Machine Learning Foundations)---Mathematical Foundations</a></h3>
<span class="mdl-card__subtitle-text">Hsuan-Tien Lin, 林軒田, 副教授 (Associate Professor) 資訊工程學系 (Computer Science and Information Engineering)</span>
</div>
<div class="mdl-card__supporting-text">
<p>Machine learning is the study that allows computers to adaptively improve the...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">資訊科技</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="https://zh-tw.coursera.org/learn/c-bian-cheng" target="_blank"><img src="https://coursera-course-photos.s3.amazonaws.com/07/51c2701e1611e4aaecc5d8de096f02/unnamed-_1_.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="https://zh-tw.coursera.org/learn/c-bian-cheng" target="_blank">計算機程式設計</a></h3>
<span class="mdl-card__subtitle-text">劉邦鋒 Pangfeng Liu, 教授 (Professor) 資訊工程學系 (Computer Science and Information Engineering)</span>
</div>
<div class="mdl-card__supporting-text">
<p>課程介紹 (About the course)
This course will introduce computer programming in C...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">資訊科技</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="https://zh-tw.coursera.org/learn/zhichang-suyang" target="_blank"><img src="https://coursera-course-photos.s3.amazonaws.com/a5/c7abc0186411e49569bd8fae65d268/600x340.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="https://zh-tw.coursera.org/learn/zhichang-suyang" target="_blank">職場素養 (Professionalism)</a></h3>
<span class="mdl-card__subtitle-text">陳 嫦芬 Chang-Fen Felice Chen, 專家教授（Adjunct Professor) 財務金融學系暨研究所 （Department of Finance)</span>
</div>
<div class="mdl-card__supporting-text">
<p>介紹國際職場素養的內涵及相關課題，培育學生應有的職場視野與能力，便利學生融入職場環境，迅速自新手成為高手，裕如地發揮所學與所長。</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">商管經濟</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="https://zh-tw.coursera.org/learn/economics" target="_blank"><img src="https://coursera-course-photos.s3.amazonaws.com/ac/35ec603f5311e7983bbd2478244b72/unnamed.png"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="https://zh-tw.coursera.org/learn/economics" target="_blank">經濟學概論：誘因與市場（Introduction to Economics: Incentive and Markets）</a></h3>
<span class="mdl-card__subtitle-text">林明仁 Ming-Jen Lin, Chair and Professor Department of Economics</span>
</div>
<div class="mdl-card__supporting-text">
<p>本課程將在四週中介紹經濟學的基礎內容，包含基本經濟學原理、機會成本、供給需求、市場均衡、彈性等，課程旨在讓學習者了解經濟學範疇的入門內容，進而培養經濟直覺...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">商管經濟</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="https://zh-tw.coursera.org/learn/shiji" target="_blank"><img src="https://coursera-course-photos.s3.amazonaws.com/f3/e110e07ee911e3a3dc1315a8a93bc7/____.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="https://zh-tw.coursera.org/learn/shiji" target="_blank">史記（一）（Shi-ji (1) ）</a></h3>
<span class="mdl-card__subtitle-text">Prof. 呂世浩 Shih-Hao Lu, Assistant Professor Department of History</span>
</div>
<div class="mdl-card__supporting-text">
<p>人文學，其特色在於「慢熱」，需要耐心細嚐、咀嚼古聖先賢的智慧結晶與其文字背後所隱含的真正意義。史記系列課程將透過對《史記》一書的導讀，引領同學們探究史學之...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">人文史地</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="https://zh-tw.coursera.org/learn/gabr" target="_blank"><img src="https://coursera-course-photos.s3.amazonaws.com/4d/bd0c70975c11e7a514bb2c13016cb1/____-2017-09-12-__9.46.34.png"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="https://zh-tw.coursera.org/learn/gabr" target="_blank">商管研究中的賽局分析：通路選擇、合約制定與共享經濟</a></h3>
<span class="mdl-card__subtitle-text">孔令傑, 助理教授 國立臺灣大學資訊管理學系</span>
</div>
<div class="mdl-card__supporting-text">
<p>在本課程中，我們會向大家介紹如何以（看起來像數學推導的）理論模型進行商管領域的學術研究，並且特別著重介紹在有多決策者的環境中，如何進行模型建構與分析，進而...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">商管經濟</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="https://zh-tw.coursera.org/learn/su-dongpo" target="_blank"><img src="https://coursera-course-photos.s3.amazonaws.com/4e/9d1f00c14d11e48956b3e48b928366/___.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="https://zh-tw.coursera.org/learn/su-dongpo" target="_blank">東坡詞 (Ci Poetry of Su Dong Po)</a></h3>
<span class="mdl-card__subtitle-text">劉少雄 Siu-Hung Lau, 教授 (Professor) 中國文學系 (Chinese Literature)</span>
</div>
<div class="mdl-card__supporting-text">
<p>東坡詞如秋夜的星光、月色，既遙遠又親近。我們以愉悅的心情展讀《東坡詞》，徜徉於〈水調歌頭〉、〈江城子〉、〈定風波〉與〈念奴嬌〉等作品裡，如晤故人，自能心領...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">人文史地</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="https://zh-tw.coursera.org/learn/tang-poems" target="_blank"><img src="https://coursera-course-photos.s3.amazonaws.com/c5/cafbf05e1411e68ad6510e9d39d5de/_____LOGO2.png"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="https://zh-tw.coursera.org/learn/tang-poems" target="_blank">唐詩新思路</a></h3>
<span class="mdl-card__subtitle-text">歐麗娟 Li-chuan Ou, 教授 (Professor) 中國文學系 (Department of Chinese Literature )</span>
</div>
<div class="mdl-card__supporting-text">
<p>唐詩不僅是詩歌史上一座巍峨的高峰，亦是人類文明的珍貴獻禮。本課程的目的並非對詩人、詩歌作一般性的概論，而是以專題的方式抽繹由初唐到晚唐詩歌的許多面向，除了...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">人文史地</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="https://zh-tw.coursera.org/learn/zhuangzi" target="_blank"><img src="https://coursera-course-photos.s3.amazonaws.com/73/c30450311a11e694823b3eacf9b037/image001.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="https://zh-tw.coursera.org/learn/zhuangzi" target="_blank">莊子─姿勢、意識與感情 (Zhuangzi─Posture, Awareness, and Sentiment)</a></h3>
<span class="mdl-card__subtitle-text">蔡璧名, 專任副教授 中國文學系</span>
</div>
<div class="mdl-card__supporting-text">
<p>　　他這麼活過他的一生，留下一本書，《莊子》。這本書影響了陶淵明的一生，影響了李太白的一生，影響了白居易的一生，影響了蘇東坡的一生。唐玄宗下詔稱此書為《南...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">人文史地</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="https://zh-tw.coursera.org/learn/shiyan-jingji-xue" target="_blank"><img src="https://coursera-course-photos.s3.amazonaws.com/90/143c30878a11e5963bbb5c07e0eaaf/EXPECON_FINAL.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="https://zh-tw.coursera.org/learn/shiyan-jingji-xue" target="_blank">實驗經濟學 (Experimental Economics I: Behavioral Game Theory)</a></h3>
<span class="mdl-card__subtitle-text">王道一 Tao-yi Wang, 副教授 (Associate Professor) 經濟學系 (Department of Economics)</span>
</div>
<div class="mdl-card__supporting-text">
<p>人是否會如同理論經濟學的預測進行決策？這門課將透過每週的課程影片以及課後作業帶你了解實驗經濟學的基本概念。每週將會有習題練習以及指定閱讀的期刊論文。你將會...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">商管經濟</span>
</span>
</div>
</div>
</div>
<div class="thai-cards mdl-grid">
<h2 class="mdl-cell mdl-cell--12-col mdl-typography--display-3" id="ocw">開放式課程</h2>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/101S210" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/101S210.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/101S210" target="_blank">計算機概論</a></h3>
<span class="mdl-card__subtitle-text">電機工程學系 于天立</span>
</div>
<div class="mdl-card__supporting-text">
<p>這是專門設計給電機系一年級同學修習的計算機概論課程，其目的在教授計算機科學的基礎技術及知識。同時亦著重C/C++相關程式設計的技巧。最終希望讓同學有足夠的...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">資訊科技</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/100S216" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/100S216.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/100S216" target="_blank">統計與生活</a></h3>
<span class="mdl-card__subtitle-text">政治學系 洪永泰 等</span>
</div>
<div class="mdl-card__supporting-text">
<p>「本課程為臺灣大學共同教育中心個別型通識教育改進計畫補助計畫」。本課程為A6:量化分析與數學素養領域的通識課程。由洪永泰老師、陳宏老師、蕭朱杏老師、劉仁沛...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">資訊科技</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/101S211" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/101S211.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/101S211" target="_blank">機械製造</a></h3>
<span class="mdl-card__subtitle-text">機械工程學系 楊宏智</span>
</div>
<div class="mdl-card__supporting-text">
<p>1. General Introduction
2. Metal-Casting Processes
3. Forming and Shaping...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">資訊科技</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/104S204" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/104S204.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/104S204" target="_blank">數位語音處理概論</a></h3>
<span class="mdl-card__subtitle-text">電機系 李琳山</span>
</div>
<div class="mdl-card__supporting-text">
<p>1. 本課程專為大學部同學所開授。所需要的最主要基礎能力是數學模型(機率、線性代數)及軟體程式，所有難題由數學模型分析，並由程式求解；其中大部份核心觀念均...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">資訊科技</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/102S113" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/102S113.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/102S113" target="_blank">統計學</a></h3>
<span class="mdl-card__subtitle-text">農藝系 劉仁沛</span>
</div>
<div class="mdl-card__supporting-text">
<p>本課程由具有統計學博士學位，並在 SCI 統計與機率領域發表過統計方法學論文並於 2012 年榮獲美國統計學會會士 (Fellow of the Amer...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">商管經濟</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/101S110" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/101S110.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/101S110" target="_blank">財務管理</a></h3>
<span class="mdl-card__subtitle-text">財金系 陳明賢</span>
</div>
<div class="mdl-card__supporting-text">
<p>本課程著重在闡述財務理論之基本架構與內涵，及企業經理人各大財務決策，如投資決策，融資 (資本結構) 決策，股利政策，合併與購併，以及營運資金決策等之內容及實務做法。</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">商管經濟</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/105S102" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/105S102.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/105S102" target="_blank">農企業管理學</a></h3>
<span class="mdl-card__subtitle-text">農經系 雷立芬</span>
</div>
<div class="mdl-card__supporting-text">
<p>授課重點是讓學生了解主要農業品（園藝、畜產）生產過程，並且學習企業管理的基本理論與概念，以應用在農場或農企業之經營。</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">商管經濟</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/101S205" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/101S205.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/101S205" target="_blank">作業管理</a></h3>
<span class="mdl-card__subtitle-text">管理學院 企業管理組 黃崇興</span>
</div>
<div class="mdl-card__supporting-text">
<p>生產作業管理是為了有效地利用生產資源，對生產作業過程進行組織、計劃、控制，生產滿足市場需求的管理活動。本課程是許多工業管理人員所必須學習的課題之一，現今不...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">商管經濟</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/102S116" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/102S116.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/102S116" target="_blank">經濟學原理</a></h3>
<span class="mdl-card__subtitle-text">經濟學系 林明仁</span>
</div>
<div class="mdl-card__supporting-text">
<p>做為經濟學的入門課程，介紹經濟學的基本觀念。</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">商管經濟</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/104S101" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/104S101.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/104S101" target="_blank">Experimental Economics : Behavioral Game Theory (實驗經濟學：行為賽局論)</a></h3>
<span class="mdl-card__subtitle-text">(經濟學系 王道一)</span>
</div>
<div class="mdl-card__supporting-text">
<p>This is an upper division and graduate level course on experimental economics...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">商管經濟</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/100S118" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/100S118.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/100S118" target="_blank">Taiwan and Southeast Asian Arts (臺灣與東南亞藝術)</a></h3>
<span class="mdl-card__subtitle-text">Sakai Takashi (藝術史研究所 坂井 隆)</span>
</div>
<div class="mdl-card__supporting-text">
<p>Generally the Southeast Asian culture possible to see as a diversity historic...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">認識Asia</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/103S209" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/103S209.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/103S209" target="_blank">《新百家學堂》亞洲共同體：東亞文學與文化</a></h3>
<span class="mdl-card__subtitle-text">中國文學系 梅家玲</span>
</div>
<div class="mdl-card__supporting-text">
<p>東亞的「跨地域」研究視角，是當前人文學界的共識之一，在東亞的視角下，文學作品與文化、知識生產與傳播的個案研究成為了學界關注的對象。本課程希望藉由「亞洲共同...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">認識Asia</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/099S107" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/099S107.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/099S107" target="_blank">東亞文化：傳統與現代</a></h3>
<span class="mdl-card__subtitle-text">文學院歷史學系 黃俊傑</span>
</div>
<div class="mdl-card__supporting-text">
<p>本課程在 21 世紀全球化時代語境中，引導學生從東亞文化與思想的角度出發，思考東亞文化傳統及其現代轉化等相關問題。</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">認識Asia</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/101S124" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/101S124.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/101S124" target="_blank">東亞儒家人文精神</a></h3>
<span class="mdl-card__subtitle-text">歷史系 黃俊傑</span>
</div>
<div class="mdl-card__supporting-text">
<p>本課程從現代觀點探討東亞儒家人文傳統之核心價值及其展開，並分析其現代啟示。
本課程分析之東亞儒家人文精神，包括孔子、孟子、朱子、日韓儒者的生命智慧，以...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">認識Asia</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/100S119" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/100S119.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/100S119" target="_blank">《新百家學堂》臺灣文學在臺大</a></h3>
<span class="mdl-card__subtitle-text">出版中心 齊邦媛等</span>
</div>
<div class="mdl-card__supporting-text">
<p>由臺大孕育而生的作家群們在臺灣文學領域佔有一席之地，本課程邀請臺大畢業傑出校友─齊邦媛、林文月、葉維廉、王文興、陳若曦、白先勇、杜國清、王其楣等講述臺灣文...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">人文史地</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/102S104" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/102S104.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/102S104" target="_blank">中國文學史</a></h3>
<span class="mdl-card__subtitle-text">中國文學系 歐麗娟</span>
</div>
<div class="mdl-card__supporting-text">
<p>本課程從遠古神話開始，一方面沿著歷史時間軸進入文學主流的發展渠道，逐步引介先秦、兩漢、魏晉南北朝、隋唐、兩宋、元明、清各朝的作家活動與其文學成果，作為文學...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">人文史地</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/104S103" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/104S103.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/104S103" target="_blank">哲學與人生</a></h3>
<span class="mdl-card__subtitle-text">哲學系 傅佩榮</span>
</div>
<div class="mdl-card__supporting-text">
<p>本課程由哲學角度省思人生問題，試圖借助中西哲學家的見解，探討什麼叫做「人生」，以及人應該如何思考意義、選擇價值。首先由較具系統的西方哲學著手，介紹思想方法...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">人文史地</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/101S116" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/101S116.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/101S116" target="_blank">愛情社會學</a></h3>
<span class="mdl-card__subtitle-text">社會學系 孫中興</span>
</div>
<div class="mdl-card__supporting-text">
<p>上課的內容大體分成幾個部份：第一部份是檢討愛情社會學所面對的基本問題，希望同學對當今社會學對愛情的研究成果有個比較廣泛的了解；第二部份則要選取中西歷史上重...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">人文史地</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/103S208" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/103S208.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/103S208" target="_blank">《新百家學堂》白先勇崑曲之美講座</a></h3>
<span class="mdl-card__subtitle-text">特聘講座教授 白先勇</span>
</div>
<div class="mdl-card__supporting-text">
<p>本課程邀請白先勇先生擔任崑曲講座主講人，由王安祈（戲劇系）、林鶴宜教授（戲劇系）、李惠綿教授（中文系）負責課程，邀請海內外重要戲曲學者以及知名崑曲表演藝術...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">人文史地</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/100S207" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/100S207.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/100S207" target="_blank">《新百家學堂》臺灣民俗與民間文化</a></h3>
<span class="mdl-card__subtitle-text">新百家學堂 洪淑苓</span>
</div>
<div class="mdl-card__supporting-text">
<p>1.為引導學生認識台灣民俗與民間文化的傳統，並引導學生思考台灣民俗與民間文化的現代情境與未來發展，本課程以講座方式進行，邀請研究民俗與民間文學的專家為學生...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">人文史地</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/104S207" target="_blank"><img src="http://ocw.aca.ntu.edu.tw/ntu-ocw/files/110px/104S207.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://ocw.aca.ntu.edu.tw/ntu-ocw/ocw/cou/104S207" target="_blank">咖啡學</a></h3>
<span class="mdl-card__subtitle-text">農藝系 王裕文</span>
</div>
<div class="mdl-card__supporting-text">
<p>由於台灣並非咖啡的主要生產國，咖啡在台灣也非主要的經濟作物，但國人消費咖啡的習慣正逐年增加，因此咖啡課程在台灣的主要教授內容應著重在咖啡選購方面。本課程的...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">人文史地</span>
</span>
</div>
</div>
</div>
<div class="thai-cards mdl-grid">
<h2 class="mdl-cell mdl-cell--12-col mdl-typography--display-3" id="speech">臺大演講網</h2>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://speech.ntu.edu.tw/ntuspeech/Video/id-2472" target="_blank"><img src="https://img.youtube.com/vi/ypOuZqBP3-0/hqdefault.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://speech.ntu.edu.tw/ntuspeech/Video/id-2472" target="_blank">從感官到感測－淺談感測晶片高速整合技術與應用</a></h3>
<span class="mdl-card__subtitle-text">黃俊銘</span>
</div>
<div class="mdl-card__supporting-text">
<p>人類可以透過各種「感官」去感覺外界資訊，例如：眼睛的視覺、耳朵的聽覺、口腔的味覺、鼻子的嗅覺以及皮膚的觸覺。人類的感官有其限制，所以我們看不到紫外線也聽不...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">資訊科技</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://speech.ntu.edu.tw/ntuspeech/Video/id-2473" target="_blank"><img src="https://img.youtube.com/vi/WTE7_lmG1u0/hqdefault.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://speech.ntu.edu.tw/ntuspeech/Video/id-2473" target="_blank">來自 GPS 的你－夾帶天氣密碼的電波訊號</a></h3>
<span class="mdl-card__subtitle-text">朱崇惠</span>
</div>
<div class="mdl-card__supporting-text">
<p>GPS 除了導航之外，還能作什麼呢? 在衛星計畫中，利用全球定位系統的電波訊號來推算出天氣預報所需的參數，已經是一種很夯的技術應用。國家實驗研究院國家太空...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">資訊科技</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://speech.ntu.edu.tw/ntuspeech/Video/id-2394" target="_blank"><img src="https://img.youtube.com/vi/qDQ1-A8dnSg/hqdefault.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://speech.ntu.edu.tw/ntuspeech/Video/id-2394" target="_blank">駭客任務─手機攻防戰</a></h3>
<span class="mdl-card__subtitle-text">孫宏民 教授 (國立清華大學資訊工程學系)</span>
</div>
<div class="mdl-card__supporting-text">
<p>龍門客棧外，身穿黑衣，頭戴黑帽的殺手「無名」正與白衣俠客「金盾」展開一場殊死戰｡ 但見「無名」劍走偏鋒，招招刺向「金盾」的要害，眼看「金盾」就要招架不住了...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">資訊科技</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://speech.ntu.edu.tw/ntuspeech/Video/id-2407" target="_blank"><img src="https://img.youtube.com/vi/fQrTFR4iVaI/hqdefault.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://speech.ntu.edu.tw/ntuspeech/Video/id-2407" target="_blank">【成功之母系列講座】35年的挑戰與危機給我的淬鍊</a></h3>
<span class="mdl-card__subtitle-text">張善政 前行政院長</span>
</div>
<div class="mdl-card__supporting-text">
<p>張善政從學界、產業界跨到政界，畢業於美國康乃爾大學土木工程博士的他，歷任台灣大學土木系教授、國科會國家高速電腦中心主任、宏碁副總經理，Google亞洲硬體...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">商管經濟</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://speech.ntu.edu.tw/ntuspeech/Video/id-150" target="_blank">東協經濟研究淺談</a></h3>
<span class="mdl-card__subtitle-text">楊志海 教授 (中央大學經濟系)</span>
</div>
<div class="mdl-card__supporting-text">
<p>介紹東協經濟活動與相關研究</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">認識Asia</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://speech.ntu.edu.tw/ntuspeech/Video/id-2330" target="_blank"><img src="https://img.youtube.com/vi/GZ1E07OxSvI/hqdefault.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://speech.ntu.edu.tw/ntuspeech/Video/id-2330" target="_blank">從台灣走向世界的品牌創業之路</a></h3>
<span class="mdl-card__subtitle-text">Pinkoi 共同創辦人兼執行長 Peter、克里斯多插畫森林 Crystal & Ray</span>
</div>
<div class="mdl-card__supporting-text">
<p>臺大創創中心首次與Pinkoi合作，前進台大校園辦理校園分享會，這次的分享主題是「從臺灣走向世界的品牌創業之路」，特別邀請了Pinkoi的共同創辦人及執行...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">商管經濟</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://speech.ntu.edu.tw/ntuspeech/Video/id-1922" target="_blank"><img src="https://img.youtube.com/vi/A6SiXnhX0EU/hqdefault.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://speech.ntu.edu.tw/ntuspeech/Video/id-1922" target="_blank">臺大創業談：學生創業這件事 I</a></h3>
<span class="mdl-card__subtitle-text">柳育德 總監 (臺大車庫)、黃蕙雯 執行長 (台灣新創競技場)、盧志軒 專案經理 (Garage+)</span>
</div>
<div class="mdl-card__supporting-text">
<p>創業潮流風起雲湧，實踐夢想的門檻看似越來越靠近年輕世代。從政府部門、民間機構乃至學校，創業成為青年學生認識自我的人生學分；學生創業好嗎？社會風向鼓勵學生創...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">商管經濟</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://speech.ntu.edu.tw/ntuspeech/Video/id-2382" target="_blank"><img src="https://img.youtube.com/vi/g6UxWLQhVA0/hqdefault.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://speech.ntu.edu.tw/ntuspeech/Video/id-2382" target="_blank">【你的新媒體學伴】〈故事：寫給所有人的歷史〉X〈PanSci 泛科學〉</a></h3>
<span class="mdl-card__subtitle-text">謝佳螢 (故事 Gushi 共同創辦人)、雷雅淇 (PanSci 泛科學主編)</span>
</div>
<div class="mdl-card__supporting-text">
<p>艱澀的學科知識，如何一夕成為大人小孩都愛看的網路超人氣點閱？
創意和內涵兼具的作品，又如何維持長久穩定的產出水準？
且讓網路當紅知識新媒體，分享他們的發起...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">人文史地</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://speech.ntu.edu.tw/ntuspeech/Video/id-2383" target="_blank"><img src="https://img.youtube.com/vi/42yq2onBDOQ/hqdefault.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://speech.ntu.edu.tw/ntuspeech/Video/id-2383" target="_blank">【你的新媒體學伴】〈阿滴英文〉X〈臺灣吧〉</a></h3>
<span class="mdl-card__subtitle-text">阿滴 (阿滴英文創辦人)、蕭宇辰 (臺灣吧共同創辦人)</span>
</div>
<div class="mdl-card__supporting-text">
<p>艱澀的學科知識，如何一夕成為大人小孩都愛看的網路超人氣點閱？
創意和內涵兼具的作品，又如何維持長久穩定的產出水準？
且讓網路當紅知識新媒體，分享他們的發起...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">人文史地</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
<a href="http://speech.ntu.edu.tw/ntuspeech/Video/id-2357" target="_blank"><img src="https://img.youtube.com/vi/Qj9tmqHBiCQ/hqdefault.jpg"></a>
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="http://speech.ntu.edu.tw/ntuspeech/Video/id-2357" target="_blank">傳統與現代在劇場接軌─《當代傳奇 經典三十》</a></h3>
<span class="mdl-card__subtitle-text">林秀偉 (當代傳奇劇場行政總監)</span>
</div>
<div class="mdl-card__supporting-text">
<p>傳統與現代，東方與西方，如何在劇場接軌，演出一場場令人歎為觀止的「當代傳奇」，締造跨國界、跨文化的劇場美學？「當代傳奇劇場」將傳統京戲的唱、唸、作、打融入...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">人文史地</span>
</span>
</div>
</div>
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col">
<div class="mdl-card__media">
</div>
<div class="mdl-card__title">
<h3 class="mdl-card__title-text mdl-typography--display-2"><a href="https://speech.ntu.edu.tw/ntuspeech/Video/id-1426" target="_blank">教育理論與實務對話: 提升學習動機研討會：學校實踐優質經驗分享</a></h3>
<span class="mdl-card__subtitle-text">王政忠 老師 (南投縣立爽文國民中學)</span>
</div>
<div class="mdl-card__supporting-text">
<p>為發揚研究與教學並重之理念並提供分享平台，特辦理第8屆「教育理論與實務對話：『提升學習動機』研討會」，敬邀各界教育先進撥冗蒞臨指導，為分享中等學校教師優良...</p>
</div>
<div class="mdl-card__menu">
<span class="mdl-chip">
<span class="mdl-chip__text">人文史地</span>
</span>
</div>
</div>
</div>
</div>
</main>
<footer class="mdl-mega-footer">
<div class="mdl-mega-footer__middle-section">
<div class="mdl-mega-footer__drop-down-section">
<input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
<h1 class="mdl-mega-footer__heading">教學發展中心</h1>
<ul class="mdl-mega-footer__link-list">
<li>E-mail：ntuctld@ntu.edu.tw</li>
<li>TEL：886-2-3366-3367</li>
<li>FAX：886-2-3366-9594</li>
<li>地址：10617 臺北市羅斯福路四段一號</li>
<li>No.1, Sec. 4, Roosevelt Road, Taipei, 10617 Taiwan</li>
</ul>
</div>
<div class="mdl-mega-footer__drop-down-section">
<input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
<h1 class="mdl-mega-footer__heading">東南亞教育中心</h1>
<ul class="mdl-mega-footer__link-list">
<li>E-mail：</li>
<li>TEL：</li>
<li>FAX：</li>
<li>地址：10617 臺北市羅斯福路四段一號</li>
<li>No.1, Sec. 4, Roosevelt Road, Taipei, 10617 Taiwan</li>
</ul>
</div>
</div>
<div class="mdl-mega-footer__bottom-section">
<div class="mdl-logo">國立臺灣大學 National Taiwan University</div>
</div>
</footer>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment