Miten rakentaa sisältöäsi parempaan kotisivulle

Professional web-kehittjt alkavat hankkeita kermll kaikki niiden sislln ja perustuen niiden ensisijaisen yleisn ja tavoitteen perusteella jrjestmll tmn sislln loogisiin osiin, jotka perustuvat kohdeyleisn merkityksellisiksi. Tm tietoarkkitehtuuri pttyy tyypillisesti verkkosivustokartan luomiseen.

Web-sivusto, jonka teet tss kurssissa, koostuu todennkisesti vain 5-6 osaa tai sivua. Koska olemme alkaneet pieni, emme aio huolehtia verkkosivustokartan luomisesta, vaikka opit tekemn nm DGM 2740 - web-suunnittelu. Sen sijaan aiomme luottaa sivurakenteen suunnitteluun implisiittisesti kartoittamaan sivuston rakennetta.

sivusuunnittelun perustavoitteet

Kun verkkosivustokartta kuvailee, miten kaikki sivuston sivut jrjestetn, voimme kytt staattisia lankakehyksi (eli-sivu-kaavioita) kuvaamaan, miten kaikki nm informaatioelementit jrjestetn yksittisiss verkkosivuilla. Staattinen lankakehys on yksittinen piirustus yksittisest sivumalleista, joka nytt informaatiokomponentit, erityisesti navigointi, joka nkyy sivulla karkeassa muodossa siten, ett navigointiosat voidaan dokumentoida ja arvioida. Piirustus voi ehdottaa perusvisuaalista ulkoasua, mutta ei sitoudu mihinkn erityiseen ulkonn.

Web-sivujen graafinen muotoilu (pintanytt ja putoaminen), hyv staattinen lanka-kehys voi auttaa sinua suunnittelemaan, miten kytt "Screen Real Estate", kun aloitat tyskentelyn graafisessa suunnittelussa. Staattinen lankakehys on kuin ensimminen muotoilu, joka keskittyy trkeimpien elementtien kytettvyyteen ja sijoittamiseen.

Staattiset lankakehykset ja kytettvyys

Kytettvyys on huolissaan siit, kuinka helppoa on, ett kyttj voi saada mit hn haluaa verkkosivulta. Kytettvyyden nkkulmasta pit mieless, ett suurin osa sivustasi tulisi kytt sisltn, joka on merkityksellist aiotulle yleislle. Yleisesti ottaen yksinkertaisuus voittaa monimutkaisuuden yli. Tutustu Googleen. Tm ei tarkoita sit, ett sinulla ei voi olla paljon sislt tai resursseja sivustollasi, se on vain, ett heidn pitisi olla erityinen tarkoitus.

Kytettvyys Freak Jakob Nielson sanoo, ett "nyrkkisntn sislln pitisi olla vhintn puolet sivun suunnittelusta ja edullisesti lhempn 80%." Sisltn on trke aina pit kohdeyleissi mieless.

Mik hyv sivurakenne voi saavuttaa

Hyv sivurakenne johtaa hyvn tietohallintoon, joka auttaa kyttji lytmn ja sulautumaan. Hyv ulkoasu voi mys vlitt ammattimaisuuden tunteen. Se voi nytt silt, ​​ett sill ei ole vli mit sivustosi voi tehd, jos ihmiset ovat niin laittoivat sivustosi ulkoasua, ett he eivt voi olla siell. Harkitse nit hytyj hyvst ulkoasusta:

  • lukijoille
  • Ohjauslukijan huomio
  • Tietojen painottaminen
  • Jotkut uskottavuuden ja ptevyyden
  • vihjeit sivuston siirtmiseen ja kyttmiseen

Lataa moderni selain:

Johdanto: Verrattuna perinteiseen tavalliseen tekstiin verkkosivulla on enemmn rakennetta. Web-sivuja pidetn mys puoliksi strukturoituina. Web-sivun perusrakenne on sen DOM4 (Document Object Model) -rakenne. Web-sivun dom-rakenne on puurakenne, jossa jokainen sivun HTML-tunniste vastaa DOM-puun solmua. Web-sivu voi olla segmentoitu eriden ennalta mritettyjen rakenteellisten tunnisteiden avulla. Hydyllisi tunnisteita ovat P (kohta), taulukko (taulukko), UL (luettelo), [H1 ~ H6 (otsikko) jne. Nin voidaan kytt tietojen uuttamisen helpottamiseksi.

Valitettavasti HTML-syntaksin joustavuuden vuoksi monet verkkosivut eivt noudata W3C HTML-spesifikaatioita, jotka voivat johtaa DOM-puurakenteen virheisiin. Lisksi DOM-puu otettiin alun perin esille esitykseen selaimessa eik kuvaus Web-sivun semanttisesta rakenteesta. Esimerkiksi vaikka kaksi solmua DOM-puulla on sama vanhempi, kaksi solmua ei ehk ole semanttisesti yhteydess toisiinsa kuin muihin solmuihin. Kuva 10. Nytt esimerkkisivulta. Kuva 10. (a) Nytt osan HTML-lhteest (pidmme vain selkranko) ja kuva 10. (b) Nytt sivun DOM-puu. Vaikka meill on kuvaus teksti jokaiselle kuvalle, Dom Tree -rakenne ei tunnista oikein eri osien vlisi semanttisia suhteita.

Ihmisen havaitsemisen tunne, ihmiset aina katsovat verkkosivua eri semanttisina esinein kuin yhten esineen. Jotkin tutkimustoimet osoittavat, ett kyttjt odottavat aina, ett tietyt verkkosivun (esim., Navigointilinkit tai mainospalkki) nkyvt tietyiss paikoissa sivulla. Itse asiassa, kun kyttjlle esitetn verkkosivu, alueelliset ja visuaaliset vihjeet voivat auttaa kyttj alitajuisesti jakavat verkkosivun useisiin semanttisiin osiin. Siksi verkkosivujen automaattisesti on mahdollista automaattisesti kyttmll spatiaalisia ja visuaalisia vihjeit. Tmn havainnon perusteella voimme kehitt algoritmeja purkamiseksi verkkosivun sislln rakenne, joka perustuu alueellisten ja visuaalisten tietojen perusteella.

Verkkosivuston kehittminen ja muotoilu

Ovatko kyttneet SmallMedium-liiketoimintaa tai lhell Nottinghamin vuokraa minua tyskentelemn kanssasi luomaan hyvntekevisyys, osallistuminen verkkosivuilla, jotka asiakkaat rakastavat.

Verkkosivuston kehittminen ja muotoilu
Käytämme evästeitä
Käytämme evästeitä varmistaaksemme, että annamme sinulle parhaan kokemuksen verkkosivuillamme. Käyttämällä verkkosivustoa hyväksyt evästeiden käytöstä.
Salli evästeet.