311 Shares 4564 views

Qu'est-ce qu'un site Web? Énumérer les principaux éléments de la page web

La majeure partie du contenu présenté sur Internet – une page Web. Ceci est historiquement le premier type de documents destinés à être mise en place dans l'espace de réseau virtuel, mais toujours rester pertinent et n'a pratiquement pas de formats concurrents. Quelle est la structure des pages web? Avec l'aide de quelques outils de développement web, ils sont créés?


Qu'est-ce qu'un site Web?

« Lister les principaux éléments de la page web » – nous dit l'examinateur dans la salle de classe de la science informatique. Ce que nous pouvons dire en réponse? Tout d'abord, parler de ce que la page Web en principe.

Selon généralement admis parmi définition IT-spécialistes, un document qui est conçu pour ouvrir dans un programme spécial – le navigateur et contient les données à afficher sur un écran d'ordinateur à l'aide du type approprié pour divers contenus utiles – textes, liens, graphiques, vidéo, musique et .. etc. Web site – un document texte. Les données pertinentes pour le navigateur sont des lettres, des chiffres et des caractères spéciaux qui sont utilisés comme éléments de langage de balisage – HTML. Il est avec l'aide de son créateur «explique » la page Web du navigateur comment afficher l'écran ou sur tout autre contenu.

La place et le rôle des pages Web dans la structure du site

Peut-on dire que le Web site – il est la principale composante du site Web? Cela est en partie vrai. Cependant, comme nous l'avons indiqué plus haut, la page Web – il est juste un document texte. Le site, en règle générale, sont également situés des images, des vidéos et d'autres éléments multimédias. pages Web au lieu d'une boîte, mais dans sa structure, il peut contenir des références à eux. Ainsi, une page Web peut être appelée une composante majeure du site dans l'aspect du rôle dominant dans la cartographie du contenu virtuel aux utilisateurs.

Dans de rares cas, bien sûr, le document en question est le seul élément du site – si pour une raison quelconque ne fournit pas d'affichage graphique, vidéo et d'autres éléments multimédias. En particulier, les sites premiers – lorsque le pages Web langage de balisage apparaîtra uniquement – ne comprennent pas le contenu pertinent. que du texte et des liens était devant les yeux de l'utilisateur.

Le principe de la participation de l'hypertexte

Ainsi, Web page appelée document rédigé sur le langage HTML, à travers lequel le balisage hypertexte. Mais quel est ce phénomène? Qu'est-ce qu'un hypertexte? Sans aller bien dans la théorie, nous notons que ce texte, qui d'une certaine façon permet un accès rapide à l'autre – par référence. Dans un livre typique qui est impossible – il est « le texte brut. » Pour accéder à la page souhaitée, le lecteur doit faire un peu flipping, avant de lire le contenu ou les notes. Dans le mode « hypertexte », la plus grande partie du travail se fait par ordinateur – au détriment des informations figurant dans les éléments HTML de la page.

Si professeur de science informatique nous dit: « Lister les principaux éléments de la page web », nous pouvons tout à fait démarrer correctement l'histoire sur les éléments du document pertinent, qui sont créés à l'aide des balises HTML. Par conséquent, tout d'abord considérer quelques points théoriques concernant HTML.

Structure du langage HTML: les balises

Comment le navigateur lit les données nécessaires sur la page Web du document, rédigé dans la langue de HTML? Très simple.

Les éléments de base de la langue – Tags. Ils sont dans la plupart des cas, les hommes – ont une ouverture et fermeture là. Les premiers sont indiqués par des crochets d'angle seulement. La deuxième – même, mais la barre oblique est placée devant la deuxième tranche – le symbole /. Le navigateur est en mesure de les reconnaître, et donc pas de problème affiche les pages Web en fonction des algorithmes créés par le développeur du document.

