Creating presentations

An (incomplete) list of presentation tools

● 'Ordinary' prezentation tools – From MS Office family: Microsoft PowerPoint – From the LibreOffice (formerly OpenOffice) family: LibreOffice Impress – For Mac OS X: Keynote ● Novel means of (creating and/or sharing) presentations – Slid.es – Prezi.com – Slideshare.net

Comparison of Prezi and Slid.es

● Prezi uses Flash to display prezentations

● Prezi offers more movement (rotation, etc.), you can move horizontally and vertically in Slid.es – In PowerPoint all you can do is to go horizontally ● Slid.es is entirely based on HTML, CSS and JS – A place where you can learn the basics from: http://www.w3schools.com/ ● There are nice tutorials out there as well

HTML basics

– HTML = HyperText Markup Language ● Markup language for the WWW ● Tags are responsible for formatting ● (Almost) all of the opening tags has to have a closing counterpart – e.g.

This is a paragraph.

● Source files have to be well-formatted – The scope of the tags should not overlap

CSS basics

– CSS = Cascading Stlye Sheets ● Affects the layout similarly as HTML tags (and their parameters) ● It is located at the beginning of the HTML source file (in the so called '' part) or more elegantly (and usually) stored outside the HTML source file – As an effect it makes the HTML code clearer – An example ● Important concepts: – CSS classes and Ids: Read more about them JS basics

– JS = JavaScript ● JS is a script language (mostly) for creating interaction with the user ● Different from PHP as PHP runs on the web host – JS codes run un the clients' computer ● JQuery is an extension of JS offering very useful functions for web sites

Important terms and concepts

– In Prezi ● Path, zooming, 3D background ● RGB (red-green-blue) components to determine colors – In Slid.es ● Deck – In PowerPoint ● Master slides, timing of the presentation

Assignment #1

● Create a slid.es presentation which uses – Slides of different levels of hierarchy – A CSS customised (

or

) headline – A table with customised CSS: rows should have fonts and background colored differently – CSS customised (ordered or unordered) listing – Put one fragment on the 1st slide and a link into the presentation

● Create a PowerPoint slidehow – Use the slide master to customise the theme of your presentation

● Put a unique background to your slides ● Set the default font color on the first slide to #63AC2E – Use header or footer – Use some animation and transition effect – Import your PowerPoint slideshow to Prezi

● In Prezi employ the 3D background effect and mark out a path for prezentation ● Due date: 6 December, 2013 (late works get -1 grade after every 2nd day)