Hoe om jou inhoud te struktureer vir beter tuisblad

Professionele webontwikkelaars begin projekte deur al hul inhoud te versamel en op grond van hul primªre gehoor en doel te organiseer, wat die inhoud in logiese afdelings organiseer op grond van relevansie vir die teikengehoor. Hierdie inligting-argitektuurfase eindig gewoonlik met die skepping van webbladkaart.

Die webwerf wat u in hierdie kursus sal maak, sal waarskynlik bestaan ​​uit slegs 5-6 afdelings of bladsye. Aangesien ons klein begin, gaan ons nie bekommerd wees oor die skep van webwerf kaart nie, alhoewel u sal leer hoe om dit in DGM 2740 - webontwerp te maak. In plaas daarvan gaan ons staatmaak op ons ontwerp van bladsystruktuur om die struktuur van die terrein implisiet uit te skakel.

Basiese doelwitte vir bladsyontwerp

Terwyl webbladkaart beskryf hoe al die bladsye in perseel georganiseer word, kan ons statiese draadrame gebruik (aka bladsy skedule) om te beskryf hoe al hierdie inligting elemente binne individuele webbladsye georganiseer word. 'N Statiese draadraamwerk is enkele tekening van individuele bladsy sjabloon wat die informatiewe komponente, veral die navigasie, wat op rowwe vorm verskyn, toon sodat navigasie komponente gedokumenteer en geassesseer kan word. Die tekening kan basiese visuele uitleg voorstel, maar verbind nie tot enige spesifieke voorkoms nie.

Terwyl dit duidelik is, kan nie die grafiese ontwerp (oppervlak-en-geval) van die webbladsye nie, goeie statiese draadraam kan jou help om te beplan hoe jy jou "skerm Real Estate" sal gebruik as jy begin werk op die grafiese ontwerp. Die statiese draadraam is soos eerste konsep van jou ontwerp, een wat fokus op bruikbaarheid en plasing van belangrike elemente.

statiese draadrame en bruikbaarheid

bruikbaarheid is bekommerd oor hoe maklik dit is vir gebruiker om te kry wat hy / sy wil hª van webblad. Vanuit bruikbaarheid staan ​​in gedagte dat die meeste van u bladsy gebruik moet word vir inhoud wat van die grootste belang is vir die beoogde gehoor. Oor die algemeen wen eenvoud oor kompleksiteit. Kyk na Google. Dit is nie te sª dat jy nie baie inhoud of hulpbronne op jou webwerf kan hª nie, dit is net dat hulle almal spesifieke doel moet dien.

bruikbaarheid Freak Jakob Nielson sª dat "as re«l, inhoud moet verantwoordelik wees vir ten minste die helfte van bladsy se ontwerp, en verkieslik nader aan 80%." Wanneer dit inhoud uitmaak, is dit belangrik om altyd jou teikengehoor in gedagte te hou.

Watter goeie bladsy struktuur kan bereik

Goeie bladsy struktuur lei tot goeie inligtinguitleg, wat gebruikers help om die inligting wat hulle het, te vind en te verteer. Goeie uitleg kan ook gevoel van professionaliteit oordra. Dit kan lyk asof dit nie saak maak wat jou webwerf kan doen as mense so deur die voorkoms en gevoel van jou webwerf afgeskakel word dat hulle nie kan staan ​​om daar te wees nie. Oorweeg hierdie voordele van goeie uitleg:

  • Betrokke die lesers
  • Registreer leser aandag
  • Klem op inligting
  • bietjie geloofwaardigheid en geldigheid
  • leidrade oor hoe om die webwerf te navigeer en te gebruik

Laai asseblief moderne blaaier af:

Inleiding: In vergelyking met tradisionele gewone teks het webblad meer struktuur. Webblaaie word ook as semi-gestruktureerde data beskou. Die basiese struktuur van webblad is sy DOM4 (Document Object Model) struktuur. Die DOM-struktuur van webblad is boomstruktuur, waar elke HTML-tag in die bladsy ooreenstem met knoop in die DOM-boom. Die webblad kan gesegmenteer word deur sommige voorafbepaalde strukturele etikette. Nuttige etikette sluit in P (paragraaf), tabel (tabel), ul (lys), [H1 ~ H6 (H1 ~ H6 (opskrif), ens. Die domstruktuur kan dus gebruik word om inligtingontginning te vergemaklik.

Ongelukkig, as gevolg van die buigsaamheid van HTML-sintaksis, gehoorsaam baie webblaaie nie die W3C HTML-spesifikasies nie, wat kan lei tot foute in die DOM-boomstruktuur. Daarbenewens is die DOM-boom aanvanklik ingestel vir aanbieding in die blaaier eerder as die beskrywing van die semantiese struktuur van die webblad. Byvoorbeeld, alhoewel twee nodusse in die domboom dieselfde ouer het, kan die twee nodusse nie meer semanties verwant wees aan mekaar as aan ander nodusse nie. Figuur 10. Toon voorbeeldbladsy. Figuur 10. (a) toon deel van die HTML-bron (ons hou slegs die ruggraatkode) en Figuur 10. (b) toon die domboom van die bladsy. Alhoewel ons omliggende beskrywingsteks vir elke prent het, versuim die domboomstruktuur om die semantiese verhoudings tussen verskillende dele korrek te identifiseer.

In die sin van menslike persepsie sien mense altyd webblad as verskillende semantiese voorwerpe eerder as as enkele voorwerp. Sommige navorsingspogings toon dat gebruikers altyd verwag dat sekere funksionele dele van webblad (e ... navigasie skakels of advertensiebalk) by sekere posisies op die bladsy verskyn. Eintlik, wanneer webblad aan die gebruiker voorgelª word, kan die ruimtelike en visuele leidrade die gebruiker wat die webblad onbewus in verskeie semantiese dele verdeel, help. Daarom is dit moontlik om die webblaaie outomaties te segmenteer deur die ruimtelike en visuele leidrade te gebruik. Op grond van hierdie waarneming kan ons algoritmes ontwikkel om die inhoudstruktuur van die webblad op grond van ruimtelike en visuele inligting te onttrek.

Webwerf ontwikkeling en ontwerp

Bring jy kleinmedium besigheid in of naby Nottingham huur my om saam met jou te werk om goedkoopste, innemende webwerf te skep wat kliënte liefhet.

Webwerf ontwikkeling en ontwerp
Ons gebruik koekies
Ons gebruik koekies om te verseker dat ons u die beste ervaring op ons webwerf gee. Deur die webwerf te gebruik, stem jy in tot ons gebruik van koekies.
Laat koekies toe