2009.11.17.

IKT konzultci

Multimdia s webdesign (1)

Az elektronikus publikci ismrvei, vltozatai, elnyei.

Szeminrium: Kperny zenettervezs.

Ksztette. Elek Elemrn dr. Bundik Ilona fiskolai tanr elekili@ektf.hu

Oktats- s kommunikcitechnolgiai tanszk

Forrs: http://www.doksi.hu

2009.11.17.

IKT konzultci

Tartalom

Mi rtnk elektronikus publikci alatt? Kzztteli md Alkalmazs elnyei

Az elektronikus publikci fajti a tartalom szempontjbl (a teljessg ignye nlkl): Honlapok Szoftverek, adatbzisok, elektronikus knyvek Multimdis oktatszoftverek, prezentcik

A honlapok s multimdis prezentcik tervezsnek mdszertani krdsei (kompozcis s formai szempontok)

Forrs: http://www.doksi.hu

2009.11.17.

IKT konzultci

Mi rtnk elektronikus publikci alatt?

Szmtgppel, elektronikus ton ellltott dokumentum, amelynek kzzttele off-line vagy on-line mdon trtnik. Szerzi jogi vdelem alatt ll.

Kzzttel mdjai: Off-line: mgneslemez, optikai lemez, pendrive On-line: elektronikus hlzat

Elnyei: flexibilits rugalmas felhasznls; manipullhatsg - id- s trbeli korltok tlpse; olcs: elllts s beszerzs krdse tbbszrzhet korltok is vannak nagy tmegek szmra is biztosthat informcik

Htrnyok: bizonytalan eredet, forrs vdelme nehz knny hamistani

Forrs: http://www.doksi.hu

2009.11.17.

IKT konzultci

Honlapok Sokfle elnevezs:

honlap, weblap, weboldal, webhely Weblap, weboldal: egy vagy tbb webes forrsbl szrmaz

informcik sszessge, amelyet egyidej feldolgozsra sznnak, s egy egyszeri URI hatroz meg (L. Wikipdia) A weblap tartalma lehet:

egyetlen fjl begyazott erforrs (statikus s dinamikus weblapok), tbb fjl hivatkozs tovbbi oldalakra, kpekre

Web s a blogA blog egy olyan periodikusan jabb bejegyzsekkel bvl weboldal, amely ezek sorozatbl ll, fggetlenl attl, hogy mi az oldal tmja, formja s hogy nyilvnosan elrhet-e.A blogok tbbsge nyilvnos weblapknt mkdik, brmely internethasznl ltal elrheten.

Forrs: http://www.doksi.hu

2009.11.17.

IKT konzultci

Honlapok

Honlap: weblapok, weboldalak fjlainak sszessge, amelyek clja, szerzje, cme, tartalma, logja,, stlusa ugyanaz.

Oktatssal kapcsolatos nhny honlap: http://www.okm.gov.hu http://sdt.sulinet.hu http://kozoktatas.lap.hu

Mirt kszlnek?A mgtte ll cget vagy szemlyt megtalljk az interneten s informcit szerezzenek rla.

Forrs: http://www.doksi.hu

2009.11.17.

IKT konzultci

Weblap/honlapkszts szempontjai

Milyen cljaink vannak? Milyen tartalmat kvnunk publiklni?

ttekinthet, logikus menrendszer kialaktsa - navigci Kiknek sznjuk az informcit?

