maison › Éducation › Quels sont les principaux éléments d’une page Web ? Éléments de base des pages Web. Structure du langage HTML : balises

Quels sont les principaux éléments d’une page Web ? Éléments de base des pages Web. Structure du langage HTML : balises

Toute page Web contient un certain ensemble d'éléments standard qui sont des composants obligatoires de chaque ressource Réseaux Internet. La disposition de ces éléments, la conception de leur position relative est l'une des tâches principales du webmaster.

Le premier élément d'une page Web est son titre. Il peut être rédigé sous forme de texte ou de graphique, mais dans les deux cas, il doit être situé en haut du document. Parfois combiné avec le titre Menu de sélection de l'encodage cyrillique Et boutons pour passer de la version russe à la version anglaise du site, si cette ressource Web est présentée en deux langues.

En règle générale, directement dans le sous-titre du document se trouve l'espace alloué pour le placement bannière publicitaire. L'inclusion d'une bannière en haut de la page Web est dans la plupart des cas une condition préalable à l'enregistrement d'un site dans les services d'échange de bannières - des systèmes qui annoncent la ressource que vous avez créée en échange de l'affichage de publicités d'autres participants au réseau d'échange de bannières sur les pages de votre site.

La partie principale du document est occupée par ce qu'on appelle champ de texte- la zone où se situe le contenu sémantique de la page : contenu texte d'information et illustrations. Les éléments répertoriés sont également appelés « contenu » (de l'anglais, content). L'emplacement du champ de texte dépend principalement de la manière dont le concepteur Web placera les éléments restants du document.

Le prochain composant obligatoire de la page Web est éléments de navigation- des hyperliens reliant ce document avec d'autres sections du site. Les éléments de navigation peuvent être constitués sous la forme de chaînes de texte, d'objets graphiques, c'est-à-dire de boutons ou de composants actifs.

éléments, par exemple des applets Java. Ces derniers sont les mêmes boutons qui, contrairement à leurs sœurs « traditionnelles », peuvent répondre aux mouvements de la souris, en effectuant quelques actions simples lorsque le curseur passe sur eux (allumer le rétroéclairage, créer un effet « clic », changer de forme, etc. ). d.).

L'approche la plus répandue consiste à placer les éléments de navigation sur le bord gauche de la page.

Il est d'usage de publier en bas du document informations sur les développeurs du site et leur adresse E-mail , grâce à laquelle les visiteurs de la ressource peuvent envoyer leurs réponses, suggestions et souhaits aux propriétaires de la page.

Si la page Web est un document de départ, en bas de celle-ci est également placé compteur de coups- un petit script qui appelle un script CGI installé sur le serveur, qui enregistre chaque ouverture d'un document dans le navigateur de l'utilisateur, modifiant la valeur de l'indicateur du compteur. Il n'est pas recommandé de placer plusieurs compteurs différents sur une même page.

Les sites Web diffèrent les uns des autres :

