site Internet

En tant que site Web (contraction des mots Web et page ), document Web , site Web , page Web ou côté abrégé d' un document dans le cadre d'une offre sur le World Wide Web, appelé cela avec un navigateur en spécifiant un localisateur de ressources uniforme récupéré (URL) et un serveur Web disponible peut être. Dans ce contexte, une page HTML ou un document HTML est également utilisé.

l'histoire

Le premier site Web a été écrit et publié le 13 novembre 1990 par Tim Berners-Lee sur un ordinateur NeXT - un jour après que lui et Robert Cailliau aient publié un concept révisé pour un projet hypertexte global .

construction

Les pages Web sont principalement constituées de texte structuré dans lequel des images et d'autres éléments multimédias peuvent être intégrés. La caractéristique essentielle des sites Web est qu'ils contiennent des références, dites hyperliens , vers d'autres sites Web et forment ensemble l'hypertexte. Chaque document possède au moins une adresse ( URL ) accessible dans un navigateur Web . Les pages Web peuvent avoir un contenu statique (fixe) ou dynamique. Le contenu dynamique est régénéré à chaque appel, de préférence sur la base du résultat d'une requête de base de données . De plus, le même contenu peut être présenté de différentes manières, par exemple sous la forme d'une version imprimée ou d'une version pour l'écran.

Les pages Web sont généralement chargées à partir d' Internet ou d'un intranet , mais peuvent également être stockées sur un support de stockage local , par exemple un disque dur . L'ensemble des pages web d'un Internet présence est appelée site , présence sur le web , présence sur le web , Internet présence ou familièrement comme page d' accueil .

accueil

Les pages Web sur un écran sont perçues différemment des pages de texte imprimées. Des expériences de suivi oculaire en anglais , dans lesquelles les mouvements oculaires du lecteur sont suivis, ont montré que la plupart des visiteurs d'un site Web parcourent (numérisent) le texte et numérisent d'abord le bord supérieur, puis le bord gauche de la zone de contenu avec leurs yeux. Le résultat est une zone en forme de F que la plupart des visiteurs regardent. Les visiteurs qui viennent sur un site Web via un moteur de recherche y recherchent de préférence leur terme de recherche ( mot-clé ). Ces faits entraînent des exigences particulières pour le texte Web .

Création

La création et la conception de sites Web sont résumées sous le terme de conception de sites Web . Le langage de base pour la création est le langage de balisage HTML , grâce auquel le formatage uniforme et rationnel de plusieurs sites Web peut être facilité par des langages de formatage tels que les feuilles de style en cascade (CSS). Des langages supplémentaires ont été développés, notamment pour la création de pages dynamiques, qui peuvent être utilisées pour créer des structures complexes à partir de sites Web (voir site Web ).

Sites Web dynamiques

Contrairement aux sites Web statiques, qui représentent techniquement un document HTML sur le serveur Web, les sites Web sont souvent générés de manière dynamique ou active au moment de la demande. Ceci est utile si un site Web doit contenir des informations très actuelles telles que les cours boursiers ou les prévisions météorologiques. Dans ce cas, le serveur Web exécute un programme qui a été spécifiquement développé à l'avance pour cette tâche. Il porte les données z. B. à partir de bases de données et crée le document HTML. Celui-ci est ensuite transféré du serveur Web vers le navigateur et affiché à l'utilisateur.

Un autre cas d'utilisation découle de la nécessité de réagir aux entrées de l'utilisateur, telles que B. entrer un terme de recherche dans un moteur de recherche. Le logiciel du moteur de recherche crée une liste de liens appropriés en fonction du terme de recherche et crée un site Web qui présente cette liste de manière pratique à l'utilisateur.

La capacité à générer des pages Web de manière dynamique en fonction des entrées des utilisateurs et du contenu de la base de données a rapidement fait du Web une plate-forme universelle pour de nombreux types d'applications. Les avantages résident dans l'indépendance des systèmes d'exploitation et d'autres propriétés des clients . Les seules exigences de base sont une connexion réseau au serveur et un navigateur Web.

Tout programme qui peut être exécuté sur le système serveur peut être utilisé pour générer des pages Web dynamiques. Pour simplifier la programmation, cependant, des normes telles que la Common Gateway Interface (CGI) ont été introduites pour rendre les applications Web indépendantes du type de serveur Web. La majorité des applications CGI ont été et sont écrites dans le langage de programmation Perl . Des technologies telles que PHP , J2EE et .NET se sont développées en raison du besoin croissant rapidement de serveurs très puissants pour faire fonctionner les applications Web .

Étant donné que le contenu des sites Web étendus est généralement saisi par plusieurs personnes, un système de gestion de contenu (CMS) est souvent utilisé dans de tels projets . De plus en plus, principalement des solutions basées sur PHP et MySQL dans les logiciels libres poussent sur le marché, qui peuvent être utilisées rapidement même par des programmeurs inexpérimentés, à condition qu'elles ne dépassent pas une certaine complexité.

Sites Web statiques générés dynamiquement

Avec la standardisation pour XML et XSLT , le W3C a montré un moyen en décembre 2000, comment des documents HTML "réels" et donc statiques peuvent être générés dynamiquement, ce qui peut prendre la complexité des extraits de base de données d'un CMS ou même de ceux-ci. Surperformance: Simple et les données de sortie XML limitées au contenu mais bien structurées sont converties en HTML valide et complexe par un transformateur XSL adapté, qui est ensuite disponible sous forme de document statique sur le serveur Web.

