Bevezető

Gyakorta előfordul, hogy a tanórákon (konferenciákon, tanfolyamokon) felhasznált prezentációs állományokat a diákok/hallgatók számára az interneten is elérhetővé szeretnénk tenni. Mivel a prezentációkészítő szoftverek többsége támogatja a weben történő publikálást is,  a "Prezentáció -> HTML konverzió" megoldott, más kérdés, hogy az előállított kóddal mennyire vagyunk elégedettek. 

De mi lenne, ha a prezentációkészítésnél a webes szabványokból indulnánk ki, vagyis a "HTML -> Prezentáció konverziót" valósítanánk meg?  Bizonyára ezt a kérdést tette fel magában Eric A. Meyer is, amikor megalkotta az S⁵ rendszerét. (Az S⁵ a Simple Standards-Based Slide Show System rövidítése, amely egy egyszerű, szabványokon alapuló prezentációs rendszert takar.)

Az S5 háttere

Az S⁵ rendszer gyakorlatilag egy a tartalmat hordozó (X)HTML-állomány, néhány CSS stíluslapállomány és egy javascript kód együttese.

• Nézzük is meg működés közben.

A prezentációt a képernyő alján látható  << és >> jelekkel, egérkattintással,  a space, enter illetve kurzormozgató billentyűkkel is lapozhatjuk. Az oldalanként történő lapozás mellett lehetőségünk van arra is, hogy egy adott oldalra ugorjunk. Ehhez vigyük az egeret a képernyő jobb alsó sarkába és a megjelenő legördülő menüből válasszuk ki a megfelelő oldalt! Amennyiben a ø linkre kattintunk, az oldalvázlat (nyomtatási) nézetére kerülünk.

Készítsünk prezentációt

Nem marad más hátra, mint hogy magunk is kipróbáljuk a rendszert. Ehhez töltsük le a mindössze 16 KB-os csomagot, amely mindent tartalmaz, amire egy egyszerű prezentáció készítése során szükségünk lehet!

Mit tartalmaz a tömörített állomány?

• s5-blank.html állományt, amelynek mintájára elkészíthetjük saját prezentációnkat
• egy ui. könyvtárat, amelyben néhány stílusállományt és egy javascriptet találunk.

Nyissuk meg az s5-blank.html állományt kedvenc - lehetőleg karakteres - HTML szerkesztő programunkban! A TITLE tagbe írjuk be a prezentációnk címét, a HEAD szekcióban mást nem is kell módosítanunk.  A BODY részben az alábbi kódrészletet találhatjuk, amelyben befolyásolni tudjuk, hogy megjelenjen-e a fejléc (header), lábléc (footer), illetve a kezelőszervek (controls). A fejléc/lábléc tartalmát egyszerűen megváltoztathatjuk, akár bővíthetjük is.

Ezek után csak annyit kell tennünk, hogy a

<div class="presentation"></div>szakaszt feltöltsük a különböző slide-okkal, amelyeket <div class="slide"></div>tagek között kell elhelyeznünk. (a HTML nyelv használatával beilleszthetünk képeket, linkeket, táblázatokat, és egyéb komponenseket is.)

A fenti kódban is látható, hogy lehetőségünk van olyan információk, jegyzetek  (handout) elhelyezésére is, amelyek a dián nem szerepelnek, csak a vázlat (nyomtatási) nézetben láthatóak. Ide a diához tartozó háttérinformációkat, további magyarázatokat érdemes elhelyezni. A rendszerhez melléklet stíluslapokat mi magunk is átalakíthatjuk, de rendelkezésre áll néhány előre elkészített sablon is.

Zárszó

Az  S⁵ rendszert elsősorban azoknak ajánljuk, akik egy egyszerű (effektektől, animációktól mentes), könnyen módosítható, webes szabványokon alapuló prezentációs eszközzel szeretnének dolgozni, amelyben a tartalom akár egy egyszerű szövegszerkesztő programmal is módosítható/létrehozható, vagy akár adatbázisból is összeállítható.