Tailles (de plusieurs pages aux serveurs Web avec des gigaoctets d'informations).

Conception (gamme de couleurs générale, format de police, illustrations utilisées, etc.).

Structure (système de liens, connexion des pages au sein du site, ainsi que connexion avec d'autres sites).

Dans le même temps, toute page Web est construite à partir d'éléments standards, qui peuvent être divisés en deux groupes :

Éléments passifs (illustratifs)

animation

Éléments actifs

champs de saisie
commutateurs

Cadrescadre- frame, framework) est une technologie qui permet de diviser une page web en plusieurs parties (fenêtres) et permet de modifier le contenu de chaque partie indépendamment des autres parties. Ainsi, la table des matières d'un site est souvent placée dans un cadre immuable, et le contenu dans un autre.

Thème 9. Communication électronique. Adresses mail

Le courrier électronique (E-mail) est le principal type de service réseau. La messagerie est effectuée via le système serveurs de messagerie.

Pour chaque utilisateur du serveur de messagerie, il existe un Boites aux lettres est l'emplacement sur le disque du serveur où les messages électroniques sont stockés. A l'issue de la procédure d'enregistrement de l'adresse email, l'utilisateur reçoit un identifiant et un mot de passe, qui lui seront ensuite utilisés pour accéder à sa boîte mail. Le nom (login) de la boîte mail est donné par l'utilisateur lui-même. Le serveur s'assure uniquement que le nom est unique.

Une adresse email se compose de deux parties, séparées par le signe @ (ce signe est communément appelé « chien ») :

Nom boites aux lettres utilisateur (sélectionné par lui, dans notre exemple - Irina).

Nom de domaine serveur de courrier(dans notre exemple - mail. ru) .

Par exemple, Irina@ mail. ru

Les adresses e-mail sont écrites sans espaces en utilisant des lettres latines, des chiffres ou des symboles (utilisation autorisée).

Sur la base des données d’enregistrement de l’adresse e-mail sur l’ordinateur de l’utilisateur, unCompte , qui contient les informations nécessaires pour contacter le service de messagerie, y compris le nom d'utilisateur (se connecter) et mot de passe.

Sur la base de cet enregistrement, le serveur identifie l'utilisateur.

Planification de la sécurité Internet pour la protection

La cible d'une attaque peut être à la fois des informations transmises sur le réseau et un ordinateur connecté à Internet.

Il est impossible de garantir une sécurité totale lors de l’utilisation d’Internet, mais une planification préalable de la sécurité réduit considérablement la probabilité d’attaques. Internet étant en constante évolution, de nouveaux problèmes de sécurité surviennent constamment. La mise à jour des outils de sécurité est donc un élément essentiel pour maintenir la santé de votre système informatique.

Lignes de défense :

Bloquer d'éventuelles attaques :

Utilisez des logiciels et du matériel spéciaux qui bloquent les données dangereuses et inutiles.

Utilisez l'authentification et le cryptage.

Réduire les sources de risque :

Utilisez uniquement les services Internet dont vous avez réellement besoin.

Utilisez un logiciel sans bug et maintenez-le à jour régulièrement.

Configurez correctement le logiciel (moins il est autorisé, plus la sécurité est élevée).

Ne publiez pas d’informations vous concernant en ligne.

Limitez l'accès aux ressources de votre ordinateur.

Se préparer à se remettre d'une attaque :

Créer et mettre à jour régulièrement sauvegardes données de travail.

Ayez toujours des kits de distribution de logiciels à portée de main.

Authentification (à partir derpécologiqueauthentiques- authenticité) – confirmation de l'authenticité.

Nous avons tous lu un grand nombre d'articles sur la façon de sélectionner des mots-clés et d'en dresser correctement une liste, ainsi que sur la façon d'utiliser des mots-clés pour créer un site Web pertinent pour certaines requêtes de recherche. Examinons de plus près le placement de mots-clés sur les pages Web.

Savoir où et comment placer des mots-clés sur une page Web peut faire ou défaire votre entreprise de référencement.

Il y a 5 éléments sur chaque page Web où vous devez placer vos mots-clés :

Titre de la page (balise de titre)
Mots-clés de la page (mots-clés de balise Meta)
Description de la page (balise Meta description)
Texte alternatif pour les images (balise Alt)
Contenu de la page Web (balise body)

De tous les éléments ci-dessus d’une page Web, le plus important est le contenu de la page (point 5). Plus d’informations à ce sujet ci-dessous.

Pour l’instant, regardons cette liste dans l’ordre.

Élément n°1. Titre de la page (balise de titre)

Tout d’abord, regardons le titre de la page (balise title). Cet élément est le premier et le plus important de tous les autres éléments du bloc d’en-tête de toute page Web.

Vous pouvez voir le titre de la page Web dans la toute première ligne du navigateur Internet. Pour le vérifier, lancez n'importe quel navigateur, par exemple, Internet Explorer, Opéra ou Mozilla Firefox, accédez à n'importe quel site Web et comparez le contenu de la balise de titre avec la toute première ligne de ces navigateurs. Les moteurs de recherche utilisent cette balise à leurs propres fins : pour collecter des informations sur le site et déterminer son sujet, et également pour l'utiliser dans les résultats des moteurs de recherche (SERP) comme nom de page Web.

Souviens-toi! Le titre d'une page Web est son brève description.

En plus de ce qui précède, le contenu de la balise de titre est utilisé comme titre de la page Web lors de son ajout aux Favoris du navigateur Internet.

Élément n°2. Mots-clés de la page (mots-clés de balise Meta)

Parlons maintenant des mots-clés et des balises méta de description. Il y a quelque temps, la balise Meta keywords était utilisée lors de l’ajout d’un site à l’index des moteurs de recherche. Mais ces temps sont révolus. Désormais, les moteurs de recherche ignorent simplement cette balise, car... il existe des cas fréquents d'utilisation à des fins « sales ». Certains moteurs de recherche prêtent attention à cette balise pour déterminer le sujet du site.

De tout ce qui a été dit, il s'ensuit que cette balise n'est pas obligatoire, mais vous pouvez l'utiliser uniquement aux fins prévues.

Les mots clés doivent être séparés par une virgule. Placez les mots-clés les plus importants en début de liste, puis par ordre décroissant d’importance. Les moteurs de recherche ne prêtent plus attention à la casse dans laquelle les mots-clés sont saisis, donc désormais tous les mots-clés peuvent être saisis en minuscules.

Élément n°3. Description de la page (balise Meta description)

La balise méta description est un autre élément du site dans lequel des mots-clés doivent être placés. Les moteurs de recherche analysent cette balise pour détecter la présence de mots-clés et comparent également son contenu avec le contenu du site lui-même (le contenu de la balise body). Une circonstance très importante est que les moteurs de recherche utilisent le contenu de la balise de description comme description de la page Web dans les résultats de recherche (SERP).

Cette balise doit contenir une brève description de la page Web, mais pas plus de 50 mots.

Élément n°4. Texte alternatif pour les images (balise Alt)

Les balises Alt sont une description textuelle du contenu de l'image, c'est-à-dire si, pour une raison quelconque, l'image ne se charge pas et que cette image contient un texte alternatif, alors ce texte sera affiché à la place de l'image.

Si l'image est chargée et qu'elle contient également un texte alternatif, nous pouvons le voir lorsque nous passons la souris sur l'image. Les balises Alt sont utilisées pour la commodité des utilisateurs Internet qui, pour une raison quelconque, n'affichent pas de graphiques.

De nombreux moteurs de recherche indexent le contenu de cette balise, elle peut donc contenir des mots-clés. N'oubliez pas que le texte alternatif doit correspondre à l'image, la décrire et être son équivalent textuel. N'utilisez pas la balise alt avec des images de balisage telles que des lignes de séparation, des puces...

Élément n°5. Contenu de la page Web (balise body)

Nous arrivons donc enfin à l'élément le plus basique du site : la balise body, l'élément dont le contenu intéresse le plus les internautes. Les principaux moteurs de recherche ne vous donneront plus une 1ère position dans les SERP simplement parce qu'il y a plusieurs répétitions d'un mot-clé sur la page de votre site Web. Seuls les éléments les plus pertinents pour un domaine spécifique requête de recherche page web.

Pour y parvenir, vous devez implémenter les mots-clés sélectionnés dans le code des pages Web, en observant la fréquence de leur répétition. Procédez comme suit : pour chaque page spécifique, sélectionnez 1 à 2 mots-clés et optimisez la page correspondante pour eux.

Imaginez que vous préparez une présentation de votre nouveau site Web ou produit. Ensuite, par exemple, vos diapositives Présentations PowerPoint– les paragraphes. Ils doivent être courts et clairs. Tout comme dans une présentation PowerPoint, vous pouvez utiliser des listes pour répertorier les avantages de votre site ou de votre produit, en vous concentrant à chaque fois sur des mots-clés sélectionnés.

Implémentez les mots-clés sélectionnés dans les 5 éléments ci-dessus de chaque page Web et vous améliorerez considérablement votre classement et vos résultats actuels.

Langage HTML

Les pages Web peuvent exister dans n'importe quel format, mais le standard est Hyper Text Markup Language, un langage de balisage hypertexte conçu pour créer un texte enrichi riche en images, sons, animations, clips vidéo et liens hypertextes vers d'autres documents dispersés dans l'espace Web, et situé sur le même serveur ou faisant partie intégrante du même projet Web.

Vous pouvez travailler sur le Web sans connaissances Langage HTML, puisque les textes HTML peuvent être créés par divers éditeurs et convertisseurs spéciaux. Mais écrire directement en HTML n’est pas difficile. Cela peut même être plus facile que d'apprendre un éditeur ou un convertisseur HTML, dont les capacités sont souvent limitées, boguées ou qui produisent un code HTML médiocre qui ne fonctionne pas sur toutes les plates-formes.

Le langage HTML se décline en plusieurs versions et continue d'évoluer, mais les constructions HTML continueront probablement à être utilisées à l'avenir. En apprenant le HTML et en le comprenant plus profondément, en créant un document au début de l'apprentissage du HTML et en l'étendant autant que possible, nous sommes capables de créer des pages Web pouvant être consultées par de nombreuses personnes. Navigateurs Web, aujourd'hui comme demain. Cela n'exclut pas la possibilité d'utiliser d'autres méthodes, comme la méthode avancée fournie par Netscape Navigator, Internet Explorer ou certains autres programmes.

Travailler avec HTML est un moyen d'apprendre les tenants et les aboutissants de la création de documents dans un langage standardisé, en utilisant des extensions uniquement lorsque cela est vraiment nécessaire.

HTML a été ratifié par le World Wide Web Consortium. Il est pris en charge par plusieurs navigateurs largement utilisés et sera probablement la base de presque tout. logiciel, qui est lié au Web.

Principes de création d'une page Web, éléments de base d'une page Web

Pour créer des pages Web, un langage spécial appelé HTML (HyperText Markup Language) est utilisé. Ce langage définit un ensemble de commandes spéciales appelées balises qui sont utilisées pour spécifier le formatage ou le but de certains éléments d'une page Web. Des balises spéciales sont utilisées pour le placement sur les pages Web images graphiques, des clips audio et vidéo et d'autres objets dits intégrés.

Les pages Web sont ordinaires fichiers texte créé en Bloc-notes standard ou un éditeur de texte simple similaire. Et ils contiennent du texte, le même texte que vous souhaitez mettre sur les pages, mais balisé d'une manière spéciale. Pour divers programmes Pour que les navigateurs Web affichent correctement la même page Web, le HTML doit être standardisé.

En pratique, le standard HTML est fortement influencé par la présence de balises proposées et supportées par les navigateurs les plus connus, comme Microsoft Internet Explorer et Google Chrom. Ces balises dans ce moment peut ou non faire partie de la spécification HTML actuelle.

Il existe des outils d'édition spécialement conçus pour écrire du HTML. Ils font gagner du temps car ils contiennent des clés accès rapide pour effectuer des opérations répétitives, telles que la définition des paramètres initiaux des documents, des tableaux ou simplement l'application de styles au texte. Les éditeurs HTML diffèrent des outils de création WYSIWYG en ce sens qu'ils nécessitent la connaissance des règles de compilation manuelle du HTML ; les éditeurs ne font que simplifier et accélérer ce processus. En plus des balises HTML standardisées par le WWWC (balises standard), les navigateurs Web prennent en charge de nombreuses balises non standard. Ces balises ont été introduites par les développeurs d'un programme de navigateur Web particulier pour obtenir un avantage sur les concurrents. Ils espéraient que ces extensions propriétaires feraient plus tard partie du standard HTML, mais ces espoirs ne se sont jamais concrétisés. Cependant, les balises restent et sont toujours prises en charge.

Pour créer des pages Web, vous aurez besoin de n'importe quel navigateur - Internet Explorer ou Google Chrome Mozilla Firefox, ou mieux encore les deux, puisque de nombreux Éléments HTML sont affichés différemment dans différents programmes de visualisation et il est hautement souhaitable de contrôler cette différence.

De plus, vous avez besoin d'un éditeur de texte, par exemple, pour préparer des fichiers HTML, et d'un navigateur pour visualiser et contrôler ce qui a été fait.

Afin de créer une page Web, la première étape consiste à créer une structure de site. Un site Web est un serveur avec un nom unique et une adresse permanente, physiquement connecté au WWW ou virtuellement hébergé sur un autre serveur plus grand.

Après avoir créé la structure du site, exécutez éditeur de texte Mot, créer nouveau document et enregistrez-le en tant que page Web, puis procédez à la création d'une page Web. Cela rend notre travail plus facile et meilleur. Nous y déterminons le moment de la création d'un site Web, son débogage, son sujet ainsi que son remplissage.

Il existe plusieurs règles simples qui permettent de comprendre l'interface du site par le visiteur [N°10].

1. Le site ne doit pas contenir d'informations inutiles, la police doit être facile à lire. Les éléments graphiques devaient être clairs, expressifs et rapides à charger.

2. L’œil humain scanne les pages d’un site Web de haut en bas. La plus grande attention se concentre sur le côté supérieur gauche de la page. Par conséquent, en haut de la page du site, en règle générale, le plus une information important: nom de l'entreprise, logo, nom du site Internet, etc.

3. Un visiteur du site doit trouver facilement l'information qui l'intéresse et pouvoir obtenir une information complète (description en texte plus plusieurs photographies).

4. Les informations doivent être distribuées entre les groupes. Il est possible de fournir la possibilité de rechercher des produits par nom et description.

5. Le site Web doit comporter des sections d'information :

avec des informations sur l'entreprise (domaine d'activité, adresse, numéros de contact, etc.) ;

