Astuce

Appuyez sur Ctrl+Alt+Suppr pour atteindre l'écran d'accueil puis cliquez sur Modifier un mot de passe…

Explication

Utilisateurs

  • 1 personne(s) en ligne

Créer une page Internet pour débutant

icone_html
Votre première page Internet. Pourquoi créer une « SIMPLE » page Internet ? Pour vous donnez une idée de comment est former l’ossature des pages sur Internet. Cette exemple vous donnera une idée de comment est composée une page de site Web par exemple. Attention, on ne va pas crée une page de pro ou un site complet, juste une petite page de rien du tout, le tout en code « HTML ». C’est ce qui compose un page Web.

1. Commençons

Commencer déjà par ouvrir un éditeur de texte quelconque, dans mon cas je vais utiliser Notepad* qui équipe les produits Microsoft, vous devriez l’avoir sous la main si vous utilisez le système d’exploitation Windows. Une fois ouvert, nous allons écrire du texte à l’intérieur 🙂 étonnant non ? Faite comme moi et recopier ces étranges caractères suivants :

(Ne pas recopier le texte en bleu qui est une explication pour vous)

<HTML> \\ Définit le code utilisé

<HEAD> \\ En français ceci signifie la « tête » pour nous le début de page

<TITLE>Page de test</TITLE> \\ équivaut au « titre » de votre page ici Page de test

</HEAD> \\ Fermeture de la balise « tête » c’est à dire que l’entête de notre page est terminer

<BODY><CENTER> \\ Body= « Corps » de votre page et Center pour « centrer » votre texte au milieu de la page

<H2>Bienvenue sur mon site !</H2> \\ Votre texte principal ici <H2> le met en caractère gras

<P> test</P> \\ Seconde ligne de votre texte

</BODY></CENTER> \\ Fermeture du « corps » et du centrage

</HTML> \\ Fermeture final de votre page html

Remarque : à chaque fermeture de balise on introduit l’élément / (slash) pour signaler une fermeture.

 2. Pour résumer

Vous devriez avoir ça sur votre page de votre traitement de texte si vous avez bien tout suivie

<HTML>

<HEAD>

<TITLE>Page de test</TITLE>

</HEAD>

<BODY><CENTER>

<H2>Bienvenue sur mon site !</H2></CENTER>

<P> test</P>

</BODY></CENTER>

</HTML>

3. Enregistrer

Essayer de les disposées de façon identique afin que vous compreniez et que tous ne sois pas mélangés. Voila vous êtes devant des drôles de symboles n’est ce pas? Et bien vous venez de crée un page Internet du premier coup :). Vous me dirai mais euh.. Ah bon ? Il faut juste que vous enregistriez votre fichier texte. Lisez bien c’est important ici. Au moment d’enregistrer votre document, faite « Fichier », « Enregistrer sous », et intituler OBLIGATOIREMENT l’extension votre document en .html comme ceci:

page_internet1

Le faite de mettre l’extension .html à votre nom de fichier signifie à votre traitement de texte que vous avez fait du code « html » et il l’interprétera donc en « html » quand vous l’ouvrirai avec un navigateur comme Internet Explorer par exemple.

Une fois ma page enregistrée sur le bureau par exemple, je clique dessus:

Et voici le résultat:

page_internet2

Voici l’exemple ici

Ensuite, libre à vous de modifier le texte et d’épater vos collègues au travail :). Bien sur, d’autre type de balise existe, un page Web ne se résume pas à 8 lignes. Je vous invite à lire les explications sur le rôle des balises en html dans la page Dictionnaire.

* Allez dans « Démarrer », « Tous les programmes », « Accessoires », « Notepad »

Astuce: Quand vous êtes sur une page Internet, faite un clique droit dessus (si le site l’autorise) et mettez affichez la source. Cette astuce vous affichera le code source de la page Web en question.

Poster un commentaire

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>