Le principal avantage est la plus grande performance , car l' ordinateur hôte n'a pas à créer de sites Web complexes sur demande et le serveur peut donc faire face à un nombre plus élevé de visiteurs. Un autre avantage est la plus grande flexibilité de conception. Contrairement au CMS conventionnel, où le contenu de la base de données est inséré dans des modèles HTML prêts à l'emploi et relativement rigides, un document source XML structuré a une influence significative sur la mise en page et le guidage utilisateur du document HTML généré à partir de celui-ci. Cela permet à l'amateur apte à produire également du contenu long et connexe via l' éditeur XML et leur présentation sous forme facilement rezipierbarer tel que le livre électronique Webgerechtes , qui peut être un seul "site Web" à partir de plusieurs pages d'écran par CSS "plié" et peut être facilement parcouru ou accessible via la navigation dans le menu. Il est également possible de concevoir des sites Web entiers comme des interfaces utilisateur graphiques avec plusieurs éléments pouvant être exploités en parallèle.

L'un des principaux obstacles à l'utilisation généralisée de ces options considérablement élargies en matière d'affichage et de stockage de données a longtemps été considéré comme Microsoft Internet Explorer , qui, en tant que leader du marché à long terme, n'offre qu'une conformité standard suffisante en matière de CSS. avec la version 8, parue en 2009.

Séparation du contenu, de la présentation et du comportement

Un mélange de technologies de différentes techniques est utilisé dans la mise en œuvre de sites Web. Les techniques de base ici sont HTML , CSS et souvent JavaScript . Il existe différentes manières de combiner ces techniques dans un document HTML (site Web). Le code JavaScript peut par exemple B. peut être placé directement "en ligne" dans la description HTML. La balise «Script» du HTML peut être utilisée à cet effet. De plus, les attributs du gestionnaire d'événements HTML tels que «onclick» ou «ontouchstart» peuvent être utilisés pour définir des connexions directes avec certaines fonctions JavaScript. Une telle approche mélange la logique pour décrire le contenu, la conception et le comportement. En raison d'un mélange, des modifications ultérieures du comportement ne peuvent pas être apportées sans prendre également en compte le contenu (HTML) et la présentation (CSS). Dans le cas de la séparation, cela peut être ajusté et développé séparément. De plus, le document HTML est simplifié et reste exempt de zones JavaScript plus longues et de définitions CSS. La séparation suivante doit être réalisée:

  • Contenu HTML: le document HTML ne doit conserver que le contenu à afficher. Les balises HTML utilisées à cet effet doivent être exemptes d'attributs de gestionnaire d'événements et de code JavaScript en ligne. Les attributs de style avec du contenu CSS ne doivent pas non plus être utilisés dans le balisage HTML.
  • Représentation visuelle: la représentation visuelle du contenu de la vue doit être définie dans des fichiers CSS séparés. Les styles qui y sont définis sont utilisés par le moteur de rendu du navigateur Web lors de la création de la vue. La définition séparée de la représentation visuelle permet également une adaptation plus facile de la présentation pour différents supports de sortie. Par exemple, une conception Web réactive peut être mise en œuvre qui s'adapte automatiquement aux conditions techniques du terminal, telles que la taille de l'écran. L'intégration du fichier CSS dans le document HTML ne doit se faire que via une balise "Link" dans l'en-tête du document. Les anciennes balises HTML permettant d'adapter les représentations visuelles, telles que la police ou le centre, ne doivent plus être utilisées et ont été marquées avec HTML5 comme obsolètes ("obsolètes").
  • Comportement: le comportement côté client d'un site Web et l'inscription aux événements d'entrée ne doivent être effectués que dans le code JavaScript. Ce code doit également être placé dans des fichiers JavaScript séparés. Le fichier JavaScript est également intégré au document HTML à l'aide de la balise script. Cependant, un fichier externe est adressé avec l'attribut src. Lors de l'intégration de fichiers JavaScript dans un document HTML, la stratégie de définition de toutes les balises de script à la fin du document HTML s'est également imposée. La raison en est le comportement de rendu des navigateurs Web. Dès que le navigateur Web trouve une balise de script, le script est téléchargé et exécuté. Ce n'est qu'après ce processus que le rendu réel du reste du contenu du document HTML se poursuit. Si l'en-tête du document HTML définit déjà plusieurs scripts, le site Web restera bloqué jusqu'à ce que tous les scripts aient été chargés. Alternativement, l'attribut async ou defer de HTML5 peut être utilisé pour la balise de script. Cependant, les fichiers de script à charger ne doivent pas avoir de dépendances, car la séquence exacte de chargement n'est plus définie.

Si la séparation décrite du contenu, du comportement et de la présentation est prise en compte, les techniques utilisées pour la mise en œuvre des sites Web sont également divisées en zones individuelles. Il n'y a pas de mélange direct. La séparation stricte augmente la maintenabilité et l'adaptabilité du document. Cette séparation permet également une répartition plus aisée des tâches lors de la réalisation d'un projet web.

Site Web mobile

liens web

Wiktionnaire: site Web  - explications des significations, origines des mots, synonymes, traductions

Preuve individuelle

  1. ^ Copie du premier site Web à w3.org
  2. ↑ Jakob Nielsen (2006): Modèle en forme de F pour la lecture de contenu Web
  3. ↑ Jakob Nielsen (1997): Comment les utilisateurs lisent sur le Web
  4. ↑ Applications Web alimentées en Javascript et maintenables. Présentation, 2014. W3L AG. Sur W3L.de ( PDF ; 716 ko), consulté le 6 décembre 2020.