DÉMARRAGE. . .

Il existe de nombreuses façons de créer des pages Web en utilisant des programmes déjà codés. Ces leçons vous apprendront à utiliser le langage de balisage hypertexte sous-jacent – HTML.

HTML n’est pas du code informatique, mais est un langage qui utilise l’anglais américain pour permettre l’insertion de textes (mots, images, sons) et l’écriture de formatages tels que colo(u)r et centre/ centre. Le processus est assez simple; les principales difficultés résident souvent dans de petites erreurs – si vous glissez pendant le traitement de texte, votre lecteur peut relever vos fautes de frappe, mais la page sera toujours lisible. Cependant, si votre code HTML est inexact, la page peut ne pas apparaître – l’écriture de pages Web est, au moins, une très bonne pratique pour la relecture!

L’apprentissage du HTML vous permettra de:

  • créez vos propres pages simples
  • lisez et appréciez les pages créées par d’autres
  • développez une compréhension des implications créatives et littéraires des textes Web
  • ayez la confiance nécessaire pour vous lancer dans une conception Web plus complexe

Une page Web HTML est composée de balises. Les balises sont placées entre parenthèses comme ceci. Une balise indique au navigateur comment afficher les informations. La plupart des balises doivent être ouvertes et fermées.

Pour créer une page web simple, vous devez connaître seulement quatre balises:

  • indique au navigateur que votre page est écrite au format HTML
  • c’est une sorte de préface d’informations vitales qui n’apparaissent pas à l’écran.
  • Écrivez le titre de la page Web ici – ce sont les informations que les téléspectateurs voient dans la barre supérieure de leur écran. (J’ai donné à cette page le titre ‘webpage1’).
  • C’est là que vous mettez le contenu de votre page, les mots et les images que les gens lisent à l’écran.

Toutes ces balises doivent être fermées.

EXERCICE

Écrivez une page Web simple.

Copiez exactement le code HTML ci-dessous, en utilisant un programme WP tel que le bloc-notes.
Les informations en italique indiquent où vous pouvez insérer votre propre texte, les autres informations sont HTML et doivent être exactes. Cependant, assurez-vous qu’il n’y a pas d’espaces entre les crochets de balise et le texte à l’intérieur.
(Trouvez le bloc-notes en allant dans le menu DÉMARRER \PROGRAMMES\ACCESSOIRES\BLOC-NOTES).

titre de la page
écrivez ce que vous aimez ici: « ma première page web », ou un article sur ce que vous lisez, ou quelques réflexions sur le cours, ou copiez quelques mots d’un livre ou d’un paquet de flocons de maïs. Il suffit de taper vos mots en n’utilisant aucun extras tels que gras ou italique, car ceux-ci ont des balises HTML spéciales, bien que vous puissiez utiliser des lettres majuscules et minuscules et des espaces simples.

Enregistrez d’abord le fichier en tant que ‘.html ‘ (c.-à-d. appelez le fichier n’importe quoi) C’est utile si vous démarrez un dossier – comme vous le feriez pour le traitement de texte – et appelez-le quelque chose comme des PAGES WEB, et mettez votre premier.fichier html dans le dossier.

MAINTENANT – ouvrez votre navigateur.
Sur Netscape, le processus est le suivant :
Menu supérieur; FICHIER \ OUVRIR LA PAGE \ CHOISIR LE FICHIER
Cliquez sur le dossier de vos PAGES WEB \ PREMIER fichier
Cliquez sur « ouvrir » et votre page devrait apparaître.

Sur Internet Explorer:
Menu supérieur; FICHIER \OUVRIR\ PARCOURIR
Cliquez sur le dossier de vos PAGES WEB \ PREMIER fichier
Cliquez sur « ouvrir » et votre page devrait apparaître.

Si la page ne s’ouvre pas, revenez sur la saisie de votre bloc-notes et assurez-vous que toutes les balises HTML sont correctes. Vérifiez qu’il n’y a pas d’espaces entre les balises et le texte interne; vérifiez que toutes les balises sont fermées; vérifiez que vous n’avez pas écrit ou. Votre page fonctionnera éventuellement.

Créez une autre page. Appelez ça quelque chose de différent.html et placez-le dans le même dossier de PAGES WEB que détaillé ci-dessus.

commencez le formatage dans la deuxième leçon
retour à l’index wws

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.

More: