Kaip struktūrizuoti savo turinį geresniam pagrindiniam puslapiui

Profesionalūs žiniatinklio kūrėjai pradeda projektus, surinkdami visą savo turinį ir, remiantis jų pagrindine auditorija ir tikslu, organizuojant tą turinį į loginius skyrius, pagrįstą tikslinei auditorijai. Ši informacija architektūros fazė paprastai baigiasi su interneto svetainės žemėlapio kūrimu.

.

Svetainė, kurią atliksite šiame kurse, greičiausiai sudarys tik 5-6 skyrius ar puslapius. Kadangi mes pradedame mažus, nesiruošiame nerimauti dėl interneto svetainės žemėlapio kūrimo, nors sužinosite, kaip tai padaryti DGM 2740 - Web dizainas. Vietoj to, mes ketiname pasikliauti mūsų puslapio struktūros dizainu, kad netiesiogiai išstumtumėte svetainės struktūrą.

.

Pagrindiniai puslapio projektavimo tikslai

Nors interneto svetainės žemėlapis apibūdina, kaip visi svetainės puslapiai yra organizuojami, galime naudoti statinius vielos rėmai (dar žinomų puslapių schemos), kad apibūdintume, kaip visi šie informaciniai elementai yra organizuojami atskirais tinklalapiais. Statinis vielos rėmas yra vienintelis atskirų puslapių šablono brėžinys, rodantis informacinius komponentus, ypač navigaciją, kuri bus rodoma puslapyje, kad navigacijos komponentai būtų dokumentuojami ir vertinami. Brėžinys gali pasiūlyti pagrindinį vizualinį išdėstymą, bet nesilaiko jokios konkrečios išvaizdos.

.

Nors aiškiai ne grafinis dizainas (paviršiaus išvaizda ir krito) tinklalapių, geras statinis vielos rėmas gali padėti jums suplanuoti, kaip jūs naudosite savo "ekrano nekilnojamąjį turtą", kaip pradėti dirbti ant grafinio dizaino. Statinis vielos rėmas yra tarsi pirmasis projekto projektas, kuriame pagrindinis dėmesys skiriamas pagrindinių elementų naudojimui ir išdėstymui.

Statiniai vielos rÄ—mai ir patogumas

Naudojimas yra susijęs su tuo, kaip lengva naudoti vartotojui gauti tai, ką jis nori iš tinklalapio. Iš naudojimo požiūriu nepamirškite, kad dauguma jūsų puslapio turėtų būti naudojama turiniui, kuris yra svarbiausias į numatomą auditoriją. Apskritai, paprastumas laimi per sudėtingumą. Pažvelkite į "Google". Tai nereiškia, kad jūs negalite turėti daug turinio ar išteklių savo svetainėje, tai tik, kad jie visi turėtų tarnauti konkrečiu tikslu.

Nauda "Freak Jakob Nielson" sako, kad "kaip nykščio taisyklė, turinys turėtų sudaryti bent pusę puslapio dizaino ir, pageidautina arčiau iki 80%." Nustačius turinį, svarbu visada išlaikyti savo tikslinę auditoriją.

.

Koks geras puslapio struktūra gali įvykdyti

Gera puslapio struktūra sukelia gerą informacijos išdėstymą, kuris padeda vartotojams rasti ir suvirškinti informaciją, kurią jie gauna. Geras išdėstymas taip pat gali perteikti profesionalumo jausmą. Tai gali atrodyti, nesvarbu, kokia jūsų svetainė gali padaryti, jei žmonės yra taip išstumti savo svetainės išvaizdą, kad jie negali būti ten. Apsvarstykite šiuos geros išdėstymo privalumus:

  • įtraukiant skaitytojus
  • Režisierius Reader DÄ—mesio
  • Informacijos apie informacijÄ…
  • Kai kurie patikimumo ir galiojimo suma
  • Clues apie tai, kaip narÅ¡yti ir naudoti svetainÄ™

Atsisiųskite modernią naršyklę:

Įvadas: Palyginti su tradiciniu paprastu tekstu, tinklalapyje yra daugiau struktūros. Interneto puslapiai taip pat laikomi pusiau struktūrizuotais duomenimis. Pagrindinė tinklalapio struktūra yra jo DOM4 (dokumento objekto modelio) struktūra. "Dom" tinklalapio struktūra yra medžių struktūra, kur kiekvienas html žyma puslapyje atitinka dozės mazgą. Tinklalapį galima segmentuoti kai kuriomis iš anksto nustatytomis struktūrinėmis žymėmis. Naudingos žymės apima P (pastraipa), lentelė (lentelė), ul (sąrašas), [H1 H6 (antraštė) ir tt Taigi DOM struktūra gali būti naudojama siekiant palengvinti informacijos gavybą.

.

Deja, dėl HTML sintaksės lankstumo, daugelis tinklalapių nesilaiko W3C HTML specifikacijų, kurios gali sukelti klaidų Dom medžio struktūrą. Be to, Dom medis iš pradžių buvo įvestas pristatymui naršyklėje, o ne tinklalapio semantinės struktūros aprašyme. Pavyzdžiui, nors du mazgai Dom medyje turi tą patį tėvą, du mazgai gali būti ne daugiau semantiškai su kitais nei kitų mazgų. 10 pav. Parodomas pavyzdys. 10 pav. (A) rodo dalį HTML šaltinio (mes laikome tik stuburo kodą) ir 10 pav. (B) rodo Dom medis puslapio. Nors mes turime aplinkinių aprašymo tekstą kiekvienam vaizdui, Dom medis struktūra nepavyksta tinkamai nustatyti semantinius santykius tarp skirtingų dalių.

.

Žmogaus suvokimo prasme žmonės visada peržiūrėti tinklalapį kaip skirtingus semantinius objektus, o ne kaip vieną objektą. Kai kurios mokslinių tyrimų pastangos rodo, kad vartotojai visada tikisi, kad tam tikros funkcinės tinklalapio dalys (e., Navigacinių nuorodų ar reklamos juostos) pasirodo tam tikrose puslapio pozicijose. Tiesą sakant, kai vartotojui pateikiamas tinklalapis, erdviniai ir vaizdo įrašai gali padėti vartotojui nesąmoningai padalinti tinklalapį į kelias semantines dalis. Todėl galima automatiškai segmentuoti tinklalapius naudojant erdvinius ir vaizdinius užuominas. Remiantis šiuo stebėjimu, mes galime sukurti algoritmus, kad galėtume išgauti tinklalapio turinio struktūrą, pagrįstą erdvine ir vaizdine informacija.

.

Svetainės kūrimas ir dizainas

Ar jūs naudojate "Nottingham" ar netoli "Nottingham", dirbdami su jumis dirbsiu, kad sukurtumėte geros, įtrauktų svetainę, kurią klientai mėgsta.

Svetainės kūrimas ir dizainas
Mes naudojame slapukus
Mes naudojame slapukus, siekiant užtikrinti, kad suteiktume jums geriausią patirtį mūsų svetainėje. Naudodami svetainę sutinkate su mūsų slapukų naudojimu.
Leiskite slapukams.