A CLCSOPORT jellemzi (kor, sszettele, rdekldse, kvnsgai, a tartalommal kapcsolatos meglv ismeretei, gondolkodsa,zlse, interakcira val hajlama

Milyen mdiumokat kvnunk megjelenteni? Szveg, llkp, hang, videoklip, flash mdiaszerver

szksges Milyen formban - webtipogrfia: weblapok, weboldalak ksztsnek

kompozcis s formai kvetelmnyei, melynek legfbb clja a mondanival minl hatsosabb megjelentse.

Forrs: http://www.doksi.hu

2009.11.17.

IKT konzultci

Egy jellemz honlap

Nv, log, cm

Fmen

Menpontok

Az EKF honlapjnak bejelentkez kpe

Forrs: http://www.doksi.hu

2009.11.17.

IKT konzultci

Honlapok szedstkre

Klasszikus szedstkr: fejlc, margk, hasbok belltsa, kevs kp

Forrs: http://www.doksi.hu

2009.11.17.

IKT konzultci

Honlapok szedstkre (2)

Modulhls szedstkr: sok kp esetn clszer az alkalmazsa

Forrs: http://www.doksi.hu

Nhny kompozcis szably

A rszekre trtn felosztsnl gyakori szempont az aranymetszs szablyainak figyelembe vtele. A tkletes emberi test arnyai az irnyadak. (2:3:5:8) A kisebb rsz gy arnylik a nagyobbhoz, mint a nagyobb az egszhez. (kb 1,62)

Kt egyforma elem mindig j hatst kelt. A szimmetrikus elrendezs nyugodt,

kiegyenslyozott hatst kelt. Az aszimmetrikusviszont lnkebb, hangslyosabb

Forrs: http://www.doksi.hu

2009.11.17.

IKT konzultci

Oldalarnyok s arculat

Az oldal magassgnak s szlessgnek arnya: 3:4.

A szedstkr kialaktsnl vegyk figyelembe a kperny arnyait s a felbontst (800x600, 1024x768).

A kpfellet betltsnl kerljk a zsfoltsgot s harmnira kell trekedni.

A honlap sznvilga a tulajdonos megszokott s a tartalomhoz is illeszked szneit tkrzze vissza.

Fontos a logk, a tulajdonosra, a cgre jellemz arculati elemek kvetkezetes megjelentse.

3

4

Forrs: http://www.doksi.hu

2009.11.17.

IKT konzultci

Mi a sznek szerepe?

Sznek szerepe: kiemel, hangslyoz, figyelmet irnyt, rejtett jelentst kzvett.

Sznek csoportostsa: sznkr

Hideg sznek Meleg sznek

Komplementer sznek: kk-srga; piros-zld; - ers kontraszthats

Sznek asszociatv jelentse: vrs tz, vr, kk - vz, gbolt, zld: termszet

Sznszimbolika - sznhasznlat kultrhoz ktse: fekete - gyszSznkonvencik: sznek jelentse megegyezs alapjn. Pl. trkp

sznei - nemzetkzi megegyezs tilos a vltoztatsa!

Forrs: http://www.doksi.hu

2009.11.17.

IKT konzultci

Mi a sznek szerepe (2)

Httrsznek funkcija Hangulati keretet teremt s elsegti a mondanival kiemelst. Clszer a semlegesebb sznekbl vlogatni (jobban prosthatk

hozz a jellsznek Az tmenetes s texturs httereknl gyakori problmt jelent az

olvashatsg A httrbe helyezett kpeket halvnytsuk el annyira, hogy ne

zavarja az olvashatsgot!Jellsznek Elsegtik a megrtst, hangslyoznak, jelentst kzvettenek,

figyelmet irnytanak,. Javasolt szmuk: 4-7

Forrs: http://www.doksi.hu

Folthats

Az egybetartoz vizulis egysgeket foltokknt rzkeljk. Ha rpillantunk egy kpernyre, elszr a nagyobb, feltnbb foltokat vesszk szre.

Forrs: http://www.doksi.hu

Ritmus a kpben

Kopcsik Lajos: Marcipnmzem - rszlet

E. Bundik Ilona

Forrs: http://www.doksi.hu

sszehasonlts

Forrs: http://www.doksi.hu

Ellenpont 1.

Hova tegyem a krt?

Forrs: http://www.doksi.hu

Ellenpont 2

Forrs: http://www.doksi.hu

2009.11.17.

IKT konzultci

A honlap mdiaelemei: szveg

Tagoljuk jl a tartalmat! Kerljk a tbbszrsen sszetett mondatokat, mert a

kpernyrl val olvass nehezebb, mintha knyvbl olvasnnk.

Hasznljunk jl olvashat bettpusokat! Talpas: sszefgg hosszabb szveg Times New Roman, Garamond,

Talp nlkli: cmek, feliratok, rvid szveg Arial, Tahoma, Lucida

Kalligrafikus betk: fknt dekorcis cl - Nagy betket csak a helyesrs szempontjbl indokolt

helyeken alkalmazzunk tulajdonnevek, mondatkezds. Betmret: 11-13pt. Nagytsi funkci beptse is

lehetsges.

Forrs: http://www.doksi.hu

Bettpusok

Talpas: a talpak vezetik a tekintetet

Talpnlkli: rvid feliratok, vettsre sznt

Kalligrafikus (kzrs): nehezen olvashat

Dekoratv: dszt cl

Forrs: http://www.doksi.hu

2009.11.17.

IKT konzultci

A honlap mdiaelemei: szveg Szvegkiemels: bold betk, italic, mret s szn vltoztatsa,

rnykols, ritkts, esetleg animci Az alhzs hiperhivatkozst jelent csak erre hasznljuk! Cmek: rendszerint nagyobb betkkel rjuk. Trdelse szimmetrikus

vagy aszimmetrikus lehet. Formabont mdon, alul is elhelyezhetjk.

A vonalakat hasznljuk a vizulis tagolsra: elvlasztanak, tagolnak, irnytjk a tekintetet, keretbe foglalnak, dsztenek

Cmek trdelse szimmetrikus s aszimmetrikusi mdon

Forrs: http://www.doksi.hu

2009.11.17.

IKT konzultci

A honlap mdiaelemei: kpek

A weben val megjelensnl nem szabad nagy llomnyokban gondolkodni tmrts (min.: 72dpi)

Kpfjl tpusok: jpg, tif, gif, Amennyiben nem nyilvnos rendezvnyrl van sz, a

kpek webre trtn felttelhez a rajtuk szereplknek hozz kell jrulni.

Kpek beillesztsnl vigyzzunk az alapvet kompozcis szablyokra Szimmetria, aszimmetria, kiegyenslyozott

kpelemek, helyzeti s formai egyensly, szndkos feszltsgteremts, folthats

Forrs: http://www.doksi.hu

Kpek s keretek A keret kihangslyozza a

kpet s elhatrolja a krnyezettl, de a keret nlkli kp modern hatst kelthet.

Az arcok ne nzzenek ki a kpbl kivve, ha ennek dramaturgiai funkcija van.

Ne torztsuk el az alakokat kivve, ha valamilyen fiatalos, trfs cl az alkalmazs.

Forrs: http://www.doksi.hu

2009.11.17.

IKT konzultci

2009.11.17. 24

Multimdis prezentcik tpusai

Forrs: http://www.doksi.hu

2009.11.17.

IKT konzultci

Forrsok

Roger C. Parker: Webdesign kiadvnytervezs kpernyn s nyomtatsban. Kossuth Kiad. Bp.,1999.

Virgvlgyi Pter: A tipogrfia mestersge szmtgppel. Osiris kiad, Bp.,1999.

Szab Zn: Tipogrfia s webdesignhttp://edutech.elte.hu/multiped

Elek Forg Hauser - Kis-Tth - T.Parzs: Oktatstechnolgia In: Gyakorlati tancsok vizulis informcihordozk ksztshez. Lceum Kiad. Eger, 2003.

Forrs: http://www.doksi.hu