La balise d'ouverture est généralement écrit en grandes lettres couvrant – petites. Ceci est – une norme bien établie dans le milieu IT-spécialistes. Navigateur HTML reconnaît certainement-cliquez sur les lettres, mais les développeurs Web doivent toujours suivre les balises d'écriture de circuits balisés. Cela facilitera, par exemple, la révision des pages Web par d'autres spécialistes.

attributs

D'autres éléments clés de la langue HTML – attributs. Avec leur aide, le créateur du contenu de la page Web peut définir des propriétés – telles que la taille de la police, la couleur, la position par rapport à la page. La même chose vaut pour les images, la vidéo et d'autres composants multimédia. Les attributs sont écrits dans une balise d'ouverture.

contenu

Entre l'étiquette ouverture et de fermeture comporte les éléments clés d'une page Web – contenu. Il est, en fait, le même contenu à afficher à l'utilisateur sur l'écran. Cela peut être du texte, des liens, des images, des vidéos, ou d'autres éléments multimédias.

éléments de page Web

« Ainsi, la liste des éléments de base des pages Web, enfin! » – répète l'enseignant. « Avec plaisir » – nous y répondons. Quelle partie de la structure de ce type de documents? Nous sommes d'accord que nous allons examiner cet aspect dans le contexte de seulement des éléments de page Web HTML. Autrement dit, ils sont affichés dans le navigateur – ce que l'utilisateur voit à l'écran – nous sommes intéressés à un degré moindre. Le fait que les algorithmes HTML pertinents sur lesquels le programme affiche le même contenu peut être différent. Et cette fonctionnalité de HTML: Vous pouvez afficher une image désirée sur la page web de différentes façons. Ainsi, ils peuvent être à la fois équivalent en termes de créateur page Web signifie le travail, et d'assumer un autre montant de temps et d'efforts pour les mettre en œuvre.

éléments de la page Web: titre

Éléments standard des pages Web, comme si cela peut paraître surprenant, étant donné en très petites quantités. En fait, il n'y a que deux – le titre et la partie principale du document. Cependant, chacun d'entre eux peut avoir une structure assez complexe.

Quelle est la spécificité du titre? Il est situé au sommet de la page Web. Dans le code HTML, ce qui génère un en-tête, en règle générale, qui devrait « cryptage » texte juste, mais vous pouvez également placer un petit insert graphique, le cas échéant, dans l'élément correspondant. Et il est, en fait, tout ce qui peut être dit sur le titre. Il semblerait que son rôle dans la structure du document en question est négligeable. Mais ce n'est pas le cas. Les titres des pages Web sont très importantes en termes d'indexation du site dans les moteurs de recherche – Yandex, Google. Cet élément doit être pleinement est pertinent pour le contenu d'une page Web, ainsi que les spécificités des sites de niche.

Comment le titre de la page Web est enregistrée en utilisant le langage HTML? Très simple. balise d'ouverture d'abord écrite qui apparaît toujours à la tête avec crochets, puis – le contenu de l'en-tête, après – une balise de fermeture. Ils sont écrits, bien sûr, au sommet du document Web.

En-tête d'un document Web peut inclure un certain nombre d'éléments supplémentaires. Parfois, un format Web page peut exiger l'affichage du texte dans un codage particulier. Comment faire en sorte que le document Web ce critère? Très simple. Dans la structure d'en-tête du document, il doit être placé algorithmes HTML prescrivant le navigateur à utiliser un langage de codage particulier – comme le cyrillique. Les commandes appropriées sont placées dans la balise META qui, comme les autres, est l'ouverture et la fermeture.

La partie principale de la page web

La partie principale du document web est ouvert balise BODY, se ferme à l'aide de l'élément correspondant, comprenant une barre oblique. En même temps, entre les balises d'ouverture et de fermeture peut être une énorme quantité de commandes du langage de balisage hypertexte supplémentaires. Cela est dû au fait que la partie principale de celui-ci a placé un contenu de la page web utile – texte, des liens, des graphiques, des vidéos, des formes différentes à remplir.

