Comment structurer votre contenu pour une meilleure page d'accueil

Les dveloppeurs Web professionnels commencent leurs projets en rassemblant tout leur contenu et en fonction de leur public principal et de leur objectif, organisant ce contenu dans des sections logiques bases sur la pertinence pour le public cible. Cette phase d'architecture d'informations se termine gnralement avec la cration d'une carte de site Web.

Le site Web que vous effectuerez dans ce cours consistera probablement   seulement 5-6 sections ou pages. Puisque nous commen§ons petits, nous ne nous inquiterons pas de crer une carte de site Web, bien que vous apprendrez   les faire en DGM 2740 - Conception Web. Au lieu de cela, nous allons dpendre de notre conception de la structure de page pour crer implicitement la structure du site.

Objectifs de base pour la conception de la page

Si une carte de site Web dcrit la mani¨re dont toutes les pages d'un site sont organises, nous pouvons utiliser des cadres de fil statiques (schmatismes de page AKA) pour dcrire comment tous ces lments d'information sont organiss dans des pages Web individuelles. Un cadre de fil statique est un seul dessin d'un mod¨le de page individuel indiquant les composants d'information, en particulier la navigation, qui appara®tra sur une page sous une forme approximative afin que les composants de navigation puissent ªtre documents et valus. Le dessin peut suggrer une mise en page visuelle de base, mais ne s'engage pas   une apparence spcifique.

p> Bien que ce soit clairement pas la conception graphique (aspect de surface) des pages Web, un bon cadre de fil statique peut vous aider   planifier comment vous allez utiliser votre "immobilier   cran" pendant que vous commencez   fonctionner. sur la conception graphique. Le cadre de fil statique est comme un premier brouillon de votre conception, celui qui se concentre sur la convivialit et la mise en place d'lments majeurs.

Cadres de fil statiques et convivialit

La convivialit est proccupe par la facilit d'acc¨s   un utilisateur d'obtenir ce qu'il / elle veut d'une page Web. Du point de vue de la convivialit, gardez   l'esprit que la plupart de votre page devraient ªtre utilises pour le contenu de la plupart des pertinents pour le public prvu. De mani¨re gnrale, la simplicit gagne sur la complexit. Jetez un coup d'Å“il   Google. Cela ne veut pas dire que vous ne pouvez pas avoir beaucoup de contenu ni de ressources sur votre site, c'est simplement qu'ils devraient tous servir un but spcifique.

Utilisation Freak Jakob Nielson dit que "en r¨gle gnrale, le contenu doit reprsenter au moins la moiti de la conception d'une page et de prfrence plus pr¨s de 80%." Lors de la mise en place de contenu, il est important de toujours garder votre public cible   l'esprit.

Quelle bonne structure de page peut accomplir

Une bonne structure de page conduit   une bonne prsentation d'informations, qui aide les utilisateurs   trouver et   digrer les informations qu'ils sont vues. Une bonne mise en page peut galement transmettre un sentiment de professionnalisme. Il peut sembler que votre site ne peut pas faire ce que votre site peut faire si les gens sont ainsi retirs par l'apparence et la convivialit de votre site qu'ils ne peuvent pas ªtre l  pour ªtre l . Considrez ces avantages d'une bonne mise en page:

UL>
  • Engager les lecteurs
  • Direct Direct Reader Attention <
  • Accenseignement des informations <
  • Quelques quantits de crdibilit et de validit <
  • Indices sur la navigation et utiliser le site

    Veuillez tlcharger un navigateur moderne:

    Introduction: compare au texte brut traditionnel, une page Web a plus de structure. Les pages Web sont galement considres comme des donnes semi-structures. La structure de base d'une page Web est sa structure DOM4 (mod¨le d'objet de document). La structure DOM d'une page Web est une structure d'arborescence, o¹ chaque balise HTML de la page correspond   un nÅ“ud de l'arbre DOM. La page Web peut ªtre segmente par des balises structurelles prdfinies. Les balises utiles incluent {p} (paragraphe), {table} (table), {UL} (liste), [H1} ~ {H6} (en-tªte), etc. Ainsi, la structure DOM peut ªtre utilise pour faciliter l'extraction de l'information.

    Malheureusement, en raison de la flexibilit de la syntaxe HTML, de nombreuses pages Web n'obissent pas aux spcifications HTML W3C, ce qui peut entra®ner des erreurs dans la structure de l'arborescence DOM. De plus, l'arbre DOM a t initialement introduit pour la prsentation dans le navigateur plut´t que pour une description de la structure smantique de la page Web. Par exemple, mªme si deux nÅ“uds dans l'arborescence DOM ont le mªme parent, les deux nÅ“uds peuvent ne pas ªtre plus smantiquement lis les uns aux autres que par d'autres nÅ“uds. La figure 10. montre un exemple de page. La figure 10. (a) affiche une partie de la source HTML (nous ne conservons que le code d'attelage) et la figure 10. (b) montre l'arborescence DOM de la page. Bien que nous ayons des textes de description environnante pour chaque image, la structure de l'arborescence DOM ne parvient pas   identifier correctement les relations smantiques entre diffrentes parties.

    Dans le sens de la perception humaine, les gens affichent toujours une page Web comme des objets smantiques diffrents plut´t que comme un seul objet. Certains efforts de recherche montrent que les utilisateurs s'attendent toujours   ce que certaines parties fonctionnelles d'une page Web (e... Les liens de navigation ou une barre de publicit) apparaissent   certaines positions de la page. En fait, lorsqu'une page Web est prsente   l'utilisateur, les signaux spatiaux et visuels peuvent aider l'utilisateur   diviser inconsciemment la page Web en plusieurs parties smantiques. Par consquent, il est possible de segmenter automatiquement les pages Web en utilisant les indices spatiaux et visuels. Sur la base de cette observation, nous pouvons dvelopper des algorithmes pour extraire la structure de contenu de la page Web en fonction des informations spatiales et visuelles.

Développement et conception de sites Web

Exécutez-vous une activité de petite taille dans ou à proximité de Nottingham m'engager pour travailler avec vous pour créer un site Web GoodLooking et engageant que les clients adorent.

Développement et conception de sites Web
Nous utilisons des cookies
Nous utilisons des cookies pour vous assurer de vous donner la meilleure expérience sur notre site Web. En utilisant le site Web, vous acceptez notre utilisation de cookies.
AUTORISE LES COOKIES.