Confirmed users
1,201
edits
HTML Slides: Difference between revisions
no edit summary
(Created page with '== Template == Here is the [http://htmlpad.org/engagement-slides-take-1 template] that Atul created. == Create your own == == Edit your presentation == * Shift-click anywhere…') |
No edit summary |
||
| (8 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
== Template == | == Template == | ||
Here is the [http://htmlpad.org/engagement-slides-take- | Here is the latest [http://htmlpad.org/engagement-slides-take-2 template] that Atul created. | ||
== Create your own == | == Create your own == | ||
* Start a new Etherpad [http://etherpad.mozilla.org/ here]. | |||
** Change the end of the URL to whatever you'd like it to be. (e.g. <code>/community-mktg-july-28</code>) | |||
** Copy + paste the basic template code to get started (http://etherpad.mozilla.org/engagement-slides-take-2) | |||
**Change + save what you like on your Etherpad and the magic happens! | |||
** Your slides will show up at http://htmlpad.org/<yourfilename>. For example see: http://htmlpad.org/community-mktg-july-28/rev.2198. | |||
== Edit your presentation == | == Edit your presentation == | ||
| Line 9: | Line 14: | ||
* Shift-click anywhere on the page to get to the etherpad to make changes. | * Shift-click anywhere on the page to get to the etherpad to make changes. | ||
* Edit + hit reload on the original slides to see changes. | * Edit + hit reload on the original slides to see changes. | ||
* To get a permanent link to a particular revision, add <code>/rev.1</code> (or some other number at the end) to the end of the URL. Make sure that you removed anything after the <code>#</code> of the URL. For example, http://htmlpad.org/community-mktg-july-28/rev.2198. | |||
* To get a permanent link to a particular slide, add <code>#slideNumber</code> to the end of a URL, where <code>slideNumber</code> is the slide number to permalink to. For example, http://htmlpad.org/community-mktg-july-28/rev.2198#3. | |||
== Add a new slide == | == Add a new slide == | ||
| Line 14: | Line 21: | ||
== Tips == | == Tips == | ||
* Remember, your HTML source is on an etherpad, so you can invite people to collaborate with you in real-time. | |||
* Feel free to ping toolness (Atul) on irc if you need help with anything. | |||
* Formatting: | * Formatting: | ||
** style="float: right"> Places images to the right. Text will wrap around. | ** [http://www.homeandlearn.co.uk/wd/wds3p4.html Guide] to HTML bullets. | ||
** <code>style="float: right"></code> Places images to the right. Text will wrap around. | |||