SzakdolgozatHorvthSndor

MszakiInformatikaszak,Mszakiszakirny,nappalitagozat

KecskemtiFiskola

GpiparisAutomatizlsiMszakiFiskolaiKar

KECSKEMT

2005

1

Weboldalakhasznlhatsga

apldktkrben

2

Tartalomjegyzk

1.Bevezets..........................................................................................................................5

1.1Amaimagyarwebhelyzete..................................................................................5

1.2Adolgozatclja....................................................................................................5

2.Felhasznlbartszemllet...............................................................................................5

3.AjoldalkritriumaGyorsasg....................................................................................6

3.1Vlaszidk............................................................................................................7

3.2Megjsolhatvlaszidk......................................................................................7

4.ACSS...............................................................................................................................8

4.1TartalomsMegjelents......................................................................................8

4.2Tmrebbkd.......................................................................................................8

4.3Stluslapokhasznlata...........................................................................................9

5.Kperny..........................................................................................................................11

5.1Szlessg...............................................................................................................11

5.2Gyakorihibkamegjelentsselkapcsolatban.....................................................12

6.Navigci.........................................................................................................................13

6.1Holvagyok?..........................................................................................................14

6.2Holjrtammr?....................................................................................................14

6.3Hovamehetekinnen?............................................................................................15

6.4Linkels.................................................................................................................15

7.Kpkezels.......................................................................................................................15

7.1Kevesebbkp,tbbkreativits.............................................................................16

7.2Kpekelhelyezse.................................................................................................17

8.Szvegek..........................................................................................................................17

8.1Tartalomtervezs...................................................................................................17

8.2Tartalomformzs.................................................................................................18

9Betkrl ...........................................................................................................................19

9.1Bettpusok...........................................................................................................19

9.2Szinek...................................................................................................................19

3

9.3Tagekhasznlata.................................................................................................20

9.4Linkek...................................................................................................................20

10.Htrnyoshelyzetek.....................................................................................................21

10.1Amostanihelyzet...............................................................................................22

10.2Ltskrosultak...................................................................................................22

10.3Hallskrosultak..................................................................................................22

10.4Mozgskorltozottak...........................................................................................23

10.5Idskorraljrnehzsgek................................................................................23

11.Milyenszempontokatkellfigyelembevenni?...............................................................24

11.1Betk .................................................................................................................24

11.2Sznvilg.............................................................................................................25

11.3Kpek.................................................................................................................25

11.4AzSVGtechnolgia...........................................................................................26

11.5Tblzatok...........................................................................................................27

11.6rlapok...............................................................................................................28

12.sszefoglals..................................................................................................................29

Irodalomjegyzk...................................................................................................................30

CDmellklettartalma..........................................................................................................32

Mellkletek...........................................................................................................................33

4

1.Bevezets:

1.1Amagyarwebhelyzete

Amai magyar webhelyzete elgg siralmasnak tnik. A weboldalak fejleszti affle

nemtrdmmdon tervezik oldalaikat, figyelmen kvl hagyva a szabvnyokat s az

alapvet ergonmiaiszempontokat. A legtbboldal semmifle felhasznli ignyt nem

veszfigyelembesazegyrtelmenkezelhet,mindenkiltalelrhetoldalakhelyett,csak

sokszorncl,rszlegesenhasznlhatlapokattallunk.Azoldalakkzttigenkevsaz

ergonmiaiszempontblmegfelel,afelhasznlbart.

Az oldalak tbbsge nem fordt kell figyelmet a valamilyen fogyatkkal lkre. A

htrnyoshelyzetekneknincsannyilehetsgkaweben.Ezegyrsztawebfejlesztks

webtervezkhibja,amirendszerintatjkozatlansgbladdik.

1.2Adolgozatclja

Adolgozat clja, hogymindenki egyformnhozzjuthassonaz informcihoz. Ezzel a

dolgozattal szeretnnk egyfajta irnyelvet mutatni a webbel foglalkozknak, hogyan

tervezzkmegoldalaikatshogyanjruljanakhozzajobbsmindenkiltalhozzfrhet

magyar web oldalak kialaktshoz, hogy hogyan szerkesszk gy oldalainkat, hogy

fogyatkkal lk is gond nlkl bngszhessenek rajtuk. A rgi faja oldaltervezsi

mdszerek hibinak kielemzsnkeresztl bemutatjuk, hogyankellene a legkorszerbb

webtervezsi mdszerekkel megtervezni skialaktani weblapjainkat. Haemdszereket

alkalmazzuk, biztosak lehetnk benne, hogy mindenki ltal hozzfrhetv tesszk a

webestartalmat.

2.Felhasznlbartszemllet

Felmerl a krds: Mirt fontos hogy krltekinten jrjunk el web oldalaink

tervezsnl?.

Azrtfontos,mertajprogramozsnakksznheten weboldalainkat szlesebbkrben

elrhetik,mintazokt,akikaszabvnyokatfigyelmenkvlhagyvaksztikeloldalaikat.

5

A szakemberek tbbsge nem fordt kell figyelmet egyegy oldal megtervezsnl a

hasznlhatsgra.

Mraawebelrteaztaszintet,hogyhaegyoldallassvagynemlehettjkozdnirajta,a

felhasznlk inkbb tovbbllnak s keresnek egy msik oldalt a tmban. Teht

rdekeltekvagyunk,hogyafelhasznlkatazoldalunkontartsuk.Ennekfleginternetes

gazdasgbanvanhatalmasjelentsge,aholmr pnzbelirtke isvanajoldalaknak.

Versenyezni kell a felhasznl idejrt s figyelmrt. Minl felhasznlbartabb az

oldalunk, annl tbb embert sikerl megnyerni s az oldalunkon tartani. Kevesebben

lesznekazolyanok,akikakezelhetetlensgmiattelriadnakoldalunkrl.

Aclvilgos,megkellknnyteniafelhasznlkdolgt.Afelhasznlirnyt.

3.AjoldalkritriumaGyorsasg

Mikisezekakritriumok,melyekmeghatrozzkajoldalt?

Egyiklegfontosabbszempontagyorsasg.Hogyminlhamarabbkapjamegazoldalta

felhasznl.Elgsokparamtertlfggagyorsasg.Akiszolglszervergyorsasgtls

teresztkpessgtl.Asebessgfggmgaszerverteljestmnytlsasvszlessgtl.

Ezenkvlvannakolyantulajdonsgok,melyekcsakafelhasznltlfggenek.Azadott

oldalvlaszidejtnagybanmeghatrozza,hogyafelhasznlnakmilyenasvszlessges

perszemekkoraszmtgpnekteljestmnye.

Brelgsokparamtertlfggasebessg,mgismegkelltennnkmindent,hogyminl

gyorsabblegyenegyoldalmkdse,minlgyorsabbankiszolgljukafelhasznlt.

