Web diseinu

Web diseinua web guneak eta web orriak planifikatu, diseinatu eta inplementatzean datza. Ez da ohiko diseinuaren aplikazio bat soilik, kontuan hartu behar baitira nabigagarritasuna, interaktibitatea, erabilgarritasuna, informazioaren arkitektura eta audioa, testua, irudia, estekak eta bideoa bezalako baliabideen elkarreragina. Diseinu on batekin eta edukien hierarkia ondo egituratuta egotearekin webaren eraginkortasuna areagotu egiten da, komunikaziorako eta datu-trukerako bide gisa. Izan ere, produktorearen eta edukien kontsumitzailearen arteko zuzeneko harremana ahalbidetzen du, ezaugarri nabarmena dena. Web-diseinuak aplikazio zabala izan du Interneteko merkataritza-sektoreetan, bereziki World Wide Webean. Halaber, askotan webgunea adierazpen plastikorako erabiltzen da. Artistek eta sortzaileek Interneteko orriak beste modu bat bihurtzen dituzte ekoizpenak eskaintzeko eta beren lana zabaltzeko beste kanal gisa erabiltzeko.

Aplikatutako web diseinua 
Web-orriak diseinatzean, funtsean, dokumentu bat egin nahi da,   beste dokumentu batzuekin informazio hiperestekatua duena, eta aurkezpen bat esleitu zaio hainbat irteera-gailutatik (ordenagailu-pantaila bat, paperean, telefono mugikor batean, etab.). Dokumentu edo web orri hauek sor daitezke:

 testu-fitxategiak sortzen HTML, PHP, Aspe, Aspx, Javascript, JSP, Python, Ruby erabiliz.
 orriak sortzeko WYSIWYG edo WYSIWYM programa erabiliz.
 zerbitzariaren aldeko programazio-lengoaiak erabiliz, web-orria sortzeko.

Etapak 
Web orriak diseinatzerakoan hiru etapa izan behar ditugu kontuan:

 Lehena, editatu nahi den informazioaren ikusizko diseinua da. Etapa honetan, testua, grafikoak, estekak beste dokumentu batzuetan eta egokitzat jotzen diren beste multimedia-objektu batzuetan banatzen dira. Ordenagailuan lan egin aurretik, garrantzitsua da paperean aurre-diseinu bat egitea. Horrek diseinuari buruzko ordena argia izatea erraztuko du.
 Bigarrena, web guneko orrien egitura eta harreman hierarkikoa. Zirriborro hori egindakoan, web orria 'idazten' hasiko da. Horregatik, eta funtsean dokumentuen arteko loturak manipulatzeko, hipertestua edo HTML markatzeko lengoaia sortu zen. Dokumentu horietan eta Wikipediako beste batzuetan azpimarratutako estekak hipertestuaren adibide dira.
 Hirugarren etapa bilatzaileetan edo SEOn kokatzea da. Horren bidez, edukiaren egitura optimizatzen da, orria bilaketa jakin batean ageriko den posizioa hobetzeko.

Oinarriak 
Web-diseinu egoki batek HTMLn onartutako elementu bakoitza nola erabili behar den jakitea eskatzen du, hau da, lengoaia hori behar bezala erabili behar da, W3C-k ezarritako estandarren barruan eta web semantikoari dagokionez. Internet Explorer bezalako web nabigatzaile batzuen permisibilidadeagatik, jatorrizko premisa hori galdu egin da.

Bestalde, web semantikoak elementuen erabilera logikoa sustatzen du, haiek sortzeko erabilitako esanahiaren arabera. Adibidez, "P" elementua erabiliko da paragrafoak markatzeko, eta "TABLE", datuak tabulatzeko. Horrek goitik behera aldatu du web-diseinua, dokumentuaren edukia eta bistaratzea erabat bereizteko apustua egin baitu. Horrela, HTML dokumentua informazioa eta CSS estilo-orriak bildu, antolatu eta egituratzeko baino ez da erabiltzen, informazio hori hedabideetan nola erakutsiko den adierazteko. Logikaz, metodologia horrek mesede handia egiten dio dokumentuaren irisgarritasunari. Badira web orri dinamikoak ere, webaren eta bisitariaren arteko interakzioa ahalbidetzen dutenak, bilatzaileak, txata, inkesten sistemak eta antzeko tresnak eskainiz. eta edukien administrazioa kontrolatzeko panel bat dute.

Irisgarritasuna 
Web diseinuak web irisgarritasunerako gutxieneko baldintza batzuk bete behar ditu, web guneak edo aplikazioak ahalik eta pertsona gehienek bisitatu ahal izateko. Irisgarritasun-helburu horiek lortzeko, W3C-ren jarraibideak garatu dira: Web 1.0 WCAG edukirako irisgarritasun-jarraibideak.

Erreferentziak

Kanpo estekak 

Informatika
Web softwarea
Diseinu komunikatiboa