L'ancêtre d'Internet s'appelait Arpanet. C'était alors un réseau reliant des ordinateurs utilisés pour la recherche scientifique.
C'est en 1972 que le nom
Internet apparaît pour la première fois. Vinton Cerf
était responsable des travaux des chercheurs et est considéré comme le papa d'Internet.
Internet est surtout utilisé pour échanger des fichiers et utilise le protocole de
transfert de fichier (FTP en anglais). Aujourd'hui, on échange toujours des fichiers
mais on parle surtout de P2P (Peer-to-Peer).
Au début des années 1990, Tim Berners-Lee
imagine un langage (le HTML, Hypertext Markup Language, langage de balisage
d'hypertexte) permettant de décrire une page et surtout permettant de naviguer (surfer)
d'un site à un autre. Ce langage simple permettra à des millions de personnes de
créer des sites personnels. En 2006, on compte environ 3 millions de pages Internet en France
Les documents HTML sont constitués de texte. N'importe quel éditeur de texte peut générer des fichiers HTML ; avec Windows, on peut utiliser le Bloc-notes. Le nom d'un fichier HTML se termine par .html ou .htm. A titre d'exemple un document Word finit par .doc ; on appelle ça une extension.
Le contenu des fichiers HTML est placé à l'intérieur de balises HTML. Il y a des balises ouvrantes comme <html> et des balises fermantes </html> (les balises sont marqués par les signes : < moins grand que et > plus grand que). Ce qui distingue ces deux balises, c'est le signe / En HTML, il est recommandé de toujours fermer les balises car sinon, certains navigateurs seront incapables d'afficher le document HTML correctement.
La balise la plus importante est <html>. Tout document HTML est contenu à l'intérieur de ces balises
<html>ICI CE QUI DEVRA ETRE LU PAR LE NAVIGATEUR</html>
En HTML on parle d'imbrication de balises. Dans l'exemple qui suit, HTML contient HEAD (entête) qui contient TITLE (titre). Remarque comment les balises sont fermées TITLE puis HEAD et enfin HTML.
<html> <head> <title>Ma première page</title> </head> </html>
- Recopie l'exemple ci dessus dans le bloc-notes (Démarrer => Tous les programmes => Acessoires => Bloc-notes).
- Sauvegarde ce document dans Mes documents en ajoutant l'extension .html.
- Va dans le répertoire Mes documents
- Double-clique sur l'icone représentant ton fichier HTML
Remarque que le titre apparaît dans la barre des taches (en bas de l'écran). Le navigateur lit la balise TITLE et l'affiche dans la barre des taches. Tu vas maintenant écrire du texte dans la fenêtre principale de ton navigateur
<html> <head> <title>Ma première page</title> </head> <body> <h1>Un titre</h1> <p>Un paragraphe</p> </body> </html>
Tout ce qui est affiché dans la fenêtre principale doit être placé dans BODY (corps)
Chaque balise a une signification particulière. Le texte qui se trouve entre la balise <h1>Un titre</h1> sera écrit en gros caractères
Chaque paragraphe de ton texte est à placer dans <p>Un paragraphe</p>
Voici d'autres balises :
- <i>En italique</i> => En italique
- <strong>En gras</strong> => En gras
- <img src="img.jpg" /> =>
- <a href="cours-html01.html">Exemple 1</a> => Exemple 1
Le travail est terminé, mais ta page n'est pas visible par tes copains. Tout simplement parce que personne ne doit pouvoir accéder à ton ordinateur pour des raisons de sécurité, mais aussi parce que ta page ne serait visible que lorsque ton ordinateur est allumé. Il faut publier ta page sur un ordinateur allumé 24 heures sur 24 et 365 jours par an. Ce service est proposé par des hébergeurs.
Il faut utiliser le protocole FTP pour publier (upload en anglais) ta page. C'est une étape que ton professeur réalisera pour toi.
Le site a été publié, mais comment le trouver ?
Il faut connaitre son adresse. L'adresse d'un site Internet commence par http://
La suite de l'adresse représente le nom de domaine. Pour un site personnel, ce sera le nom de
l'hébergeur comme par exemple : sites.estvideo.net Enfin il faudra connaitre le nom du dossier
et le nom du document html. Le site de la classe de cm2 est publié dans le dossier ostwald-centre.
et le nom de la page de démarrage est page%20de%20demmarage.htm. L'adresse complète est :
http://sites.estvideo.net/ostwald-centre./page%20de%20demmarage.htm