Tves feltevs az, hogy egy felhasznl a j designra vrni fog [1]. A felhasznlk

informciutnkutatvabngsznekaneten.Minlgyorsabbanszeretnkkzhezkapniaz

informcit.Haeztmegakadlyozzukazzal,hogyaletltsiidt olyanraszabjuk,hogy

lehetetlenn tesszkahatkonybngszst, afelhasznlknemfognaksokidt tlteni

weboldalainkon. Ha ilyen, a gyorsasgot figyelmen kvl hagyva tervezzk meg

oldalainkat szintebiztos, hogyfelhasznlinka lass letltds miatt hamarotthagyjk

oldalunkat,sksbbsemtrnekvissza.Atartalomminlgyorsabbmegjelentselegyena

fszempont.

6

3.1Vlaszidk

Avlaszidnekmindenkppegybizonyosllektanihatr alatt kell lennie. Nemszabad

senkit sem feleslegesen megvrakoztatnunk. Ha lehet, a vlaszid legyen egy pr

msodperc,desemmikppselegyentlhosszid.

Alegtbbkeressnagyobbportlkomolyerfesztsekettesz,hogyfelhasznlitminl

hamarabbellssainformcival.Nemvletlenlltogatjkelszeretettelazilyenoldalakat.

Csakelrettentpldakntkzlnnkittegyprstatisztikaiadatotanpszerbbmagyar

oldalaksportlokvlaszidejrl(1.tblzat).

Vlaszidk 1.tblzat

Nv Cm Oldalmrete Vlaszid

Origo www.origo.hu 116,8KB 14,1mp

Voln www.volan.hu 44,96KB 7,1mp

Elvira www.elvira.hu 13,25KB 5,3mp

OrszgosMeteorolgiai

Szolglat

www.met.hu 42,69KB 10,5mp

Startlap www.startlap.hu 124,03KB 13,5mp

Npszabadsgonline www.nol.hu 49,27KB 4,2mp

Rdi www.radio.hu 13,24KB 8,0mp

Freemail www.freemail.hu 47,92KB 7,9mp

3.2Megjsolhatvlaszid

Hogyafelhasznlkjobbankitudjkhasznlniaweblehetsgeit,clszertjkoztatni

ket a mveletek idejrl. gy nem ri ket meglepets. Br gondolom nem sokan

tiltakoznnakazellenhaegymveletgyorsabbanfutnale,mintahogyvrtk.Sajnosez

kevesebbszerkvetkezikbe,mintazellentte.

Tehtanagyobbllomnyoknlmindigadjukmegamretet.Afelhasznlkgyelzetes

tapasztalataikalapjnkrlbellmegtudjkbecslni,mennyiidalatttltdikleazadott

llomny.Eldnthetik,hogyfontosenekikannyira,hogyesetlegesenegykicsittovbb

7

vrjanakr.Ezjobbankiszmthatbbtesziazoldalt,afelhasznlkmegtanuljk,mire

szmtsanak[1].

Az llomnyoknl mg igen hasznos a fjlkiterjeszts megadsa is. gy a felhasznl

rgtnltja,hogymilyenformtumafjl,hogykpeselefuttatniagpn.

4.ACSS

AHTMLformztulajdonsgaiegyidmlvaszksnekbizonyultak,szksgvoltegy

jobb,azelemektulajdonsgaitjobbanlernyelvre.Eclbljttltre, aCascadingStyle

Sheets,azazegymsbagyazottstluslapok.Ezaztjelenti,hogyazelemektulajdonsgait

tbblpsbenvagytbbstluslapalkalmazsvalismegtudjukhatrozni.Astluslapok

segtsgvelazoldalakmegjelenstegysgesretudjukformlni.

4.1Tartalomsmegjelents

Awebegy platformfggetlen rendszer.Atartalomtbbfleeszkznjelenhetmeg.Az

otthoni bngsztl kezdve, a telefon kis kpernyjn t, a legmodernebb technikval

flszerelt htgpen lv kpernyig. Fontos teht, hogy a tartalmat elklntsk a

megjelentstl.Tehtmikorazoldalunkattervezzk,nefeledkezznkmegarrl,hogyaz

necsakegyfleeszkznlegyenelrhet.Adjunklegalbbvlasztsialternatvtazoknak,

akinemamegszokotteszkznbngszikoldalunkat.Alegjobbmegolds,haatartalmat

s a megjelenst minl jobban sztvlasztjuk. Erre egyik legalkalmasabb mdszer, ha

oldalainkkinzett stluslapokkal alaktjukki. gyakiknekvalamilyenokbl kifolylag

problmjuk van a megjelentssel, legyen lehetsgk arra, hogy csupn a tartalomra

koncentrljanak.Azoldalaknakstluslapoknlklismkdnikkell.Afelhasznlkne

legyenekktveadesignhoz.

4.2Tmrebbkd

Aklsstluslapokalkalmazsnakmsikelnye,hogyaHTMLdokumentumbleltnnek

formzutastsok,azazakdtmrebblesz.Alegjobbanazzaljellemezhetatmrsg,

hogy1KBHTMLrehnymegjelentettbet tartozik.Haegyoldalnaknagyaz1KBra

esbetkszma,annlnagyobbazeslyr,hogygyorsabbaletltsiidejeis.

8

Kls stluslapok alkalmazsval hardverbefektets nlkl tudjuk a letltsi idt

megrvidteni. Egystatisztikaalapjn[2]azegyKBHTMLrees karakterekszmaa

kvetkezkppalakul(2.tblzat).

Aforrskdtmrsge 2.tbl zat

Oldaltpusa Oldalmret HTML Kls

CSS

Bet/HTM

L

ltalnosportlok 280KB 119KB 7,4KB 76

Npszeroldalak 232KB 51KB 3,5KB 61,3

zleticgek 135KB 53KB 3,1KB 68,5

Magnszemlyek 479KB 79KB 5,8KB 100,4

Honlapfejlesztsselfoglalkoz

cgek

127KB 26KB 2,8KB

51,7

Egyetemek 106KB 18KB 2,9KB 125,9

Fiskolk 164KB 24KB 1,3KB 125,9

Kzpiskolk 88KB 5,8KB 0,0KB 385,6

sszestve 185KB 45KB 3,4KB 102,4

4.3Stluslapokhasznlata

Br vanlehetsgabegyazottstuslapokhasznlatramgisinkbbclszerakapcsolt

vagy ms nven kls stluslapokkal dolgozni. gy jobban ki tudjuk hasznlni annak

elnyeit.Demikisezekazelnyk?AbegyazottstluslapoknlaHTMLllomnybana

formz utastsokat a tagbe rjuk. Az ilyenmegolds elfogadhat ha olyanweblapot

