Kako strukturirati vsebino za boljšo domačo stran

Strokovni spletni razvijalci začenjajo projekte z zbiranjem vse njihove vsebine in na podlagi njihovega primarnega občinstva in cilja, ki organizirajo to vsebino v logične odseke, ki temeljijo na pomembnosti za ciljno občinstvo. Ta faza arhitekture informacij se običajno konča z ustvarjanjem zemljevida spletne strani.

Spletna stran, ki jo boste naredili na tem predmetu, bo verjetno sestavljena iz samo 5-6 odsekov ali strani. Ker začenjamo majhne, ​​ne bomo skrbeli za ustvarjanje zemljevida spletne strani, čeprav se boste naučili, kako jih narediti v DGM 2740 - Web Design. Namesto tega se bomo zanašali na našo obliko strukture strani, da implicitno prenašamo strukturo spletnega mesta.

Osnovni cilji za oblikovanje strani

Medtem ko na zemljevidu spletne strani opisuje, kako so organizirane vse strani na spletnem mestu, lahko uporabimo statične žične okvirje (aka stran sheme), da bi opisali, kako so vsi ti informativni elementi organizirani v posameznih spletnih straneh. Statični žični okvir je eno risba posamezne predloge strani, ki prikazuje informativne komponente, zlasti navigacijo, ki se bo pojavila na strani v grobi obliki, tako da se lahko navigacijske komponente dokumentirajo in ocenijo. Risba lahko nakazuje osnovno vizualno postavitev, vendar se ne zaveže k določenemu videzu.

Medtem ko jasno ne grafično oblikovanje (padel površinski videz) spletnih strani, vam lahko dober statični žični okvir pomaga načrtovati, kako boste uporabili svoj "zaslon nepremičnin", ko začnete delati na grafičnem oblikovanju. Statični žični okvir je kot prvi osnutek vaše zasnove, ki se osredotoča na uporabnost in namestitev glavnih elementov.

Statični žični okvirji in uporabnost

Uporabnost se ukvarja s tem, kako enostavno je, da uporabnik dobi, kar hoče s spletne strani. Z vidika uporabnosti ne pozabite, da je treba večino vaše strani uporabiti za vsebino, ki je najbolj pomembna za predvideno občinstvo. Na splošno, preprostost, je zmagal na kompleksnosti. Oglejte si Google. To ne pomeni, da na vašem spletnem mestu ne morete imeti veliko vsebin ali virov, saj bi morali vsi služiti posebnemu namenu.

uporabnost Freak Jakob Nielson pravi, da "kot pravilo palca, mora vsebina predstavljati vsaj polovico oblikovanja strani, in po možnosti bližje 80%." Pri postavitvi vsebine je pomembno, da vedno ohranite ciljno občinstvo v mislih.

Kakšno dobro strukturo strani lahko doseže

Dobra struktura strani vodi do dobre informacijske postavitve, ki pomaga uporabnikom najti in prebaviti informacije, za katere so prišli. Dobra postavitev lahko posreduje tudi občutek strokovnosti. Morda se zdi, da ni pomembno, kaj lahko vaše spletno mesto stori, če so ljudje tako odvrnjeni z videzom in občutkom vašega spletnega mesta, ki ga ne morejo stati tam. Razmislite o teh prednostih dobre postavitve:

  • Vključevanje bralcev
  • režija bralnika Pozor
  • Poudarek informacij
  • Nekaj ​​količine verodostojnosti in veljavnosti
  • Namigi o tem, kako se navigate in uporabljate spletno mesto

Prosimo, prenesite sodoben brskalnik:

Uvod: V primerjavi s tradicionalnim navadnim besedilom ima spletna stran več strukture. Spletne strani se obravnavajo tudi kot polstrukturirani podatki. Osnovna struktura spletne strani je njegov dom4 (model predmeta dokumenta). Struktura Doma spletne strani je struktura drevesa, kjer vsaka oznaka HTML na strani ustreza vozlišču v drevesu DOM. Spletna stran je lahko segmentirana z nekaj vnaprej določenimi strukturnimi oznakami. Koristne oznake vključujejo P (odstavek), tabela (tabela), ul (seznam), [H1 ~ H6, itd S tem strukturo DOM se lahko uporabi za olajšanje pridobivanja informacij.

Na žalost zaradi fleksibilnosti HTML sintakse, številne spletne strani ne upoštevajo specifikacij HTML HTML, ki lahko povzročijo napake v drevesni strukturi DOM. Poleg tega je bilo drevo DOM na začetku uvedeno za predstavitev v brskalniku in ne opisu semantične strukture spletne strani. Na primer, čeprav imata dve vozlišči na drevesu DOM isto starše, dve vozlišči pa morda ne bi bili bolj semantično povezani med seboj kot na druga vozlišča. Slika 10. Prikazuje primer. Slika 10. (a) Prikazuje del vira HTML (obdržimo samo kodo hrbtenice) in slika 10. (B) prikazuje drevo DOM na strani. Čeprav imamo besedilno besedilo okolice za vsako sliko, struktura drevesa DOM ne pravilno določi semantičnih odnosov med različnimi deli.

v smislu človeškega percepcije, ljudje vedno vidijo spletno stran kot različne semantične predmete, ne pa kot en sam predmet. Nekatera raziskovalna prizadevanja kažejo, da uporabniki vedno pričakujejo, da bodo na določenih položajih na strani na določenih položajih na strani na voljo določeni funkcionalni deli spletne strani (npr. Pravzaprav, ko je spletna stran predstavljena uporabniku, lahko prostorski in vizualni namigi pomagajo uporabniku nezavedno razdeliti spletno stran v več semantičnih delov. Zato je možno samodejno segmentirati spletne strani z uporabo prostorskih in vizualnih znakov. Na podlagi tega opazovanja lahko razvijemo algoritme, da ekstrahirate strukturo vsebine spletne strani, ki temelji na prostorskih in vizualnih informacijah.

Razvoj in oblikovanje spletnih strani

Ali ste vodenje majhnega poslovanja v ali blizu Nottingham, da bi delal z vami, da bi ustvaril dobrookoščeno, zanimivo spletno stran, ki jo stranke ljubijo.

Razvoj in oblikovanje spletnih strani
Uporabljamo piškotke
Piškotke uporabljamo, da zagotovimo najboljše izkušnje na naši spletni strani. Z uporabo spletne strani se strinjate z našo uporabo piškotkov.
Dovoli piškotke.