INFORMATIQUE : CRÉER UN SITE WEB

LANGAGE HTML/CSS

Le langage HTML (HyperText Markup Language) est un langage de balisage de texte qui permet de définir la présentation des documents hypertextes affichables par un navigateur Web.

Il existe deux méthodes pour créer des fichiers HTML :

  • l'utilisation d'éditeurs visuels (WYSIWYG — What You See Is What You Get — ou éditeur HTML tel-tel, en français) qui permettent de créer des pages Web en plaçant des objets et des contrôles, le logiciel se chargeant de créer le code HTML. Cette solution n'exige donc pas l'apprentissage du langage HTML, mais les possibilités offertes demeurent parfois limitées.
  • l'apprentissage du langage HTML et l'édition du code HTML à l'aide d'un éditeur de texte. Cette méthode permet non seulement de développer des pages Web beaucoup plus sophistiquées, mais offre aussi un bien meilleur contrôle.

Le langage HTML est toujours en évolution. C'est le W3C (The World Wide Web Consortium), organisme fondé en 1994, qui est officiellement chargé de la normalisation de tout ce qui concerne le Web, et en particulier des évolutions du langage HTML et de ses variantes comme les CSS. Afin d'apprendre à le maîtriser ou pour mettre à jour vos connaissances, vous pouvez consulter des livres de référence, des guides en ligne, des tutoriels disponibles sur de nombreux sites ou encore fréquenter des forums spécialisés. Vous trouverez des explications détaillées concernant le HTML sur ce site.

La structure de base d'une page HTML

<html> début du document HTML
<head>
<title>titre de la page</title>
</head>
<body>
Emplacement du contenu
</body>
</html> fin du document HTML

Le code source

Le code source d'une page Web est un ensemble d'instructions originales (le plus souvent du HTML) écrites dans un langage compréhensible par les humains, permettant la lecture et l'affichage par un navigateur Web (Firefox, Opera, Internet Explorer, etc.). Le code source de la page correspond donc à l'agencement des lignes de code HTML (texte formaté avec des balises HTML) sous la forme d'un simple fichier texte. Le navigateur interprétera ces instructions qui déterminent l'apparence et les fonctionnalités de la page Web affichée.

L'affichage du code source

Il est possible de visualiser le code source d'une page Web en cliquant sur le menu « Affichage » du navigateur, puis en choisissant « Source » (Internet Explorer) ou « Code source de la page » (Firefox), ou encore en faisant un clic sur la page avec le bouton droit de la souris, puis en sélectionnant l'option « Afficher la source » (Internet Explorer) ou « Code source de la page » (Firefox) dans le menu contextuel qui apparaît.

Incapable d'afficher la source avec
Internet Explorer?

Dans Internet Explorer, l'affichage de la source se fait par défaut dans le bloc-notes (Notepad.exe). Si le bloc-notes est bien installé et qu'il vous est impossible d'afficher la source, videz les fichiers Internet temporaires. Pour ce faire, dans la barre de menu d'Internet Explorer, cliquez sur Outils, Options Internet, Général, Supprimer les fichiers... Éventuellement, vous pourriez réduire la taille de l'espace alloué à ces fichiers sur le disque dur.

Désactivation du clic droit

Certains webmestres choisissent de désactiver le clic droit afin d'empêcher l'accès au code source de leurs pages ou la copie des images. Outre le risque de faire fuir les internautes, il s'agit d'une pratique discutable. D'abord, restreindre l'accès aux ressources va à l'encontre de l'esprit même d'Internet en tant qu'espace de partage et de communauté. Ensuite, une telle décision suppose que l'ensemble du site est une création originale (scripts, code source, images, etc.), sans aucun « emprunt » à d'autres sites. Enfin et surtout, le menu contextuel ouvert par le clic droit ne se limite pas à l'option d'affichage du code source ni à l'option de copie : empêcher son ouverture, c'est nuire à l'ergonomie du site en rendant indisponibles des options utiles à la navigation.

En fait, il s'agit d'une protection illusoire puisque la plupart des scripts qui interdisent le clic droit peuvent être contournés :

  • Dans le menu « Affichage»  du navigateur, il suffit de sélectionner « Afficher la source » pour avoir accès au code de la page affichée. Si le site utilise des cadres (frames), les adresses des pages des différents cadres sont accessibles et peuvent ensuite être chargées individuellement.
  • Sur les claviers Windows, il est possible d'accéder au menu contextuel en appuyant sur la touche Menu . Cette touche permet en effet d'afficher le menu contextuel, en remplacement du clic droit de la souris.
  • Dans Internet Explorer, Firefox et d'autres navigateurs, il suffit d'ajouter view-source: devant l'adresse URL de la page, puis de faire Entrée ou OK.
  • Il est aussi possible de désactiver temporairement JavaScript dans les options du navigateur pour interdire provisoirement l'exécution des scripts.

En ce qui concerne spécifiquement la copie des images, la protection s'avère encore là difficile à assurer. En effet, les images, tout comme les textes, les JavaScripts, les animations FLASH, etc., sont enregistrées dans le dossier des fichiers temporaires hors connexion (fichiers Internet temporaires) et donc accessibles comme n'importe quel fichier de l'ordinateur. On peut aussi faire une copie d'écran et, ensuite, utiliser un logiciel graphique pour découper l'image. Dans le cas d'Internet Explorer 6, il suffit de laisser le pointeur de la souris sur l'image pour faire apparaître une « barre Image » qui offre entre autres fonctions de copier l'image. Cette fonction « barre Image » peut cependant être désactivée en rajoutant une ligne meta spéciale dans le bloc head : <meta http-equiv="imagetoolbar" content="no">. Il suffit alors de sélectionner l'image et de cliquer, dans le menu du navigateur, sur « Édition », « Copier ».

Notons qu'avec Firefox, il est possible d'afficher les informations sur la page et de voir ainsi tous les fichiers qui la composent. Il suffit dès lors de sélectionner les fichiers désirés, puis de les enregistrer.

Et ce ne sont là que quelques-unes des façons permettant de passer outre les restrictions du clic droit...

Voir la feuille de style d'un site ou d'une page

Si un site ou une page fait appel à une feuille de style externe pour sa mise en forme, il est possible de la récupérer afin de la consulter. Dans le code source de la page, il faut d'abord repérer la ligne suivante :

<link rel="stylesheet" type="text/css" href="nom_de_fichier.css" />

Il suffit ensuite de modifier l'URL dans la barre d'adresse en ajoutant le nom du fichier avec son extension « .css ». Si, par exemple, dans le code source du site http://www.maboite.qc.ca/, le nom de la feuille de style était : mise_en_page.css, il faudrait taper dans la barre d'adresse : http://www.maboite.qc.ca/mise_en_page.css et faire OK ou Entrée pour afficher la feuille de style en question.

Pour plus d'informations concernant les feuilles de style, voir les feuilles de style (syntaxe et insertion).

Copyright © 2003-2012 maboite.qc.ca Tous droits réservésMonitoring internetVista®