Éléments de base des pages Web :

1. En-tête / Logo (En-tête)

3. Contenu/Contenu (Champ de texte)

4. Éléments de navigation

5. Informations sur les développeurs du site

Toute page Web contient un certain ensemble éléments standards, qui sont des composants obligatoires de chaque ressource Internet.

Le premier élément d’une page Web que nous devons examiner est son titre. Le logo ou le nom du site joue pour celui-ci le même rôle qu'un panneau à l'entrée de toute institution. Internet est une autre affaire : ici, le principal moyen de déplacement est la téléportation, et j'ai donc besoin de voir ce « signe » sur chaque page.

La partie principale du document est occupée par ce qu'on appelle le champ Texte - la zone où se trouve le contenu sémantique de la page : texte d'information significatif et illustrations.

Les éléments répertoriés sont également appelés « Content » (de l'anglais, content - Content). L'emplacement du champ de texte dépend principalement de la manière dont le concepteur Web place le reste des éléments du document.

Figure 1. Exemple de contenu du site

Figure 2. Coordonnées

Avant de commencer à créer votre site Web, adoptez une approche très responsable du problème de l'organisation des éléments de la page. En général, une page Web est divisée en contenu de page, navigation et informations associées. Ces éléments sont à leur tour divisés en éléments plus petits.

De ce fait, la séquence d'actions pour développer un site Web se résume à l'algorithme simple suivant :

1. Fixer des objectifs et définir les tâches principales.

2. Créer une liste des futures sections thématiques.

3. Développement de la structure logique et physique de la ressource.

4. Réalisation d'une esquisse de conception, aménagement du site, tableau de disposition invisible.

5. Préparation des textes.

6. Préparation de matériel graphique sous forme vectorielle.

7. Exportez les dessins vectoriels au format raster.

8. Optimisation de toutes les images.

9. Création de modèles de pages Web.

10. Assemblage de pages Web et débogage du code.

11. Vérification de l'identité d'affichage des pages Web avec différentes résolutions d'écran et palettes de couleurs et différents navigateurs.

Toute page Web contient un certain ensemble d'éléments standard qui sont des composants obligatoires de chaque ressource Internet. Bien entendu, la gamme et le nombre de ces objets peuvent varier en fonction de l'orientation thématique du site, du volume de documents qui y sont publiés, ainsi que des buts et objectifs que se fixe le créateur de cette ressource. La disposition de ces éléments, la conception de leur position relative est l'une des tâches principales du webmaster.

Le premier élément d’une page Web que nous devons examiner est son titre. Il peut être rédigé sous forme de texte ou de graphique, mais dans les deux cas, il doit être situé en haut du document. Parfois, l'en-tête est combiné avec un menu permettant de sélectionner l'encodage cyrillique et des boutons permettant de passer de la version russe à la version anglaise du site, si cette ressource Web est présentée en deux langues. En règle générale, directement sous le sous-titre du document se trouve l'espace réservé au placement d'une bannière publicitaire. L'inclusion d'une bannière en haut de la page Web est dans la plupart des cas une condition préalable à l'enregistrement d'un site dans les services d'échange de bannières - des systèmes qui annoncent la ressource que vous avez créée en échange de l'affichage de publicités d'autres participants au réseau d'échange de bannières sur les pages de votre site. La taille standard des bannières publiées sous le titre du document est généralement de 468x60 pixels. Si vous utilisez une mise en page statique, la largeur de l'en-tête de votre document sera d'environ 640 pixels, principalement pour garantir que votre document s'affiche correctement sur des moniteurs de 640 x 480 pixels et pour éviter d'avoir une barre de défilement horizontale qui rend la visualisation difficile. Évidemment, la largeur de la bannière dans ce cas sera nettement inférieure à la largeur de l'en-tête, grâce à quoi, dans la partie de la page où vous envisagez d'allouer de l'espace pour la publicité, un espace inoccupé apparaîtra, qui peut être rempli avec le logo de la société propriétaire de ce site ou un lien vers le serveur qui met en œuvre l'hébergement Web. Bien entendu, un logo n'est pas toujours nécessaire : en règle générale, il n'est inclus dans une page Web que si le site a une vocation commerciale.

La partie principale du document est occupée par ce qu'on appelle le champ de texte - la zone où se trouve le contenu sémantique de la page : texte d'information significatif et illustrations. Les éléments répertoriés sont également appelés « contenu » (de l'anglais, content). L'emplacement du champ de texte dépend principalement de la manière dont le concepteur Web placera les éléments restants du document.

Le prochain composant obligatoire d'une page Web sont les éléments de navigation - des hyperliens qui relient ce document à d'autres sections du site. Les éléments de navigation peuvent être constitués sous la forme de chaînes de texte, d'objets graphiques, c'est-à-dire de boutons, ou de composants actifs, tels que des applets Java. Ces derniers sont les mêmes boutons qui, contrairement à leurs sœurs « traditionnelles », peuvent répondre aux mouvements de la souris, en effectuant quelques actions simples lorsque le curseur passe sur eux (allumer le rétroéclairage, créer un effet « clic », changer de forme, etc. ). d.). Comme je l'ai déjà mentionné dans la section « Postulats » de base du web design », les éléments de navigation doivent être positionnés de manière à ce qu'ils soient toujours « en vue », « à portée de main », c'est-à-dire afin que l'utilisateur n'ait pas pour « rembobiner » la page en arrière , si le champ de texte occupe plusieurs écrans physiques en hauteur, alors passez beaucoup de temps à chercher des liens vers d'autres sections. L'approche la plus répandue consiste à placer les éléments de navigation sur le bord gauche de la page.

Au bas du document, il est d'usage de publier des informations sur les développeurs du site et une adresse e-mail à laquelle les visiteurs de la ressource peuvent envoyer leurs réponses, suggestions et souhaits aux propriétaires de la page. Si la page Web est le document de départ, un compteur de visites est également placé en bas de celle-ci - un petit script qui appelle un script CGI installé sur le serveur, qui enregistre chaque ouverture du document dans le navigateur de l'utilisateur, modifiant la valeur de l'indicateur du compteur. Grâce à cela, le webmaster peut facilement déterminer le nombre de visiteurs qui ont visité sa page sur une période donnée. Je constate que le compteur de visites est installé uniquement sur la première page appelée lors de l'accès au site ; il n'est pas présent dans les autres documents de la ressource.

Nous avons donc examiné tous les principaux composants d'une page Web et leur emplacement possible les uns par rapport aux autres. Un exemple de mise en page de site Web contenant un ensemble complet des composants décrits ci-dessus est illustré à la Fig. 3.6. Il sélectionne les éléments de navigation à positionner le long du bord gauche du document.

Riz. 3.6. Un exemple de mise en page de page Web avec positionnement à gauche des éléments de navigation

En pratique, nous rencontrons souvent des sites Web sur lesquels le design des éléments de navigation est positionné le long du bord droit de l’écran. Dans ce cas, le champ de texte est décalé vers la gauche, les composants restants du document sont disposés selon le principe d'une esthétique maximale de leur combinaison. Un exemple d’une telle implémentation de site est présenté sur la Fig. 3.7.

Riz. 3.7. Un exemple de mise en page de page Web avec positionnement à droite des éléments de navigation

Comme le montre la figure, dans ce cas le logo est placé au même niveau que le titre du document, et la bannière publicitaire est positionnée par rapport au centre de la page. Avec cette approche, il est recommandé de conserver la conception graphique de l'en-tête, du logo et du champ publicitaire dans une seule couleur et un seul style artistique - l'asymétrie de la position de ces objets ne sera alors pas si évidente et ne « fera pas mal aux yeux ». » des partisans d’une esthétique de conception stricte et « tabulaire ».

Les éléments de navigation peuvent être placés non seulement près des bordures droite et gauche de la page, mais également en haut du document. Cette option de mise en page est la plus adaptée, à mon avis, lors de la création de pages d'accueil : dans ce cas, tous les objets de la page « s'intègrent » harmonieusement dans la largeur donnée du tableau invisible, tandis que la préparation du tableau lui-même est grandement simplifiée. Le seul inconvénient de cette approche est la nécessité de dupliquer les éléments de navigation en bas du document, puisque lors du défilement vertical sur la page, ils disparaissent derrière le bord supérieur de l'écran, et pour y accéder, l'utilisateur devra "rembobiner" l'écran, ce qui, voyez-vous, est très gênant. Un exemple de conception d'une page avec les éléments de navigation supérieurs est présenté sur la Fig. 3.8.

Riz. 3.8. Exemple de mise en page d'une page Web avec un positionnement supérieur des éléments de navigation

Bien entendu, tout ce qui a été dit dans cette section n’est pas une panacée, mais un guide d’action. J'essaie de décrire uniquement les principes généraux qui sont utilisés lors de la conception de la structure d'un site, mais la décision finale appartient toujours au webmaster. En fin de compte, quel que soit le design que vous utiliserez comme base pour votre futur projet, le résultat de votre travail sera toujours correct : sur Internet, il n'y a ni censure ni réglementation obligeant le créateur du site à l'un ou l'autre cadre strict. Un exemple de solution de conception qui n'entre dans aucune des catégories ci-dessus est la disposition dite mixte, dont un schéma approximatif est présenté sur la Fig. 3.9.

Comme le montre la figure, dans cet exemple, certains éléments de contrôle sont intégrés directement dans l'en-tête de la page - nous parlons de sur les boutons permettant de basculer entre les versions russe et anglaise du site, ainsi que sur les boutons de navigation : il peut s'agir d'un lien vers l'adresse email des créateurs de ressources, dupliquée en bas du document, et d'un lien vers l'un des des sections thématiques, par exemple une page d'actualité. Le bloc principal des éléments de navigation est positionné par rapport au bord gauche du document, mais le menu de sélection de l'encodage cyrillique est situé directement sous la bannière publicitaire en haut de la page. Le champ de texte est divisé en deux colonnes asymétriques, et celle de droite contient de brèves annonces des sections thématiques qui composent la ressource, y compris des liens vers ces sections.

Évidemment, il peut exister une grande variété d’options de « mise en page mixte » pour une page Web : des solutions concrètes dépendent du nombre de sections qui composent la ressource, du volume de texte préparé pour être placé sur le site et, enfin, de l'imagination du concepteur lui-même. Il est seulement important que apparence le site n'a suscité aucune plainte de la part des visiteurs. En fin de compte, seul vous en tant que développeur, vous et personne d'autre, avez le droit de montrer toutes vos capacités et talents et d'organiser la page à votre goût. Les créateurs de certaines pages d'accueil, sans être tourmentés par les doutes, placent le compteur d'accès dans le coin supérieur droit du document, le nom du site est écrit en petits caractères soignés et publié sous une bannière publicitaire, et pour une raison quelconque la navigation des éléments apparaissent de manière inattendue en plein milieu du bloc de texte, entre l'histoire de vous-même et les photographies du chien bien-aimé de l'auteur du projet. Il n'y a pas de camarades pour le goût et la couleur, comme on dit. Mais personnellement, cette maladie me semble incurable.