-
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