-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
157 lines (152 loc) · 9.18 KB
/
index.html
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
152
153
154
155
156
157
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="This presentation is meant to serve as a guide for New York District Webmasters">
<title>Webmaster Workshop</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/serif.css">
<link rel="stylesheet" href="css/main.css">
<link rel="shortcut icon" type="image/x-icon" href="https://pbs.twimg.com/profile_images/2372073685/Key_Club_Logo_normal.png" />
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="lib/css/zenburn.css">
</head>
<body>
<div class="reveal">
<div id="fragments" class="slides">
<section data-background="images/nydkclogo6.jpg" data-transition="zoom">
<h3>Webmaster Workshop</h3>
<img src="images/kclogo.png" alt="KClogo" width="400px" height="400px" style="border-style:none;">
<ul style="list-style: none; text-align:center;">
<li>Presented by</li>
<li>Kevin Yin - New York District Webmaster</li>
</ul>
</section>
<section data-transition="zoom" data-background="images/nydkclogo6.jpg">
<h2 style="font-weight:bold;">Introduction</h2>
</section>
<section data-transition="zoom" data-background="images/nydkclogo6.jpg">
<h3 style="font-weight:bold;">What will this workshop cover?</h3>
<ul class="fragment">
<li class="fragment">What is a Webmaster</li>
<li class="fragment">Roles of the Webmaster</li>
<li class="fragment">Use of the Brand Guide</li>
<li class="fragment">Distinguish/Oustanding Webmaster</li>
</ul>
</section>
<section data-transition="zoom" data-background="images/nydkclogo6.jpg">
<h3 style="font-weight:bold;">Lets get started...</h3>
</section>
<section data-transition="zoom" data-background="images/nydkclogo6.jpg">
<h3 style="vertical-align:top; text-align:center; font-weight:bold;">What is a Webmaster and what role does the webmaster play?</h3>
<p class="fragment">A Webmaster is responsible for the public image of the club as it relates to Internet-based mediums like a website or social media. He or she creates, updates, maintains a club website appropriately, and manages the social media accounts for the club</p>
</section>
<section data-transition="zoom" data-background="images/nydkclogo6.jpg">
<h3 style="text-align:center; font-weight:bold;">Roles of a webmaster</h3>
<ul style="test-align:center;">
<li class="fragment">Create and/or regulate the website</li>
<li class="fragment">Disperse reliable information through Social Media</li>
<li class="fragment">Engage with Key Clubbers through the Internet</li>
<li class="fragment">Help alleviate technical issues in the club</li>
</ul>
</section>
<section data-transition="zoom" data-background="images/nydkclogo6.jpg">
<h3 style="text-align:center; font-weight:bold;">Goals/Tips</h3>
<ul style="test-align:center;">
<li class="fragment">Keep the website updated</li>
<li class="fragment">Attend club/divisional meetings</li>
<li class="fragment">Help with any technology issues</li>
<li class="fragment">Ask for feedback on the website</li>
</ul>
</section>
<section data-transition="zoom" data-background="images/nydkclogo6.jpg">
<h3 style="font-weight:bold;">Creating a Website</h3>
</section>
<section data-transition="zoom" data-background="images/nydkclogo6.jpg">
<h3 style="text-align:center; font-weight:bold;">Finding a host</h3>
<p style="text-align:center;">A host stores (a website or other data) on a server or other computer so that it can be accessed over the Internet. Here is a list of free hosts.</p>
<ul>
<li class="fragment"><a href="https://www.sites.google.com">Google Sites</a></li>
<li class="fragment"><a href="https://www.weebly.com">Weebly</a></li>
<li class="fragment"><a href="https://www.wix.com">Wix</a></li>
<li class="fragment"><a href="https://www.wordpress.com">WordPress</a></li>
<li class="fragment"><a href="https://www.github.com">Github (Coding)</a></li>
</ul>
</section>
<section data-transition="zoom" data-background="images/nydkclogo6.jpg">
<h3 style="text-align:center; font-weight:bold;">Things you should incorporate into your Website</h3>
<ul>
<li class="fragment">Contact Information</li>
<li class="fragment">Events</li>
<li class="fragment">Resources</li>
<li class="fragment">About Key Club</li>
<li class="fragment">Hours/Points</li>
<li class="fragment">News/Updates</li>
</ul>
<h4 class="fragment">And...</h4>
</section>
<section data-transition="zoom" section data-background-image="https://media.giphy.com/media/M33UV4NDvkTHa/giphy.gif" data-background-repeat="repeat">
<h3 style="text-align:center; font-weight:bold; color:white;">that's how you create a website!</h3>
</section>
<section data-transition="zoom" data-background="images/nydkclogo6.jpg">
<h2 style="text-align:center; font-weight:bold;">Webmaster Resources</h2>
</section>
<section data-transition="zoom" data-background="images/nydkclogo6.jpg">
<h3 style="text-align:center; font-weight:bold;">Webmaster Guide Booklet</h3>
<iframe src="//www.slideshare.net/slideshow/embed_code/key/dsea1SXTAwJH9o" width="572" height="612" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;"></iframe>
</section>
<section data-transition="zoom" data-background="images/nydkclogo6.jpg">
<h3 style="text-align:center; font-weight:bold;">Key Club Brand Guide</h3>
<!--<iframe src="//www.slideshare.net/secret/4MkYwEwQRNUCpo" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;"></iframe>-->
<iframe src="//www.slideshare.net/slideshow/embed_code/key/4MkYwEwQRNUCpo" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;"></iframe>
</section>
<section data-transition="zoom" data-background="images/nydkclogo6.jpg">
<h3 style="text-align:center; font-weight:bold;">Outstanding/Distinguished Webmaster Award</h3>
<img src="images/distinguished-webmaster.png" alt="Distinguished Webmaster" height="500px" style="padding:0px 0px 0px 10px">
</section>
<section data-transition="zoom" data-background="images/nydkclogo6.jpg">
<h3 style="text-align:center; font-weight:bold;">Contact Information</h3>
<ul style="list-style:none;">
<li>Kevin Yin</li>
<li>District Webmaster</li>
<li>Email: <a href="mailto:kevinyin.tech@nydkc.org">kevinyin.tech@nydkc.org</a></li>
<li>(917)678-3699</li>
<li><a href="webmaster-guidebook.pdf">Webmaster Guide Booklet</a></li>
<li><a href="Guide_Key Club 2015 Brand Guide.pdf">Key Club 2015 Brand Guide</a></li>
</ul>
</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({
history: true,
// More info https://github.com/hakimel/reveal.js#dependencies
dependencies: [
{ src: 'plugin/markdown/marked.js' },
{ src: 'plugin/markdown/markdown.js' },
{ src: 'plugin/notes/notes.js', async: true },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
]
});
</script>
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-82046900-2', 'auto');ga('send', 'pageview');</script>
</body>
</html>