Emaze is the next generation of online content creation. Choose from hundreds of templates to create customized presentations, websites, blogs and more. Aug 11, 2010 HTML5 Presentation 1. Create a clipboard. You just clipped your first slide! Clipping is a handy way to collect important slides you want to go back to later. Introduction to descriptive writing 1. What you need to know about descriptive writing 2. Description is giving details about a person, place, thing, etc. That allows the reader to experience what you haveIn order to create a good description you must appeal to the five senses and create pictures in the readers mind. What is description?
Attractive Presentation with HTML5. Today we will prepare something new – presentation. And we will using all interesting what can give us HTML5. Presentation itself will contain 5 easy slides. We will able to use navigation arrow keys for sliding, spacebar, display notes, sidebar with some custom content. Here are new html5 tags which we going to use: nav, menu, section, aside, header and hgroup. Sure, that now is time to check our demo.
![Exhibeo Exhibeo](https://i.ytimg.com/vi/qCBumWcVFp4/maxresdefault.jpg)
Blueharvest 6 3 6 – disable ds_store creation and more. Here are links to demo and downloadable package:
Live Demo
[sociallocker]
download in package
[/sociallocker]
So, download the example files and lets start coding !
Step 1. HTML
index.html
All layout consist of 4 main sections: header, floating help navigation, main slides area and sidebar. Here are code for header area:
Next – floating help navigation (in document body)
Here, we predefined several action buttons for future. Now, here are code for presentation slides:
You can add more and more slides in end by same rules. And now – code for sidebar:
Thats all
Step 2. CSS
css/style.css
Resulting file of our demo is pretty big. So I decided not publish all this code here. But you always can download this in our package.
Step 3. JS
Exhibeo 1 1 4 – Create Beautiful Html5 Presentations Download
js/script.js
This file big enough too (330 lines). Onyx 3 4 2 – maintenance and optimization tool download. Hope that this is ok if it will available in package too.
Live Demo
Exhibeo 1 1 4 – Create Beautiful Html5 Presentations Powerpoint
Conclusion
I hope that today you were impressed and you like presentation. As you can see – all pretty customizable. I wish you luck in creating own presentations! Blocs 2 5 0 – visual web design tool tutorial.
Hello Jacky
I hope that yes, I can’t answer 100%, because I haven’t tested it in iPad yet.
I hope that yes, I can’t answer 100%, because I haven’t tested it in iPad yet.