Chacun des types respectifs de contenu a sa propre étiquette. Dans la structure de la partie principale du document Web peut être présent HTML-commande, avec laquelle la mise en forme du texte est également effectué – par exemple, donner de la couleur de police spécifique, la taille et d'autres propriétés.

Considérons alors, quelle est la spécificité de certaines balises HTML couramment utilisés. En fait, ils forment aussi les éléments de base d'une page Web.

HTML de base-tags

Ainsi, l'objet d'une étude détaillée de ce que sont les éléments de pages Web, a étudié en détail l'essence des balises HTML de base. Certains d'entre eux nous ont déjà cité plus haut – en particulier ceux avec lesquels le navigateur lit les en-têtes de page Web et détermine qui est la partie principale du document.

Tout tag commune P. Il, comme d'autres langage de balisage hypertexte éléments similaires, peut être ouvert et fermé. Cette balise permet de formater un paragraphe du document pris séparément. Vous pouvez, par exemple, pour définir une police spécifique et la couleur pour lui. Cependant, cela est réalisé en utilisant une balise facultative – POLICES. Dans ce cas, il sera placé à l'intérieur d'un paragraphe qui fait référence aux limites – il ne distribuera pas affiche-commande HTML du type de la police préférée à d'autres éléments de la page Web.

Avec balise TABLE table créée. Au moyen de ses attributs correspondants peuvent déterminer le nombre nécessaire de colonnes et de lignes qui définissent leurs frontières de spécificité largeur, la taille et la couleur du texte dans la table de police.

balise IMG est responsable de la gestion des images du navigateur. Il est également possible de placer les différents attributs qui régissent la taille de l'image, sa position sur la page.

Liens vers d'autres documents Web ou les fichiers sont spécifiés en utilisant la balise A. En règle générale, sont situés à l'intérieur des attributs qui représentent le fait que la structure d'une page Web – un lien hypertexte. Elle note également à laquelle il conduit le document, fichier ou site web.

Circulated une étiquette comme FRAMESET. Avec elle, vous pouvez diviser la page Web de l'espace en plusieurs zones – cadres. Dans chacun d'eux , vous pouvez poster des liens vers des documents Web individuels. À savoir, les cadres permettent correctement positionnés sur le même écran en même temps deux ou plusieurs pages.

L'histoire sur les éléments clés des pages Web et l'histoire ultérieure des moyens de mise en forme en utilisant le langage HTML – à peu près l'algorithme sera notre réponse à la question, nous avons demandé à l'examinateur. S'il nous a parlé, en disant: « la liste des principaux éléments de la page web », nous utilisons la méthodologie appropriée, nous avons toutes les chances de développer un thème. Autrement dit, le terme « éléments » nous pouvons comprendre les éléments clés d'une structure de documents web, ou les types de contenu – textes, images, tableaux, images, liens que le webmaster crée à l'aide d'un outil tel que le langage HTML.

Spécificité des outils de développement web

En plus de ce qui précède, nous pouvons préciser quelles balises et les attributs fournis par les normes HTML – une quantité énorme. En plus des fonds supplémentaires HTML de mise en forme des documents hypertextes peuvent être utilisés par les développeurs web. Par exemple, en utilisant le langage de script JavaScript, vous pouvez créer de pages Web dynamiques – à savoir ceux dont le contenu est constamment mis à jour (à la fois en raison des actions de l'utilisateur, et conformément aux algorithmes pré-prescrits dans les scripts).

Il sera utile d'ajouter que le développeur web peut utiliser dans leur travail des langages de programmation à part entière, comme, par exemple, Perl, PHP, Java, Python, qui deviennent encore plus larges possibilités de travailler avec des documents hypertextes. Le besoin de cela peut être dû au fait que l'application de la technologie web aujourd'hui – très différent. Les tâches qui attendent les développeurs modernes, peuvent être assez complexes. Par exemple, il est parfois nécessaire de mettre en œuvre des pages Web-traduction, écrit en russe, en anglais. Dans ce cas, les outils de développement seront les plus divers.