ksztnk,melyproldalblll,vagyritknfogjukfrissteni.

Pldabegyazottstluslapra(kdrszlet):

...

A stluslappal formzott szveg...

9

Eredmny(1.bra):

Hatbblapbl ll sitenl vagyhonlapnl clszer kls stluslapokatalkalmazni. Ez

azzalazelnnyeljr,hogyastluslapafelhasznlgyorsttrbakerl,melynekfolytn

azoldalakbetltdsesokkal gyorsabblesz. Akls stluslapnlkl formzott oldalak

sokkalnagyobbmretek,ebblkifolylagaletltsiidishosszabblesz.Ezenkvla

tervezsnlszmolnikellazesetlegesksbbimdostsokkal.

A jl tgondolt tervezsnek s a kls stluslapok alkalmazsnak ksznheten,

elrhetjk, hogyahagyomnyosnl lnyegesengyorsabbazutlagos mdosts. Haaz

oldalkinzetnszeretnnkvltoztatni,hagyomnyosoldaltervezsselszembenittelgegy

vagy kt stluslapot mdostani, nem kell az sszes lapon trni a formz tageket.

Rengetegidtmegsprolhatunkezzel,nembeszlveasokkaltlthatbbforrskdokrl.

Pldaklsstluslapra(kdrszlet):

EkkoraHTMLoldalfejrszbenaskzrjukakvetkezt.

...

A stluslappal formzott szveg...

Astiluslap.cssllomnybanmegadjukazegyesHTMLelemektulajdonsgait.

pl.:

