Com estructurar el contingut per a una pàgina web millor

Els desenvolupadors web professionals comencen a projectes mitjan§ant la recopilaci³ de tots els seus continguts i, en funci³ del seu pºblic primari i de l'objectiu, organitzant aquest contingut en seccions l²giques basades en la rellev ncia per al pºblic objectiu. Aquesta fase d'arquitectura de la informaci³ acaba normalment amb la creaci³ d'un mapa del lloc web.

El lloc web que far  en aquest curs probablement consistir  en noms 5-6 seccions o p gines. Des que estem comen§ant petits, no ens preocuparem de crear un mapa del lloc web, tot i que aprendr s a fer-ho en DGM 2740 - Disseny web. En canvi, dependrem del nostre disseny d'estructura de p gines per imprimir impl­citament l'estructura del lloc.

Objectius b sics per al disseny de p gines

Mentre que un mapa de llocs web descriu com s'organitzen totes les p gines d'un lloc, podem utilitzar marcs de filferro est tic (AKA Page Schematics) per descriure com tots aquests elements informatius s'organitzen a les p gines web individuals. Un marc de filferro est tic s un sol dibuix d'una plantilla de p gina individual que mostra els components informatius, especialment la navegaci³, que apareixer  en una p gina en forma aproximada de manera que els components de navegaci³ es puguin documentar i avaluar. El dibuix pot suggerir un disseny visual b sic, per² no es compromet a cap aspecte espec­fic.

Mentre que clarament no s clar que el disseny gr fic (superf­cie de superf­cie i caiguda) de les p gines web, un bon marc de filferro est tic pot ajudar-vos a planificar com utilitzareu la vostra "pantalla immobili ria" mentre comenceu a treballar en el disseny gr fic. El marc de filferro est tic s com un primer esborrany del vostre disseny, que se centra en la usabilitat i la col·locaci³ dels elements principals.

marcs i usabilitat de filferro est tic

Usabilitat es preocupa pel f cil que s que un usuari obtingui el que vol des d'una p gina web. Des d'un punt de vista d'usabilitat, tingueu en compte que la majoria de la vostra p gina s'hauria d'utilitzar per al contingut que tingui ms rellev ncia per al pºblic previst. En termes generals, la senzillesa guanya la complexitat. Mireu a Google. Aix² no vol dir que no pugueu tenir un munt de contingut o recursos al vostre lloc, noms haurien de servir un prop²sit espec­fic.

Usabilitat Freak Jakob Nielson diu que "com a regla general, el contingut hauria de tenir en compte almenys la meitat del disseny d'una p gina i, preferiblement, ms propera al 80%". En establir contingut, s important mantenir en compte el vostre pºblic objectiu.

Quina bona estructura de la p gina pot aconseguir

Una estructura de bona p gina condueix a una bona distribuci³ d'informaci³, que ajuda els usuaris a trobar i digerir la informaci³ que han vingut. El bon disseny tamb pot transmetre un sentit de professionalitat. Pot semblar que no importa el que pugui fer el vostre lloc si la gent est  tan destacada per la mirada i la sensaci³ del vostre lloc que no poden estar all . Penseu en aquests beneficis d'un bon disseny:

  • involucrar els lectors
  • Direcci³ de lectors Atenci³
  • ¨mfasi de la informaci³
  • alguna quantitat de credibilitat i validesa
  • pistes sobre com navegar i utilitzar el lloc

Ompliu el pas de seguretat continuar

Descarregueu un navegador modern:

Introducci³: en comparaci³ amb el text normal tradicional, una p gina web t ms estructura. Les p gines web tamb es consideren dades semiestructurades. L'estructura b sica d'una p gina web s la seva estructura DOM4 (model d'objecte de document). L'estructura DOM d'una p gina web s una estructura d'arbre, on cada etiqueta HTML de la p gina correspon a un node de l'arbre DOM. La p gina web es pot segmentar per algunes etiquetes estructurals predefinides. Les etiquetes ºtils inclouen {p} (par graf), {taula} (taula), {ul} (llista), [H1} ~ {H6} (encap§alament), etc. Per tant, es pot utilitzar l'estructura DOM per facilitar l'extracci³ d'informaci³.

Per desgr cia, a causa de la flexibilitat de la sintaxi HTML, moltes p gines web no obeeixen les especificacions HTML W3C, que poden provocar errors a l'estructura de l'arbre DOM. A ms, l'arbre DOM es va introduir inicialment per a la presentaci³ en el navegador en lloc de la descripci³ de l'estructura sem ntica de la p gina web. Per exemple, tot i que dos nodes a l'arbre DOM tenen el mateix pare, els dos nodes poden no estar ms relacionats sem nticament entre ells que a altres nodes. Figura 10. Mostra una p gina d'exemple. Figura 10. (a) mostra part de la font HTML (noms mantenim el codi de la columna vertebral), i la figura 10. (b) mostra l'arbre DOM de la p gina. Tot i que tenim el text de la descripci³ al voltant de cada imatge, l'estructura de l'arbre Dom no identifica correctament les relacions sem ntiques entre diferents parts.

En el sentit de la percepci³ humana, la gent sempre veu una p gina web com a objectes sem ntics diferents en lloc d'un sol objecte. Alguns esfor§os de recerca mostren que els usuaris sempre esperen que certes parts funcionals d'una p gina web (e.., Enlla§os de navegaci³ o una barra de publicitat) apareixen en determinades posicions a la p gina. En realitat, quan es presenta una p gina web a l'usuari, els indicis espacials i visuals poden ajudar l'usuari inconscientment a dividir la p gina web en diverses parts sem ntiques. Per tant, s possible segmentar autom ticament les p gines web utilitzant els indicis espacials i visuals. Basant-nos en aquesta observaci³, podem desenvolupar algorismes per extreure l'estructura de contingut de la p gina web basada en informaci³ espacial i visual.

Desenvolupament i disseny del lloc web

Esteu executant un negoci de petites metàl·lic en o prop de Nottingham Contractar-me per treballar amb vosaltres per crear una bona visió, involucrar el lloc web que els clients estimen.

Desenvolupament i disseny del lloc web
Nou itilize bonbon
Við notum smákökur til að tryggja að við gefum þér bestu reynslu á heimasíðu okkar. Með því að nota vefsíðuna samþykkir þú notkun okkar á smákökum.
Permitir cookies