Web presentations

Dvornik Andrew & Kiselev Eugeniy

Wat kind of monster is it?

Web-presentation are made with web-technologies

HTML
CSS
JavaScript

Usage

Web service presentation
Introduction to web-site
Online presentation
etc.

REVEAL.JS

VERTICAL SLIDES

SlidesSlides can be nested inside of other slides, try pressing down.

Base element 1

Press down or up to navigate.

Press ESC to enter the slide overview.

BAse element 2

Cornify

Base element 3

That's it, time to go back up.

SLID.ES

Not a coder? No problem. There's a fully-featured visual editor for authoring these, try it out at http://slid.es.

Markdown support

For those of you who like that sort of thing. Instructions and a bit more info available here.

<section data-markdown>
  ## Markdown support

  For those of you who like that sort of thing.
  Instructions and a bit more info available [here](https://github.com/hakimel/reveal.js#markdown).
</section>

Transition Styles

You can select from different transitions, like:
Cube - Page - Concave - Zoom - Linear -Fade - None - Default

THEMES

Reveal.js comes with a few themes built in:

Sky - Beige - Simple - Serif - Night - Default

Custom background

Set data-background="#007777" on a slide to change the full page background to the given color. All CSS color formats are supported.

Image background

 <section data-background="image.png">

Clever quotes and fragments

Inline quotes: "Lorem Ipsum" and blockquotes

"Lorem Ipsum"

Fade in

 var fadeIn = function(){   this.animate(400);}

Linkify to inner page

You can link between slides internally, like this.

 <a href="#/2">this</a>

Export / share

Export to PDF with Pro Accaunt

Share with friends your decks

Or embed your presentation into web-site

 <iframe src="http://slid.es/andrewdacenko/deck/embed" width="576" height="420" scrolling="no" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Have fun & use power

or not