Return to site

Exhibeo 2 0 – Create Beautiful Html5 Presentations

broken image


With Power BI Desktop templates, you can streamline your work by creating a report template, based on an existing template, which you or other users in your organization can use as a starting point for a new report's layout, data model, and queries. Templates in Power BI Desktop help you jump-start and standardize report creation. Create, edit, collaborate, and share beautiful presentations on your Apple device while you're on the move. Import presentations and continue from where you left off. Work on your slides offline and download them as an image or a PDF. IPhone / iPad Apple TV. Download on Appstore.

Attractive Presentation with HTML5. Networker pro 6 2 0 1. 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.

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

js/script.js

This file big enough too (330 lines). Hope that this is ok if it will available in package too.

Html5
Live Demo

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!

Hello Jacky
I hope that yes, I can't answer 100%, because I haven't tested it in iPad yet.

Focusky Main Features

The best tool to create HTML5 presentations and animated videos

Exhibeo 2 0 – Create Beautiful Html5 Presentations Templates

  • Easy & Intuitive

    The user-friendly interface lets you create, publish and present your animated video presentation easily. Utilize pre-designed templates to get start quickly even if you are not a professional designer. Simply drag and drop the materials on canvas and then create an eye-catching video presentation effortlessly.

  • Amazing Transition

    Take good use of transition effect to present the video presentation smoothly. Slide, rotate, zoom and pan effects make the business presentation present like an animated movie. Besides, transition effect can enhance your video presentation effectively make the presentation stand out definitely.

  • Animation Editor

    Adding animation effects to objects can make them present on screen in the lively way. There are tons of dynamic animation effects available to display the multimedia contents in your own way. Take full advantage of entrance, exit, emphasis and action path animation effect to convey your idea better.

  • Path of Discovery (3D Camera)

    Rather than traditional slide to slide presentation, the multimedia presentation can engage and inspire the audiences better. It can help you present your ideas in mind mapping style. And the 3D camera of Focusky can create more stunning 3D animation effect exactly to make the HTML5 presentation oustanding.

  • Built-in WordArt

    You can use WordArt to add special text effect to multimedia presentation to beautify content design. You can convert existing text to WordArt or create your own decorative effect text by customizing the font, text color and size. Moreover, WordArt text and texture are effective way to highlight elements.

  • Video Backgrounds

    Focusky provides tons of pre-designed and professional video background to beautify your presentation. Video background is a good way to draw audiences' attention. Simply apply the built-in video background or your own one to wow audiences and make them have remarkable visual presentation experiences.

  • Rich Media Presentations

    There are various multimedia contents available for enriching your HTML5 business presentation. You can add local video, audio, image, photo slideshow, shapes, hyperlink, text, animated characters and flash animation to animated presentation for delivering information in a visual and engaging way.

  • Built-in Dynamic Characters

    Utilize the built-in animated characters to bring your video presentation to life. Take full advantage of animated characters to enhance the presentation and deliver the message easily. Besides, give a voice to the characters to make the presentation lively and help capture your audiences' attention in seconds.

  • Integrated with Whiteboard Animation

    Anyone can create a whiteboard animation video with Focusky even if you never make one before. Easily add the multimedia contents to create you own whiteboard-style animated video in minutes. Utilize the whiteboard animation video presentation to convey complex information easily.

  • Charts and Graphs

    Screens 3 7 – access your computer remotely. There are so many different types of charts and graphs in Focusky. Use a chart or graphs to make a comparison, show a relationship or highlight a trend easily. Just simple click to choose a chart or graph to present the data appropriately and helps audiences understand what you are talking about.

  • Recording Narration

    Add recording or tracks to video presentation to make it become voiceover narration and persuasive. Recording narration helps explain complex information and make audiences' understand what you are talking about easily. Anyway, ensure that you have a good microphone and script ready before you start recording.

  • Social and Sharing

    Sharing the HTML5 presentation to social network is good for connecting with audiences. Each presentation that you publish online will have a unique URL. You can share it to individuals, social network and email to others. Additionally, you are able to embed the online presentation on your website or blog by lines of simple codes.

Exhibeo 2 0 – Create Beautiful Html5 Presentations Free

  • Integrate with Interaction Designer

    There is powerful interaction function available for adding interaction elements effortlessly to animated presentation. Simply make your multimedia presentation interactive to get audiences stay focused and participate in your wonderful presentation efficiently.

  • 5000+ Online Royalty-free Vector Resources

    Focusky collects and sorts more than 5000 vector diagrams and icons in SVG format for you to create gorgeous HTML5 presentation easier. Add SVG images instead of boring text to animation presentation to express your points in a clearer way.

  • Unlimited Hosting Cloud Platform

    Focusky is cloud-based platform which provide free and safe cloud hosting service to publishing business presentation online. Then your online business presentation can be accessed from anywhere and anytime.

  • Cross Platforms

    You can export your animated presentation as APP & HTML & MP4 video presentation with ease. And then the animated presentation can be present in various platforms such as PC, tablet and mobile devices smoothly. In other words, your audiences can view your presentation on different platform without installing Focusky client.





broken image