|
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> |