Elek Elemérné dr.: MM és webdesign
Prezentációkészítés a gyakorlatban
Készült: A tanári mesterség IKT elemei c. kurzushoz Készítette: Elek Elemérné dr. Bundik Ilona főiskolai tanár Eszterházy Károly Főiskola Médiainformatikai Intézet 2009.
Tartalom
A címképet követő tartalom egy vázlat, amelynek segítségével a mondanivaló főbb csomópontjait mutatjuk be – ha szükséges! Sok kép esetén a tartalom főmenüként funkcionálhat.
Elek Elemérné dr.: MM és webdesign
Ilyenkor tegyük lehetővé a főbb pontok vázlatból történő elérését és az ide történő visszatérést (non-lineáris adatelérés).
Cím
2. pont
Főmenü
2.1.pont
Súgó
1. pont
2.2 pont
3. pont
2009.11.11.
1.1 pont
3.1 pont
2
Az első lépések Tervezzük meg előre a képekre kerülő tartalmat! Válasszunk a tartalomhoz illeszkedő elrendezési sablont és színsémát.
Elek Elemérné dr.: MM és webdesign
◦ A vakító fehér felület bánthatja a szemet. ◦ Legyünk mértékletesek a háttérszínek megválasztásában - háttérstílusok. ◦ A semlegesebb színekhez jobban tudunk jelölőszíneket választani.
A dia háttérszínének megválasztásánál gondoljunk a színek megismert hatásaira és a jól olvashatóság követelményének biztosítására is. ◦ Kiválasztás: Tervezés/ színek 2009.11.11.
3
Elek Elemérné dr.: MM és webdesign
Sablonok
2009.11.11. 4
Szövegbevitel A szöveget szövegdobozba vagy alakzatra helyezzük. Tagolását a tartalomnak megfelelően végezzük el – 5 szinten lehetséges. Ne írjunk túl hosszú sorokat! Ajánlott betűtípusok:
Elek Elemérné dr.: MM és webdesign
◦ Talp nélküli – rövid szöveg, ábrafelirat, vetítésre szánt prezentációk (Arial, Tahoma,Verdana, Comic San Serif, Franklin Gotic… ◦ Talpas – hosszabb, összefüggő szöveg; a talpak vezetik a tekintetet (Times New Roman, Century, ◦ Egyéb típusok: a nehezen olvasható típusokat dekorációs céllal vagy címekre alkalmazzuk – folyóírás, wordart ◦ Ügyeljünk a speciális magyar magánhangzók meglétére (ö, ő, ü, ű),.
Betűméretek: ◦ Címek: 36-44pt, ◦ Egyéb feliratok: 24-32pt. Prezentációkban 18pt az ajánlott minimum.
2009.11.11.
5
Olvashatóság Olvasható / Olvasható? – 8pt
Olvasható / Olvasható? - 10pt
Olvasható / Olvasható? - 12pt
Olvasható / Olvasható? - 14pt
Olvasható / Olvasható? - 16pt
Olvasható / Olvasható? - 18pt
Olvasható / Olvasható? - 20pt
Olvasható
Olvasható
Olvasható?
Olvasható?
/ Olvasható? - 24pt
/ Olvasható? - 28pt
/ Olvasható? - 32pt
/ Olvasható? - 36pt
Szövegbevitel
A címeknek kitüntetett szerepük van – más betűtípus, esetleg nagy betűk. A cím helyét ne változtassuk. Nagy betűk használata ◦ Csak a címekre és a nyelvtanilag indokolt helyeken használjunk csupa nagy betűket.
Szöveg elrendezése:
Elek Elemérné dr.: MM és webdesign
◦ Jobbra, balra és középre rendezés az ajánlott Szövegközi kiemelés eszközei: bold vagy italic betű, színváltás, méretmódosítás, árnyékolás, szövegdoboz színezése Az aláhúzás a hiperhivatkozás jele – csak annál alkalmazzunk! A szöveg animációja legyen mértékletes és szembarát!
2009.11.11.
7
Ajánlások MM szövegére A multimédia prezentációk legfontosabb eleme a szöveg, mert ez kapcsolja össze a többi médiumot. A szöveg megformálása a prezentáció típusától függ. Élőszóval történő bemutatás esetén elegendő a vázlatszerű megfogalmazás (francia bekezdések, egy-egy gondolatébresztő kifejezés), mert ez a típus feltételezi a tanár és a diák személyes jelenlétét vagy egy tanulási útmutatót. Az irányított bemutatók már egyéni tanulásra is alkalmasak lehetnek. Részletesebb szövegezés, jegyzetek megléte jellemzi. Képváltás és animáció az egérrel és görgetősávval lehetséges. Kirakati bemutatóknál gyakran időzített és automatikus a továbblépés és a médiaelemek lejátszása. Külső beavatkozás csak navigációs gombok megléte esetén lehetséges.
Elek Elemérné dr.: MM és webdesign
2009.11.11.
8
Táblázatok
S.sz. 1. jell.
A vált.
B vált.
C vált.
A sorokat különböző árnyalatúra érdemes színezni, hogy vezessék a tekintetet.
Formázás: helyi menü előhívása (jobb oldali egérgomb)
2. jell. Elek Elemérné dr.: MM és webdesign
A fejléc legyen más színű.
Számszerű adatokat inkább diagramokkal ábrázoljuk.
3. jell.
Kiemelés: elütő színű kitöltéssel vagy rámutatással.
2009.11.11.
9
Elek Elemérné dr.: MM és webdesign
Diagramok készítése 5 4,5 4 3,5 3 2,5 2 1,5 1 0,5 0
Sorozat 1 Sorozat 2 Sorozat 3
Kategória 1
Kategória 2
Kategória 3
Kategória 4
2009.11.11.
10
Elek Elemérné dr.: MM és webdesign
Diagramok fajtái
2009.11.11. 11
Elek Elemérné dr.: MM és webdesign
Diagramok fajtái
2009.11.11. 12
Grafika - rajzeszközök Elek Elemérné dr.: MM és webdesign
Vonalak Téglalapok Egyszerű alakzatok Nyilak Egyenletalakzatok Folyamatábra Csillagok, szalagok Képfeliratok Akciógombok
Ez egy méretezhető szövegbuborék
Ábrák készítésénél éljünk a csoportosítás és a sorrendiség lehetőségeivel.
2009.11.11.
13
Elek Elemérné dr.: MM és webdesign
Képek - beillesztés, átszínezés • A képeket leggyakrabban clipartból vagy fájlból célszerű beilleszteni • Fájltípusok: jpg, tif, gif, bmp • A nagy felbontású képek lelassítják a vetítést, érdemes tömöríteni. • A weben való megjelenés: 72dpi • A képek formázása, átszínezése korlátozottan lehetséges. • Ábrafeliratokat az adott képpel egy csoportba célszerű helyezni 2009.11.11.
14
Hang beillesztése
Funkciók:
Elek Elemérné dr.: MM és webdesign
◦ ◦ ◦ ◦
Narráció Zenemű, irodalmi mű bemutatása Zenei aláfestés: hangulatteremtés Zaj: atmoszféra vagy megfigyelendő jelenség ◦ Hangeffekt: képváltások ◦ Hangfelvétel: nyelvtanulás, beszédfejlesztés
Fájltípusok: wav, mid, wma, mp3 Indítás: automatikusan vagy kattintásra
2009.11.11.
15
Mozgókép beillesztése
Elek Elemérné dr.: MM és webdesign
Funkciók: Folyamatok, eljárások bemutatása Lejátszás: rögzített képablakban Képméret: min. 640 x 480 ajánlott Fájltípusok: mpg, avi, wmv, asf Indítás: automatikusan vagy kattintásra
2009.11.11.
16
Aktív felületek
Elek Elemérné dr.: MM és webdesign
Szerepük: navigálás és kommunikálás a programmal. A hiperhivatkozásoknál a helyet , az eseményt, az időtartamot, az ismétlések számát… lehet beállítani. Érintésük járjon valamilyen jól érzékelhető változással (hang, kiemelkedés, színváltozás… ) Navigáció Elemleírások– ábrafeliratok, magyarázatok kis ablakban történő megjelenítése. Események elindítása – pl. animáció, videoklip- és hang lejátszása, szöveges objektum megjelenése… Kilépés az Internetre – a prezentáció nyitottá tétele.
2009.11.11.
17
Elek Elemérné dr.: MM és webdesign
Akciógombok
Az akciógombok a navigációt és a különböző médiaelemek non-lineáris elérését teszik lehetővé. A navigációs gombok legyenek mindig azonos helyen Jelentésüket a súgódia tartalmazza. Megadásánál célszerű a program által ajánlottakat betartani.
2009.11.11.
18
Elek Elemérné dr.: MM és webdesign
Súgó Dokumentum
Következő dia
Tartalom/ főmenü
Előző dia
Információ
Hang
Első dia
Visszatérés dia
Súgó
Utolsó dia
Video
Üres
2009.11.11.
Források
Elek Elemérné dr.: MM és webdesign
Forgó S.- Hauser Z.- Kis-Tóth L: Médiainformatika Líceum Kiadó. Eger, 2003. Elek-Forgó-Hauser-K.Tóth:-T.Parázsó: Oktatástechnológia Líceum Kiadó. Eger, 2003. Antal P: Multimédia az oktatásban PP-os prezentáció, 2005. Elek E.-T.Parázsó: Képírás és kompozíció Agria Media 1996.
2009.11.11.
20