Profesionalni web programeri zapoÄinju projekte prikupljanjem sav njihov sadržaj i na osnovu svoje primarne publike i cilja koji su organizirali taj sadržaj u logiÄke odjeljenja na temelju važnosti za ciljnu publiku. Ova faza arhitekture informacija obiÄno zavrÅ¡ava stvaranjem mape web stranice.
Web stranica koju ćete napraviti na ovom teÄaju vjerovatno će se sastojati od samo 5-6 odjeljaka ili stranica. Budući da polazimo na malu, nećemo se brinuti zbog stvaranja mape web stranice, iako ćete nauÄiti kako napraviti ove u DGM 2740 - web dizajnu. Umjesto toga, oslanjat ćemo se na naÅ¡ dizajn strukture stranice da implicitno mapiramo strukturu web mjesta.
Dok se web stranica opisuje kako se organiziraju sve stranice na web mjestu, možemo koristiti statiÄke žiÄane okvire (shema aka stranica) kako bi se opisali kako su svi ovi informativni elementi organizirani na pojedinim web stranicama. StatiÄki žiÄani okvir je jedan crtež pojedinaÄnog predloÅ¡ka stranice koji prikazuje informativne komponente, posebno navigaciju koja će se pojaviti na stranici u grubom obliku tako da se navigacijske komponente mogu dokumentirati i procijeniti. Crtež može sugerirati osnovni vizuelni izgled, ali ne poÄini se na bilo koji odreÄ‘eni izgled.
Dok jasno nije grafiÄki dizajn (povrÅ¡inski izgled i pao i pao) web stranica, dobar statiÄki žiÄni okvir može vam pomoći da planirate kako ćete koristiti "Nekretnine zaslona", kao Å¡to zapoÄnete s radom na grafiÄkom dizajnu. StatiÄki žiÄni okvir je poput prvog nacrta vaÅ¡eg dizajna, koji se fokusira na upotrebljivost i postavljanje velikih elemenata.
Upotrebljivost je zabrinuta koliko je jednostavno za korisnika da dobijem ono Å¡to želi sa web stranice. Sa stajaliÅ¡ta upotrebljivosti imajte na umu da bi se većina vaÅ¡e stranice trebala koristiti za sadržaj koji je od najvažnije za namjeravana publika. Generalno gledano, jednostavnost pobjeÄ‘uje preko složenosti. Pogledajte Google. Ovo ne znaÄi da ne možete imati puno sadržaja ili resursa na svojoj web stranici, samo bi trebali služiti odreÄ‘enoj svrsi.
Upotrebljivost Jakob Nielson kaže da "u pravilu, sadržaj treba raÄunati najmanje polovine dizajna stranice i po mogućnosti bliže 80%." Prilikom postavljanja sadržaja važno je uvijek imati na umu svoju ciljnu publiku.
Dobra struktura stranica dovodi do dobrih rasporeda informacija, Å¡to vam pomaže korisnicima da pronaÄ‘u i probave informacije koje su doÅ¡li. Dobar izgled takoÄ‘e može prenijeti osjećaj profesionalnosti. Možda se Äini da nije važno Å¡ta vaÅ¡a web lokacija može uÄiniti ako su ljudi tako odloženi izgledom i osjećajem vaÅ¡e web lokacije da ne mogu biti tamo. Razmotrite ove prednosti dobrog izgleda:
Uvod: U usporedbi s tradicionalnim obiÄnim tekstom, web stranica ima viÅ¡e strukture. Web stranice se takoÄ‘er smatraju polustrukturiranim podacima. Osnovna struktura web stranice je njegov dom4 (model dokumenta objekta). Dom struktura web stranice je struktura drveća, gdje svaka HTML oznaka na stranici odgovara Ävoru u stablu Doma. Web stranica se može segmentirati nekim unaprijed definiranim strukturnim oznakama. Korisne oznake ukljuÄuju P (stav), tablice (tablicu), ul (lista), [H1 ~ H6 (naslov), itd. Dakle, struktura dom može se koristiti za olakÅ¡avanje vaÄ‘enja informacija.
Nažalost, zbog fleksibilnosti HTML sintaksa, mnoge web stranice ne poÅ¡tuju W3C HTML specifikacije, Å¡to može rezultirati pogreÅ¡kama u strukturi stabla Dom. Å taviÅ¡e, stablo Doma u poÄetku je uvedeno za prezentaciju u pretraživaÄu, a ne o opisu semantiÄke strukture web stranice. Na primjer, iako dva Ävora u dom stablu imaju isti roditelj, dva Ävora možda nisu viÅ¡e semantiÄki povezana sa jednim drugim osim drugim Ävorovima. Slika 10. Prikazuje stranicu Primjera. Slika 10. (a) Prikazuje dio HTML izvora (zadržavamo samo okosni kod) i slika 10. (b) prikazuje stablo Doma stranice. Iako imamo i okoling opis teksta za svaku sliku, struktura stabla Doma ne pravi pravilno identificirati semantiÄke odnose izmeÄ‘u razliÄitih dijelova.
U smislu ljudske percepcije, ljudi uvijek pregledavaju web stranicu kao razliÄite semantiÄke objekte, a ne kao jedan objekt. Neki istraživaÄki napori pokazuju da korisnici uvijek oÄekuju da se na odreÄ‘enim položajima na stranici pojavljuju odreÄ‘eni funkcionalni dijelovi web stranice (e.... Navigacijske veze ili oglasne trake) pojavljuju se na odreÄ‘enim položajima. Zapravo, kada se web stranica predstavi korisniku, prostorni i vizualni znakovi mogu pomoći korisniku nesvjesno podijeliti web stranicu u nekoliko semantiÄkih dijelova. Stoga je moguće automatski segmentirati web stranice pomoću prostornih i vizuelnih znakova. Na osnovu ovog zapažanja možemo razviti algoritme za izdvajanjem strukture sadržaja web stranice na temelju prostornih i vizualnih informacija.
Da li pokrećete malogmedijumski posao u ili blizu Nottinghama zaposli me da radim s vama da stvorim dobro, angažovanje web stranice koje kupac vole.