BODY {background-color: #CCDDFF;}BODY P {color: #666666; font-style: italic; font-size: large;}

10

Astluslappalformzottszveg

1.braStluslappalformzottszveg

Azeredmnytermszetesenugyanazlesz.Hanemcsakennlazegylapnlhasznljuka

stluslapot,hanemtbblapfejrszbeberjukastluslaphivatkozst,rgtnmegmutatkozik

a klnbsg. A kls stluslapokkal formzott oldalak letltdsi ideje, az els oldal

letltseutn,sokkalrvidebbmintabegyazottlapok.

A dolgozat terjedelme viszont nemengedi mega CSS nyelv rszletes bemutatst. A

szakirodalom[3][4]bvenrerrl.ACSSnyelvismerettezentlismertnektekintjk.

5.Kperny

Awebestartalomlegtbbesetbenkpernynjelenikmeg.Ezrtigenfontosszemponta

tervezsnl,hogyoldalainkkinzetemindenflekpernynjlolvashatsrtelmezhet

legyen.

Mraszoftverektervezsnl isklnsfigyelmetfordtanakaplatformfggetlensgre,

azaz,hogyegyprogramotnecsakegyfajtafelhasznlikrnyezetbenlehessenalkalmazni.

Mivel azt szeretnnk, hogy minl tbb felhasznl ltogassa oldalainkat, a lehet

legszlesebb elrhetsget kell biztostani. Itt kap szerepet a felbontsfggetlensg. Ha

nemfixszlessgre tervezzkazoldalunkat, tbbeszkznis viszonylagjl olvashat

leszazoldalunk.

5.1Szlessg

Legtbboldal(majdnem70%)fixszlessgethasznl.Ezazzalahtrnnyaljrhat,hogy

hakisebbakpernynk,vagytmretezzkabngszablakot,aszvegolvashatatlann

vlik, az oldal sztugrik. Ez a kis kpernyvel rendelkez felhasznlk jobbrabalra

knytelenekgrgetniamelyazegyiklegszokatlanabbbngszsimvelet[1].

Amagyarwebenegystatisztikaalapjn[2]akpernyszlessgekmegoszlsaakvetkez

volt(2.bra).

11

Azbrrl is knnyen leolvashat hogy a 800 kppont szlessgre tervezett oldalak

vannaktbbsgben.Avgighzottvonalaka felbontsfggetlenoldalakadatai,melyek

rendelkeznekazzalatulajdonsggal,hogybrmilyenkpernymrethezigazodvakpesek

megjelenteni az oldal tartalmt. Az ilyen oldalaknak hatalmas elnyk van a fix

szlessg oldalakkalszemben,mivelgyakorlatilagbrmilyeneszkznsplatformona

kinzet nagyjbl hasonl. Ha lehetsgnk van r, igyekezznk eleve felbonts

fggetlenretervezniweboldalainkat,gylehetsgetadunk,hogyazolyanfelhasznlkis

mindengondnlkl megtekinthesskazoldalt, akiknekvalamelyokbl amegjelents

problmtokoz.

5.2Gyakorihibkamegjelentsselkapcsolatban

Beksznoldalak

Abekszn oldalakat felejtskel. Teljesenflslegesek. Afelhasznl haoldalunkra

kattintnemegysemmitmondbelpsszvalakartallkozni,hanemmagvalazoldallal.

ErrepldaaBabamagazin(1.mellklet)oldalais.

Alegszembetnbb,hogya Krjkvlasszonlapszmainkbl semmitsemrulelegy

olyanfelhasznlnak,akielszrjrazoldalon.Sokkalhatkonyabblenne,hargtnmr

a foldalra jutnnk az aktulis szmmal a kezdoldalon, s egy kln menpontban

12

2.braKpernyszlessgek[5]

megtallhatnnkazelzszmokatis.gyazokafelhasznlk,akikmgsohasemjrtakaz

oldalon,rgtneldnthetik,hogyrdeklieazoldalketvagysem.

Keretek

A keretek habr jpofa megoldsokat tesznek lehetv, mgsem javasolja egyik

webdesignnalfoglalkozszakembersem.Legtbbszrazrtalkalmazzk,hogyafoldalon

anavigcissvmindiglthatmaradjon.

A keretekkel a legfbb problma az, hogy a kereten belli rsz nem cmezhet a

bngszbl,azazhibamentnkelegykeretekettartalmazoldalcmt,havisszatltjk

bngsznkbenembiztos,hogyugyanaztakpetfogjukltni.Anavigciakeretekkel

nemmkdik.Netegyklehetetlennabngszvisszagombjnakmkdst!

Emelletkomolyhtrny,hogyakeretekettartalmazoldalakatabngszkegyrszenem

tudja normlisan kinyomtatni, gy habr ez a keret nlkli oldalakra is igaz, minden

fontosabboldalhozksztennkkellegynyomtathatverzitis.

Hosszoldalak

Afelhasznlktbbsgenemszeretiahosszoldalakat,scsakkevsaz,akivgigolvassa

a gyakran hromkpernyhosszsg oldalakat. Mint a weblabor 2005s ergonmiai

tesztjbl kiderlt [2] az tlagos kpernyhossz 1555 kppont. Nem vrhatjuk el a

felhasznlktl, hogyoldalakont grgesskoldalainkat.Afelhasznlknemszeretnek

grgetni[6].

Egy ilyen hibbaesett azECMRecords oldala is (2. mellklet.), ahol a tervez vagy

tervezkgygondoltk, hogy a kt s fl oldalon t tart egybefgg szveget majd

mindenkigondnlklvgigolvassa.

6.Navigci

Azmsik legfontosabbszempont, a j tlthatsg. Egyfelhasznl, haoldalunkra r,

knnyen fel tudja trkpezni, mi hol van, mire kell kattintani. A legfbb cl, hogy a

felhasznl az adott informcit a lehet legrvidebb idn bell megtallja. Ehhez

13

szksgesegyjnavigcisrendszer.Anavigcielengedhetetlenegyoldalmkdshez,

amolyanszksgesrossz.Eztclszerminlkisebbrecskkenteni.Afelhasznlknema

menrendszernkrekvncsiak,hanematermkrevagyinformciraamivelszolglhatunk

nekik.Alapszablyknttekinthetjk,hogyanavigcinetltsnkitbbetazoldal20%

nl[1].

Afelhasznlknemszeretnekgrdteni,gyalegfontosabbnavigciselemeknekazels

oldalonahelyk.Alegtbboldalonafnavigciselemekszmakevsnemhaladjameg

atucatot.Okos,jltgondoltnavigcisrendszertervezsvelelkerlhetjkatlontlsok

ment.

6.1Holvagyok?

Fontosszempont,hogyhaafelhasznlkvlrl,tehtnemafoldalonkeresztl,jutottel

az oldalunkra, akkor is tudjon tjkozdni. Cl, hogyminl hamarabbmegrtse a site

szerkezettsmkdst.Ittalegfontosabbszably: minden oldalonlegyenegyrtelm

utalsarra,hogymilyenoldalrarkeztnk.Egylogvagyegymindenoldalonugyanott

lvegysgesfeliratmelyafoldalrahivatkozik.

Msikalternatvssokszorhasznltmegoldsahierarchikuselrsitmegadsa.Ilyenkor

a felhasznlkviszonytanitudjkhelyzetketaflaphozkpestsegyetlenkattintssal

brmelyfelsbbszintreugorhatnak.

6.2Holjrtammr?

Ittkapfontosszerepetalinkszn.Brsokanvitatjk,hogynemigaznelnysjellsa

kkssttlilasznamgnemltogatottsamrltogatottlinkekre,mgisafelhasznlk

tbbsgeeztszoktameg,sazettleltrmegoldsokatnehezebbenrtikmeg.gyhanem

akarunkalulmaradni,kvetkezetesenneknkisajnlatosezzelaktsznneljellni.

Legrdlmenkets grafikaielemeketsemclszer hasznlnimivelittezeksznenem

vltozikmegafelhasznlnemfogjatudnimelyikoldaltltogattamegsmelyiketnem.

14

6.3Hovamehetekinnen?

Habralegtbbennemhasznljknavigcisproblmkesetnjl jhet a navigcis

sg asitemapvagymsnvensitetrkp.Bizonynagyhasznunkra vlhat, haminden

oldalunkonelhelyeznk egy linket a sitemapre, ezzel is megknnytve a felhasznlk

dolgt.

Asitetrkpen,halehet,helyezznkelminltbbhivatkozst,degy,hogyaznemenjen

aztlthatsgkrra.Afelhasznl itt egyoldalonknnyennaviglhatazoldalunkon.

Rvid,mgisegyrtelmneveketadjunkalinkeknek.Ezzelelrhetjk,hogyigenhatkony

eszkztadunkafelhasznlkezbe.

Problmaszokottmglenni,haegyolyanoldalrarafelhasznl,ahonnanmrnemlehet

tovbbmenni. Sokakatmegzavarhat, gy inkbbabiztonsgkedvrt helyezznkelaz

oldalonegy vissza linket,amivisszavezetitakiinduloldalra.

6.4Linkels

Alegfontosabb,hogyminljobbansegtskafelhasznlt.Egyoldalonelhelyezetttbb

tucat link aligha knnyti meg a dolgt. Viszont ha rvid magyarz szveget runk

melybensszefoglaljukmirlisszlazadotthivatkozs,mindjrttudja,hogyrdemese

egyltalnrkattintania.

Sokatsegtnkazzalis,hakitltjkalinkcmmezt,gymikorafelhasznlegervela

linkflttmegll,prmsodpercenbellkirjaalinkcmbentallhatinformcikat.

Informcikmelyetclszeralinkcmbefoglalni:

oldalnevt,ahovaahivatkozsmutat

asitenevt,haahivatkozsnemklsoldalramutat

rszleteketarrlmilyeninformcitallhatott

7.Kpkezels

Azjdesignmegkveteliaszvegskpekegyenslyt.Hakpkerltlslyba,aletltsi

idtlhosszleszamitnemsokfelhasznlfogkivrni.Hibaaszpbrkskpekha

senkisemfogjamegnzniket.

15

Azsemigaznjhaaszvegkerltlslyba.Azoldaltlpuritnnak,tlontlamatrnek

ltszhat. Amegjelens s a tartalomkettvlasztsa itt fontos szerephez jut. Megkell

tallniazaranykzputat.

7.1Kevesebbkp,tbbkreativits

Ha lehetsgnk van r minl inkbb cskkentsk a kpek szmt s mrett. Itt is

rvnyesamonds: Akevesebbnhatbb! .

Halehetalkalmazzunkegykpettbbszris.Sokkalgyorsabbtehetjkazoldalunkatha

egykpetegyoldalonbelltbbszrisfelhasznlunk.

RengeteggrafikaimegjelenskitnenmegvalsthatCSSsegtsgvel.

Mostanbandivatos ahiperlinkekkinzetnekmegvltoztatsa, mikora linkfl r az

egr. Ezek nagy rsze CSS technikval kivlthat, gy cskkentjk a letlttt kpek

mennyisgt s nemkellett elkpzelsnktl eltrni, ugyanazt ltja majd a felhasznl

minthakpekkelsJavascriptalkalmazsvalvalstottukvolnameg.

pl.:

AHTMLben:

Menu1Menu2

ACSSben:

#menu A{ color: #001122; background-color: #882211;}#menu A:hover{ color: #123456; font-weight: bold;}

AFornettiKft.honlapjnak(CDmellklet)jdesignjaishasonlmdszereketalkalmazva

kszltel.Ittnemaszveg,hanemaszvegmgttihttrvltozikmegmikorazegra

szvegflr.

16

7.2Kpekelhelyezse

Lass letltds esetn clszer a kpeket a lap kzps rszre vagy az aljra

koncentrlni.gyafelhasznladdigisgondnlkl tudjaolvasniazoldalt. Nemkella

sokszorcsakdsztelemkntszolgldekorcibetltdsrevrnia.

8.Szvegek

8.1Tartalomtervezs

Sokan nem tudjk, hogy weboldalra egy kicsit mskpp kell rni, mint mondjuk egy

jsgba,vagyegymagazinba.Azolvaskilyenkorafcmekalapjnkivlasztanakegy

cikketsvgigolvassk.Awebenezmskppvan.Afelhasznlknagyrszecsakkulcs

szavakat, kiemelt szvegrszeket keres, ami alapjn beazonostja, hogy kvncsi e a

szvegre vagy sem. Csak tfutjk a szveget anlkl, hogy az egsz szveget

vgigolvasnk[1].Fontosteht,hogyhaegyszvegetfeltesznkazoldalunkraakkoraz

legyentlthat,egyrtelm.

Szvegeinketigyekezznkminltmrebbrerni.Afelhasznlkszeretikajl tlthat

rviddelnyegretrrsokat.Tervezzkmeggyazoldalakat,hogyalehetlegrvidebb

ideigkelljenafelhasznlnakaszvegolvassvalidznie.Ehhezjtlet,haahossz

szvegeinketoldalakratrdeljkstbbklnlllaponhelyezzkelket.Azoldalakra

trdelstclszertmkszerintvgezni.

Legfontosabbszempont,hogyabeksznoldalonegyszermondatszerkezettels csaka

tnyekkelvrjukafelhasznlt.Hamrafelhasznlazoldalunkrakattintottmegrdemli,

hogynesemmitmondinformcikattalljonott.

17

8.2Tartalomformzs

Igyekezznkmegknnyteniafelhasznlkdolgtsaszvegblemeljkkialnyeges

rszeket.Hasznossegyretbboldalnl tapasztalhat, hogyab lre eresztettminden

rszletrekiterjedszvegeltt,llegyrvidsszefoglal,hogymirlisszlvaljbanaz

rs.Valahogygykellenemegrniegyilyenrvid bevezett,hogyhaafelhasznlha

brhol abbahagyjaaszvegolvasst, akkorislegyenfogalmarla,mirlisszlhataz

egszszvegvaljban.Alkalmazzukafordtottpiramis[7]elvt.

Tegykjobbanolvashatv,tlthatv.Hasznljukbtranrvidbekezdseket,alcmeket

vagy pontokba szedett felsorolsokat. Az emberek jobban kedvelik az egyrtelm,

lnyegretr,knnyenolvashatszvegeket.

Kerljk viszont a dlt bets rsmdot. A szemnek sokkal frasztbb s lassabban

rtelmezhetmintahagyomnyosrsmd.

Mondandnkat megknnythetjk szemlletes brk hasznlatval, grafikonokkal s

diagramokkal.

AzECMRecordsoldala(2.mellklet)igencsakbvelkediktipikushibkban.

A H istory vagyis a cg trtnetrl szl szveget valszn eddig nem sokan

olvashattkel.Azegybemlesztettszvegblsemminemtnikkiamimegfognaszemet,

ami felkelten az rdekldst. Ezenkvl a szvegs az oldal tl hossz. Ellenbena

msodikmegoldsmrinkbbkvetiafentebbemltettirnyelveket.

HasonlszvegformzsihibatallhataNemzetiFilharmonikusoklapjn(3.mellklet)

ahol a zeneszerzk letrajzra kvncsiakat, egy hossz, dtumokkal teletzdelt, tbb

grgetsnyi szveg fogadja. Sokkal elnysebb megolds lenne, ha egy rvidebb,

tmrebbbekezdsekretagoltletrajzotkzlnnk.

18

9.Betkrl

9.1Bettpusok

Kettbettpusegyoldalonbellbvenelg.Egyafcmeknekesetlegalinkeknek,egy

pedigmagnakaszvegnek.Legfbbszempontajlolvashatsglegyen.Tehtjavasolta

legtbb gpen lv alaprtelmezett fontok hasznlata, mivel ezek ltalban knnyen

olvashatbetk.

Aklnlegesbettpusokatlehetlegkerljkazilyenszvegeknl.Nemcsak,hogyegy

idutnnehezebbolvasniaszveget,deelfordulhat,hogyafelhasznlnaknincsisilyen

betkszlete.Ilyenkor,hanemadtunkmegmsalternatvbettpust,afelhasznlesetleg

nemtudjaelolvasniaszveget.

Havalamelygrafikaimegoldsunkazolvashatsgkrramegy,jlfontoljukmegmegri

e kockztatunk. Sokkal jobb, ha kevesebb de zlsesebb kpi vilggal s tkletesen

olvashatszveggelvrjukazoldalraltogatkat.

9.2Sznek

Lehetleg ne hasznljunk rikt, szemnek fraszt sznsszelltst. Kerljk a vrs

alaponzldbetketvagyfordtva.Ezugyanisnemcsakamiszemnketveszi ignybe,

hanemasznvakoknakkomolynehzsgetokozazilyenoldalakelolvassa.

Httrnek mindenkpp egyszer, finommintj kpet, vagy sznt vlasszunk. Elvrs,

hogyaszvegolvassaalegkevesebbnehzsgetokozza.Kpernyrlolvasniamgyis

fraszt, netetzzkvadsznkombincikkal.Halehetsgesalinkekmegszokottsznt

tartsukmeg.

Hasznljunkwebsafeszneket,azaz,hogymindenfajtabngsz splatformallkzel

azonossznkombincivaljelenjenmegazoldalunk.

Alapvet irnyelv oldalaink tervezsnl, hogy a sznek ne hatrozzk meg az oldal

mkdst.gykizrjukazolyanokatakisznekrzkelsrekptelenek.Tehtazoldal

tkletesenmkdjnakrfeketefehrbenis.

19

9.3Tagekhasznlata

Hasznljukbtrana,szvegformzsraltrehozotttageket.

Sokkal egyszerbb el megadni egy szveg fcmt mint betnagyts s bet

vastagsgnakflkvrrelltsa.Nembeszlveahangosbngszkrl,melyekazilyen

betkkelnemtudnakmitkezdeni,simaszvegkntolvassk,mgaelformzottnl

rgtnjelzik,hogyfcmrlvansz.

De ha lehet kerljk a , s formz karaktereket. Ezek CSSel sokkal

elegnsabbanmegoldhatk.Akiemelsemdjtalegtbbbngsztmogatja.

Az s sokkalfrappnsabbmegoldsaszvegeinkbenlv fontosabb

rszekkiemelsre. Azilyenmdonformzott szvegeketastluslapbantetszs szerint

megvltoztathatjuk.

9.4Linkek

Alinkeknekisvanformaikvetelmnye.Afelhasznlkmegszoktk,hogyazalhzott

szvegminthivatkozsmkdik,ezrthalehetkerljkasimaalhzottszvegeket.

Alinknemtbbprsznl.Teljesenflslegesssokszorzavarmikorteljesmondatokat

alaktanaklinkekk.gymiiskerljkazilyenfajtamegoldsokat.

NavigcisLinkek

Azoldalnavigcijhozszksgesek.Ezekhatrozzkmegmerrelehetegyoldalonbell

eljutni. Itt a legfontosabb a sznek kvetkezetes hasznlata. Ersen javasolt a kk s

sttlilasznekhasznlatahiszafelhasznlkeztszoktkmeg.Brettleltrszneketis

hasznlhatunk,deekkornagyonjlgondoljukt,hogyfelfogjaeismerniafelhasznl,

melyoldalakonjrtmrsmelyekennem.

Oldalonbellilinkek

Sokszorelfordul,hogyegyhosszoldalon,hogynekelljenoldalakontgrgetni,alap

tetejnelhelyezneknhnylinket,melyalapalsbbrszeireugrik.Sokfelhasznlt ez

megzavar,nemtudja,hogymostegyjlapotlt,vagymgugyanazonazoldalonmaradt.

Eztelkerlend,egy visszaalaptetejre linketszoktakelhelyezniazadottszvegrsz

20

utn. Br erre nem lenne szksg, ha betartannk a hossz oldalakra vonatkoz

javaslatokat,mgisnmelyesetbenhasznoslehet.gyafelhasznlknaknemkellsokat

grgetnie.

Magyarzlinkek

Ezekolyanlinkek,melyekegyegyfogalommegrtst segtik.Klnsebbnavigcis

feladatuk nincsen. Ezrt is fontos, hogy elklnljn a kifel vagy az oldalak kztti

navigcitsegt linkektl.ltalbanpontozottvagyszaggatottvonallalszoktkjellni,

melyreharkattintunk,egyfelbukkanablakbanadinformcitazadottfogalomrl.Igen

hasznos megolds a szakszavakkal teletzdelt rsokban, ahol gy a szakmabeli

felhasznlkatmegkmljkazalapvetfogalmakmagyarzsval.

Kifelmutatlinkek

Clszer ha klnmenpontot kapnakvagyazoldalakvgnegy kapcsold linkek

feliratalatttallhatkmeg.Fontoshogyazilyenlinkeknlnecsakacmet,hanemegy

rvidsszefoglaltisrjunk,hogymikppkapcsoldikatmhoz.

10.Htrnyoshelyzetek

AHtrnyoshelyzetekszmraawebkivlinformciforrslehetnehiszanyomtatott

informcihozkpestawebegyrugalmasabb,jobbantestreszabhat felletet grne.De

ezazidmgmagravrat.Hibaalehetsgatestreszabhatsgra,haawebfejlesztk

nagyrszefigyelmenkvltartja,saW3C[8]szellemisgtmellzvetervezioldalait.

AWCAG[9]flegwebfejlesztknekkiadottajnls,hogyhogyanisrdemesazoldalakat

szerkeszteni, hogy a htrnyos helyzet felhasznlknak, hogy lehet megadni azt a

lehetsget,amitatbbifelhasznlnakamgyismegvan,agondnlkliinformcihoz

juts lehetsgt. Elsdleges clknt tekintettkahozzfrhetsg tmogatst. Hogya

tartalomhozzfrhetsgenefggjnseeszkztl(webbngsz,kperny,felolvas ),

sekrnyezettl (rossz fnyviszonyok, hangzavar, kznlkli hasznlat). A tartalomnak

rzkelhetnekkelllenniemindenkiszmra.

21

10.1Amostanihelyzet

Akzintzmnyeks kormnyzati szervekwebes felleteinekakadlymentestst mr

tbbllambantrvnyszablyozza.AzAmerikaiEgyesltllamokbanaz508asszakasz

nvenismertrendeletvanrvnybenmelyelrjaakzintzmnyekakadlymentestst.

Nmetorszgbaneza(BGBI.IS.1467)szmtrvnymelyafogyatkosembertrsaink

egyenjogsgrl szl. Sajnos haznkban jelenleg mg nincs a webes felletek

akadlymenteststszablyzrendeletvagytrvny.[10]

10.2Ltskrosultaksvakok

Azhelyzetkalegnehezebb.Ltskrosultsgukmiattkorltozottanvagyteljesenelvan

zrvaellkakpiinformcikzls.Haznkbanlegkevesebb300.000embertl vonjuk

megawebakadlymentesbngszsneklehetsgt[11].

Az szempontjukbl a legfontosabb a betmret nvelsnek lehetsge, vagy, hogy

felolvas hasznlatval is hozzfrhet legyen az oldal. Az oldalnak nem szabad

semmifajtazavardolgottartalmaznia,amitafelolvasesetlegnemtudrtelmezni.Haegy

kisodafigyelsselskrltekintsselksztjkeloldalainkat,lehetsgetbiztostunknem

ltembertrsainknakis,hogyproblmknlkltudjkhasznlniawebesfelleteket.

Alegjobbmdszerannakellenrzsre,hogyanemltfelhasznlkisgondnlkltudjk

majdbngsznioldalainkat,hamegtekintjkegyszvegesbngszvel[12]amrksz

oldalt. Havanlehetsgnkr hangosbngszvel is felolvastathatjukoldalainkat. gy

vilgosankiderl,hogyfogjaegynemltrzkelniazoldalunkat.

Msikmdszeravalidtorok[13]sgyorstesztek[14]alkalmazsa.Ezekkelleellenrizve

oldalainkatmajdnem100%osbiztonsggalllthatjuk,hogyaltsbanhtrnytszenvedk

gondnlkltudjkoldalainkathasznlni.

10.3Hallskrosultak

Nemsokbanklnbzikattl, mintmikorkikapcsolt hangszr nlkl bngsznk.Ha

multimdisanyagiselrhetazoldalunkongondoskodjunk,hogylegalbbahangzanyag

vagy videofelvtel szvegevalamilyen nyomtathat formtumban elrhet legyen ezen

22

felhasznlk szmra. Sajnos a hangvezrls fejldsvel majd mind inkbb nehezebb

dolguklesz.

10.4Mozgskorltozottak

Az szempontjukbl a legnagyobbgondltalbanazegr s billentyzet kezels. Ne

knyszertsk felhasznlinkat bonyolult billentyzetkombincik hasznlatra.

Egyeseknek rendkvli nehzsget okozhat. Inkbb adjunk meg minl tbb fajta

lehetsgetazoldalgondtalanhasznlathoz.

Sokszorzavar hanemmkdika[TAB]billenty, melyflegazrlapokkitltsnl

nagy segtsg. gy nem kell minden egyes beviteli mezbe belekattintani, hogy

folytathassuk az adatbevitelt. Ez a gyakori s egyben flsleges egrkezels igencsak

ignybeveheti azegrkezelsbenvalamilyen mdonkorltozottakat. Teht lehetsget

kellbiztostanunk,hogybillentyzetrltrtnzavartalanadatbevitelislehetsgeslegyen.

10.5Idskorraljrnehzsgek

Ittugyangymintagyengnltknlafproblma,hogyazidsebbekazaprbetket

nemtudjkelolvasni.Ajavaslattehtugyanazmintaltskrosultfelhasznlknl.

Az egyrtelm navigci minden esetben az egyik legfontosabb szempont kell, hogy

legyen.Neadjunktitokzatosneveketamenpontoknak.Idsebbekgyakranelfelejtikhol,

mirekattintottakmr.Alinkekszneilegyenekegyrtelmenbeazonosthatak.

Vgl,egyesekkicsitbizonytalanulkezelikazegeret,tehtmindenilyenfajtamveletre

hagyjunk elg idt. Ne knyszertsk a felhasznlkat arra, hogy parnyi gombokra,

menpontokrakelljenkattintaniuk.

23

11.Milyenszempontokatkellfigyelembevenni?

Alapveten azt, hogy htrnyos helyzet ember trsainkat is megilletik ugyanazok a

lehetsgeksjogok,mintatbbifelhasznlt.Azegyenjogsgrvnyesljnaweben

is,mghanincsiserretrvnyirendelet.

A webtervezssel foglalkozk nagy rsze a nem ltkat s a htrnyos helyzet

felhasznlkat kln kezeli, kln oldalt ksztenek, hogy k is akadlytalanul

bngszhesskazoldalakat.Ezaszemlletnemrossz,delehetnejobbis.Milenne,ha

elevegyterveznnkmegazoldalainkat,ltknaksnemltknakegyarnt,hogybrki

akadlytalanulhasznlhassaazt?

Aparamedia[15]egykitnajnlsttettazakadlymentestsmegknnytsre.

Deegysszefoglalstkzlnnkitt,azrt,hogymgistudjukmirekellfigyelni.

11.1Betk

Acskkentettltkpessgektmogatsaaztjelenten,hogybrmilyenbetmrettelis

nzzkazoldalt, abbanakinzetcsakminimlisanvltozik.Breznagyritknszokott

teljeslni,azrtteszteljkleoldalunkat10,12,14kppontosralltottbetmrettelis.

Hasznljunk stluslapokat s relatv betmretet. Ha fix betmretet adunk meg

megfosztunkegyesfelhasznlkatabngszbeptettbetnagytslehetsgtl,gyk

nemtudjkproblmanlklelolvasniazoldalt.

Kerljkafleggrafikailtvnyossgkntszolgl | llvonalat.Ezesetbenugyanisa

felolvasprogrammindannyiszorbemondja,hogy llvonal. Ezelgzavarlehetegy

nagyobbterjedelmszvegnl.

A felolvasprogramok egy rsze a felsorolsszeren egyms mell helyezett linkeket

kptelen klnkln rtelmezni, hanem azokat egybeolvasva olvassa fel. Hogy ezt

elkerljkclszeralinkeketvagyklnklncellkba,vagyegymsaltrve(ezutbbi

jobb)elhelyezniazoldalunkon.

Alapvetentrekedjnkarra,hogyminljobbanolvashatlegyenazoldalunk.

24

11.2Sznvilg

Ha lehet kerljk a zldvrs kombincit! Itt fleg a sznvakokra gondoljunk. Ha

lehetsgnk van r, krjnk visszajelzst sznvak felhasznlktl, hogy mennyire

olvashataszvegvagymennyirelthatakpelemazoldalunkon.Dehanemvagyunk

biztosak benne, hogy oldalunk sznsszelltsa biztos j, a problms kpeket

leellenrizhetjkegysznvakemultorral[16]is.

Ha lehet, a szvegeknl hasznljunk nagy kontrasztot. Annl jobb, minl nagyobb az

eltrsabetksznesahttrkztt.Aszvegekhttere,halehet,legyenegyszn.

11.3Kpeknlkl

HasznljunkaHTMLtagekALTattribtumt!

Hacsupndsztvagyeszttikaiszerepetsznunkegykpnek,akkorislssukelazALT

attribtummal,deazrtkthagyjukresen,gyafelolvasnemfogazilyenkpeknlegy

flsleges[INLINE]zenetettenni.

Havalamilyenfotvagyolyankpszerepelazoldalon,amiinformcithordoz,akkoris

clszer kzlni az ALTbanegyrvid nhnyszavasmegjegyzst. Ezeket a dolgokat

akkor tudjuk a legjobban ellenrizni, hogy a mr ksz lapot gy nzzk meg a

bngsznkben,hogyakpekmegjelentseopcitkikapcsoljuk.

A BME oldala (4. mellklet) kitn plda az ALT helyes hasznlatra. Mivel a

menpontok legtbbje kp, teht ha kikapcsolnnk a kpek megjelentse gombot

elvesztennk a tjkozdsi kpessgnket. De mivel az ALT attribtumba belertuk a

menpontokneveit,gymrszvegesbngszveliskitnenlehetnaviglniazoldalak

kzt.

Havalamelykphezvagytblzathozegyhosszabbszvegetszeretnnkmagyarzatknt

megadni hasznljuk a LONGDESC attribtumot. Ez grafikonok rtelmezsnek

megknnytsrekivlanalkalmas.

25

Pl.:

Aleiras.txttartalma:

Azvelsfelbenabevtelazelzvhezkpest30%kalvisszaesettdeazvkzepefel

mr elrteaheti 230ezerForintot. Azvvge igen jl sikerlt azelz vekrendes

tlaghozkpest.Avllalkozsplusz25%osprofitratettszert.

11.4AzSVGtechnolgia

AW3Cegyj,ltksnemltkltalis,kitnenhasznlhatszabvnytdolgozottki.Az

SVG[17](ScalableVectorGraphics)kpekmagyarulNagythat VektorGrafikaolyan

kpformtum mely nagy segtsg lehet a gyengn ltk szmra. gy az SVG kpek

alkalmazsvalminsgromlsnlklnagythatjaafelhasznlazoldalonlvkpeket.

(3.bra)

EredetiJPGkp EredetiSVGkp

NagytottJPGkp NagytottSVGkp

3.braAzSVGtechnolgiaelnye

26

Br ez mg viszonylag j technika, remlhetleg hamar el fog terjedni s az jabb

bngszkiskpeseklesznekr,hogyalkalmazzkeztazjfajtamegoldst.

11.5Tblzatok

Tblzatotnehasznljukmintformzelemet.Helyettehasznljukinkbbataget

s a stluslappal formzva alaktsuk oldalainkat. gy a nem ltk is knnyebben

rtelmezhetikaszvegeket.

TblzatoknlhasznljukaCAPTIONelemetmelybeatblzatcmtlehetberni.

Hasznos lehet ha a SUMMARY attribtumban megadjuk a tblzat sszefoglal rvid

sszegzst,hogymirlkzlinformcikat.gyakikfelolvasthasznlnakelretudjk

mifogkvetkeznishanincsszksgkrhamartugorhatjk.

PldaaSUMMARYsaCAPTIONhasznlatra:

Tblzatoknl inkbb a vzszintes, mint a fggleges beosztst javasoljuk. A hangos

bngszk s a felolvasknagy rsze ugyanis ltalban balrl jobbra, sor folytonosan

olvassasrtelmeziakpernynlvszveget.Hafgglegesbeosztssalksztjkela

tblzatot,anemltfelhasznlknakigencsakignybevesziamemrijtazadatoks

oszlopneveksszeprostsa.

Tehtafgglegesbeosztshelyett(3.tblzat),

Fgglegeselrendezs 3.tblzat

nv SkodaFabia Skoda Fabia

Classic

Skoda Fabia

Ambiente

Skoda Fabia

Elegance

r 1.999.000Ft 2.659.000Ft 2.909.000Ft 3.184.000Ft

27

inkbbgyalaktsukkitblzatainkat(4.tblzat).

Vzszinteselrendezs 4.tbl zat

nv r

SkodaFabia 1.999.000Ft

SkodaFabiaClassic 2.659.000Ft

SkodaFabiaAmbiente 2.909.000Ft

SkodaFabiaElegance 3.184.000Ft

Haatblzatbanazoszlopokneveit alkalmazsvaladjukmegvalszn,hogyaz

rtelmezsnlnemleszsemmiflefennakads.

11.6rlapok

Ittalegfontosabb,hogymindenbevitelimeztlssunkelaLABELattribtummal,hogya

nemltkisknnyednrtelmezhessk,knnyebbentudjkkitlteniezeketazrlapokat.

pl.:

Haa SUBMIT vagy INPUT funkcikhozkpeket rendelnk, akkor is, mindenesetben

adjukmegazALTattribtumrtkt( mehet ,e lkld,... ).

Pl.:

28

12.sszefoglals

Legfontosabb teend a kzvlemny s a szakma megfelel tjkoztatsa, s a

webdesignnalfoglalkozkkrbenaW3Cszabvnyokmegismertetse.Habrvalamifajta

elrelpsmrtrtntahivatalossnkormnyzatilapokkrben,nemszabadhagyni,

hogyilletktelenekshozznemrtk,rossztechnikkatalkalmazvategyklehetetlenna

knyelmesszrfzslehetsgt.Ezrthtaszakmafelelssgeis,hogyeztazszlviv

szereptmegtartvatmutatstadjonazutnukkvetkezgenerciknak.

Az ismeret s tudstads az egyik leghatkonyabb ilyen tmutats. Az eladsok s

eladssorozatok kzt is egyre gyakrabban akad a tmval foglalkoz hozzrt, aki

szemlletessmeggyzpldkkalillusztrlvasegtbemutatniatmafontoskrdseits

megoldsi lehetsgeit. Ezek az eladsok is nagyban hozzjrulnak a webergonmia

jelentsgnekminlszlesebbkrbenvalterjesztshez.

Bradolgozatterjedelmenemengedtemegarszleteskifejtst,mgissikerltazalapvet

fontoskrdsekmegfogalmazsas tisztzsa.Azjtechnolgikmegismertetservn

tfog kpet nyjtott a lehetsgekrl a tma irnt rdekldknek, ami kiindulpontot

jelenthetazergonomikustervezsjobbmegismershez.Habregyestechnikkrszletes

ismertetsre nem volt lehetsgnk, remljk hasznos tmutats lesz lapjaink

tervezsnl.

29

Irodalomjegyzk

[1]JacobNielsen:Webdesign

TypotexKft.elektronikusKiad,Dabasjegyzetnyomda,2002

[2]WeblaborWeblapokergonmija

http://weblabor.hu/cikkek/ergonomiafelmeres(2005.04.27)

[3]RmrMikls:HonlapokformzsilehetsgeinekbvtseCSSnyelvsegtsgvel

http://www.bibl.uszeged.hu/inf/szakdoli/2004/rimar/css_szakdolgozat.pdf(2005.04.29)

[4]W3C.orgCascadingStyleSheets2.0

http://www.w3.org/TR/RECCSS2/(2005.03.14)

[5]WeblaborWeblapokergonmija

http://weblabor.hu/misc/fs/ergonomia1dia.gif(2005.04.27)

[6]Dickelman:GERSHOMRIDESAGAIN.

Guidelinesforcreatingwebsitesintendedforusebyhumanbeings.CBTSolutions

Magazine,Mrcius/prilis,1997

[7]PszichologiaOnlineWebdesignalapokII.

http://www.pszichologia.hu/cikk/cikk.phtml?id=39(2005.05.02)

[8]WorldWideWebConsortium

http://www.w3c.org/

[9]WorldWideWebConsortiumWebestartalmakhozzfrsiirnyelvei2.0

http://w3c.weblabor.hu/TR/WCAG20/(2005.04.17)

[10]WeblaborAkadlymentesweboldalakI.

http://weblabor.hu/cikkek/akadalymentesweb1(2005.05.10)

[11]Paramdia,azelrhetmdirt

http://www.paramedia.hu/

[12]LynxKarakteresbngsz

http://lynx.browser.org/

[13]TheW3CMarkupValidationService

http://validator.w3.org/

30

[14]Paramdia,azelrhetmdirtGyorsteszt

http://www.paramedia.hu/gyorsteszt.html(2005.04.21)

[15]Paramdia,azelrhetmdirtAjnlsaink

http://www.paramedia.hu/ajanlasaink.html(2005.03.15)

[16]VischeckDaltonizeEngine

http://vischeck.homeip.net/daltonizeEngine/daltonize/runDaltonize.php(2005.05.16)

[17]W3c.orgScalableVectorGraphics(SVG)1.1Specification

http://www.w3.org/TR/SVG/(2005.05.16)

31

CDmellklettartalma:

ECMRecordsknyvtr: tartalmazzaazECMRecordsoldalnakrgi

sjdesignjt.

NemzetiFilharmonikusokknyvtr: tartalmazzaNemzetiFilharmonikusok

oldalnakrgisjdesignjt.

FornettiKnyvtr: tartalmazzaaFornettihonlapjnakrgisj

designjt.

Kpekknyvtr: tartalmazzaazsszes,mellkletbenis

megtekinthet,kpetJPGformtumban.

32

1.mellklet

33

bra1,azeredetioldal

2.mellklet

34

35

3.mellklet

36

37

4.mellklet

38

39

40