finalDemo/index.html at master · losevoid/finalDemo · GitHub

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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">

		<title>期末作業</title>


		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<link rel="stylesheet" href="css/reveal.css">
		<link rel="stylesheet" href="css/theme/black.css" id="theme">


	</head>

	<body>

		<div class="reveal">


			<div class="slides">
				<section>
					<h1>期末作品</h1>
					<h3>使用reveal.js呈現作品集</h3>
					<p>
						<small>張宇喬期末作品</small>
					</p>
				</section>

				<section>
					<h2>哈囉~!讓我們開始複習學到的東西吧</h2>
					<P>可以使用上下左右來操作投影片</p>
				</section>


				<section>
					<section>
						<h2>在前半堂HTML課程中</h2>
						<p>我們學會了使用各種標籤</p>
						<p>呈現在網頁上</p>
						<p>HTML的架構相當於網頁的骨幹非常重要</p>
						<br>
						<p>讓我們往下瞧瞧巴</p>
					</section>
					<section>
						<h2>作品1-旅遊紀錄</h2>
						<h1>CYC's  BLOG</h1>
						<h2>推薦清單</h2>
						<ol>
						<li><img src="images/1.JPG" width="100">生魚片</li>
						<li><img src="images/2.JPG" width="100">炸蝦天婦羅</li>
						<li><img src="images/3.JPG" width="100">洋蔥魚肝</li>
						<li><img src="images/4.JPG" width="100">烤鰻魚</li>
						</ol>
					</section>

				</section>
				<section>
					<section>
						<h2>在此我們學會了使用CSS</h2>
						<p>CSS相當於我們網頁美麗的衣服</p>
						<p>可以讓我們的網頁變得美美的</p>
					</section>
					<section>
						<h2>作品2-履歷</h2>

					</section>
					<section>
						<h2>標題1-工作經歷</h2>
						<ol>
						<li>曾在資訊處當打雜小弟</li>
						<li>曾擔任過排球社副社長</li>
						<li>曾擔任過班代</li>
						<li>現任設計學院跑腿小弟</li>
						</ol>
					</section>
					<section>
						<h2>標題2-學習經歷</h2>
						<ul>
						<li>2015年的Morden web研討會</li>
						<li>Sitcon camp 2016</li>
						<li>保哥的GIT入門教學</li>
						<li>台灣樹莓派的入門教學</li>
						</ul>
					</section>
					<section>
						<h2>證照</h2>
						<ul>
						<li>鋼琴檢定</li>
						<li>日檢N5</li>
						</ul>
					</section>

				</section>
				<section>
					<section>
					<h1>綜合以上所學的</h1>
					<p>第一次慢慢手刻網頁 好辛苦</p>
					<p>不過也練了一些基本功</p>
					</section>
					<section>
						<img src="images/web1.jpg">
					</section>
				</section>
				<section>
					<h1>感謝老師的指導</h1>

				</section>


			</div>

		</div>

		<script src="lib/js/head.min.js"></script>
		<script src="js/reveal.js"></script>
		<script>

			// More info https://github.com/hakimel/reveal.js#configuration
			Reveal.initialize({
				controls: true,
				progress: true,
				history: true,
				center: true,

				transition: 'slide', // none/fade/slide/convex/concave/zoom

				// More info https://github.com/hakimel/reveal.js#dependencies
				dependencies: [
					{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
					{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
					{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
					{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
					{ src: 'plugin/zoom-js/zoom.js', async: true },
					{ src: 'plugin/notes/notes.js', async: true }
				]
			});

		</script>


	</body>
</html>