|
252
|
1 |
<?xml version="1.0" encoding="utf-8"?>
|
|
|
2 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
|
|
3 |
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
4 |
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
|
5 |
<head>
|
|
|
6 |
<title>Slidy template for W3C Blue2 Style</title>
|
|
|
7 |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
8 |
<meta name="copyright" content="Copyright © 2005 W3C (MIT, ERCIM, Keio)" />
|
|
|
9 |
<meta name="font-size-adjustment" content="-1" />
|
|
|
10 |
<link rel="stylesheet" href="../Slidy/w3c-blue2.css"
|
|
|
11 |
type="text/css" media="screen, projection, print" />
|
|
|
12 |
<script src="../Slidy/slidy.js" type="text/javascript">
|
|
|
13 |
</script>
|
|
|
14 |
</head>
|
|
|
15 |
<body>
|
|
|
16 |
<!-- this defines the slide background -->
|
|
|
17 |
|
|
|
18 |
<div class="background">
|
|
|
19 |
<div class="header">
|
|
|
20 |
<!-- sized and colored via CSS -->
|
|
|
21 |
</div>
|
|
|
22 |
<!-- hidden style graphics to ensure they are saved with other content -->
|
|
|
23 |
<img class="hidden" src="../Slidy/bullet.png" alt="" />
|
|
|
24 |
<img class="hidden" src="../Slidy/fold.bmp" alt="" />
|
|
|
25 |
<img class="hidden" src="../Slidy/unfold.bmp" alt="" />
|
|
|
26 |
<img class="hidden" src="../Slidy/fold-dim.bmp" alt="" />
|
|
|
27 |
<img class="hidden" src="../Slidy/nofold-dim.bmp" alt="" />
|
|
|
28 |
<img class="hidden" src="../Slidy/unfold-dim.bmp" alt="" />
|
|
|
29 |
<img class="hidden" src="../Slidy/bullet-fold.gif" alt="" />
|
|
|
30 |
<img class="hidden" src="../Slidy/bullet-unfold.gif" alt="" />
|
|
|
31 |
<img class="hidden" src="../Slidy/bullet-fold-dim.gif" alt="" />
|
|
|
32 |
<img class="hidden" src="../Slidy/bullet-nofold-dim.gif" alt="" />
|
|
|
33 |
<img class="hidden" src="../Slidy/bullet-unfold-dim.gif" alt="" />
|
|
|
34 |
|
|
|
35 |
<div class="footer">
|
|
|
36 |
<object id="w3c-logo"
|
|
|
37 |
data="../Slidy/w3c-logo-blue.svg" type="image/svg+xml"
|
|
|
38 |
title="W3C logo"><a href="http://www.w3.org/"><img
|
|
|
39 |
alt="W3C logo" id="w3c-logo-fallback"
|
|
|
40 |
src="../Slidy/w3c-logo-blue.gif" /></a></object>
|
|
|
41 |
|
|
|
42 |
<!-- modify the following text as appropriate -->
|
|
|
43 |
Presentation Name<br />
|
|
|
44 |
Event, Location, Month Year
|
|
|
45 |
</div>
|
|
|
46 |
</div>
|
|
|
47 |
|
|
|
48 |
<div class="slide cover">
|
|
|
49 |
<div class="header">
|
|
|
50 |
<h1>Slidy template for W3C Blue2 Style</h1>
|
|
|
51 |
<p><a href="http://www.w3.org/People/Raggett/">Dave Raggett</a>,
|
|
|
52 |
<<a href="mailto:dsr@w3.org">dsr@w3.org</a>></p>
|
|
|
53 |
</div>
|
|
|
54 |
<img src="../Slidy/keys.jpg" class="cover"
|
|
|
55 |
alt="W3C as letters on 3 plastic buttons from a keyboard" />
|
|
|
56 |
<h2>Event, Location, Month Year</h2>
|
|
|
57 |
</div>
|
|
|
58 |
|
|
|
59 |
<div class="slide">
|
|
|
60 |
<h1>W3C Blue2 Style I - Document Structure</h1>
|
|
|
61 |
|
|
|
62 |
<p class="subhead">To get the W3C Blue2 Style:</p>
|
|
|
63 |
|
|
|
64 |
<p>The xhtml file should match the following template, but
|
|
|
65 |
please modify the content of the title element as appropriate
|
|
|
66 |
for your presentation. The relative links below assume
|
|
|
67 |
that your presentation is in a directory like
|
|
|
68 |
/2005/Talks/your-slide-dir and should be modified as needed,
|
|
|
69 |
or you can use absolute links, as generated by comma slidy.</p>
|
|
|
70 |
|
|
|
71 |
<pre>
|
|
|
72 |
<?xml version="1.0" encoding="utf-8"?>
|
|
|
73 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
|
|
74 |
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
75 |
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
|
76 |
<head>
|
|
|
77 |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
78 |
<title>Slidy template for W3C Meetings</title>
|
|
|
79 |
<meta name="copyright" content="Copyright &#169; 2005 W3C (MIT, ERCIM, Keio)" />
|
|
|
80 |
<link rel="stylesheet" href="../Slidy/w3c-blue2.css" type="text/css"
|
|
|
81 |
media="screen, projection, print" />
|
|
|
82 |
<script src="../Slidy/slidy.js" type="text/javascript">
|
|
|
83 |
</script>
|
|
|
84 |
</head>
|
|
|
85 |
<body>
|
|
|
86 |
... background, cover slide ...
|
|
|
87 |
<div class="slide">
|
|
|
88 |
<h1>Introduction</h1>
|
|
|
89 |
... slide content ...
|
|
|
90 |
</div>
|
|
|
91 |
... other slides ...
|
|
|
92 |
</body>
|
|
|
93 |
</html>
|
|
|
94 |
</pre>
|
|
|
95 |
</div>
|
|
|
96 |
|
|
|
97 |
<div class="slide">
|
|
|
98 |
<h1>W3C Blue2 Style II - Background and Cover</h1>
|
|
|
99 |
|
|
|
100 |
<p class="subhead">To get the slide background and cover page:</p>
|
|
|
101 |
|
|
|
102 |
<p>The body element's content should start with the following
|
|
|
103 |
markup, but please modify the heading and contact details
|
|
|
104 |
as appropriate:</p>
|
|
|
105 |
|
|
|
106 |
<pre>
|
|
|
107 |
<div class="background">
|
|
|
108 |
<div class="header"> </div>
|
|
|
109 |
<img src="../Slidy/bullet.png" alt="hidden bullet" />
|
|
|
110 |
<div class="footer">
|
|
|
111 |
<object id="w3c-logo"
|
|
|
112 |
data="../Slidy/w3c-logo-blue.svg" type="image/svg+xml"
|
|
|
113 |
title="W3C logo"><a href="http://www.w3.org/"><img
|
|
|
114 |
alt="W3C logo" id="w3c-logo-fallback"
|
|
|
115 |
src="../Slidy/w3c-logo-blue.gif" /></a></object>
|
|
|
116 |
<!-- modify the following text as appropriate -->
|
|
|
117 |
Presentation Name<br />
|
|
|
118 |
Event, Location, Month Year
|
|
|
119 |
</div>
|
|
|
120 |
</div>
|
|
|
121 |
|
|
|
122 |
<div class="slide cover">
|
|
|
123 |
<div class="header">
|
|
|
124 |
<h1>Slidy template for W3C Blue2 Style</h1>
|
|
|
125 |
<p><a href="http://www.w3.org/People/Raggett/">Dave Raggett</a>,
|
|
|
126 |
&lt;<a href="mailto:dsr@w3.org">dsr@w3.org</a>&gt;</p>
|
|
|
127 |
</div>
|
|
|
128 |
<img src="../Slidy/keys.jpg" class="cover"
|
|
|
129 |
alt="W3C as letters on 3 plastic buttons from a keyboard" />
|
|
|
130 |
</div>
|
|
|
131 |
</pre>
|
|
|
132 |
</div>
|
|
|
133 |
|
|
|
134 |
<div class="slide">
|
|
|
135 |
<h1>Further information</h1>
|
|
|
136 |
|
|
|
137 |
<ul>
|
|
|
138 |
<li>Avoid placing too much content on each slide, no one will remember
|
|
|
139 |
it all, and it will overflow the slide design.</li>
|
|
|
140 |
<li>For further guidance on slide markup see the <a
|
|
|
141 |
href="http://www.w3.org/Talks/Tools/Slidy">Slidy pages</a></li>
|
|
|
142 |
<li>If you want to print all the slides, press the "A" key to toggle
|
|
|
143 |
to the "all slides view" then use the browser's print function in the
|
|
|
144 |
normal way.</li>
|
|
|
145 |
<li>The comma slidy tool can be used with all.htm files in the old
|
|
|
146 |
W3C slide format, for example:
|
|
|
147 |
<pre>http://www.w3.org/2005/Talks/0605-sb-acintroduction/all.htm,slidy</pre>
|
|
|
148 |
</li>
|
|
|
149 |
<li>You are advised to save the output from the tool to a different
|
|
|
150 |
location and make it available Public, Members only or Team restricted
|
|
|
151 |
as appropriate.</li>
|
|
|
152 |
<li>If you want to view slides offline, be careful to save the slides
|
|
|
153 |
with all of the content (see browser's <em>Save As</em> function, and
|
|
|
154 |
<em>"Web Page, complete"</em> for the save as type).</li>
|
|
|
155 |
<li>Firefox users may want the <a
|
|
|
156 |
href="http://extensionroom.mozdev.org/more-info/autohide">autohide</a>
|
|
|
157 |
extension to hide the toolbars when entering full screen with F11</li>
|
|
|
158 |
<li>If you get stuck then <a href="http://www.w3.org/Team/Raggett/">Dave
|
|
|
159 |
Raggett</a> should be able to help.</li>
|
|
|
160 |
</ul>
|
|
|
161 |
</div>
|
|
|
162 |
|
|
|
163 |
<div class="slide">
|
|
|
164 |
<h1>Using SVG for great looking graphics</h1>
|
|
|
165 |
|
|
|
166 |
<ul>
|
|
|
167 |
<li>If you want to include graphics in SVG, you should stick to SVG
|
|
|
168 |
Tiny to increase the chance of people seeing it on whatever browser
|
|
|
169 |
they are using. Always, provide a fallback as a JPEG, PNG or GIF.</li>
|
|
|
170 |
<li>The use of SVG may result in users being prompted to install
|
|
|
171 |
a plugin. The Adobe SVG plugin is reasonably effective, but an
|
|
|
172 |
alternative may be to switch to a browser with native SVG support.</li>
|
|
|
173 |
<li>Some versions of browsers implement SVG in a brittle way that
|
|
|
174 |
may cause the browser to crash. If this happens to you, please
|
|
|
175 |
consider switching to a different version. Alternatively, you could
|
|
|
176 |
strip out the object tag and just use the img element</li>
|
|
|
177 |
<li>The W3C logo in the footer uses SVG for jaggy free scaling
|
|
|
178 |
via the markup for the slide background, see <a href="#(3)">slide 3</a></li>
|
|
|
179 |
<li>Firefox users on Windows should install the <a
|
|
|
180 |
href="http://plugindoc.mozdev.org/windows.html">Adobe SVG Viewer 6.0</a>,
|
|
|
181 |
or <a href="http://www.mozilla.org/">install Firefox 1.5</a> which
|
|
|
182 |
has native SVG support.</li>
|
|
|
183 |
</ul>
|
|
|
184 |
</div>
|
|
|
185 |
|
|
|
186 |
</body>
|
|
|
187 |
</html>
|