retour à l'accueil
Retour à l'accueil

IUT de Techniques de Commercialisation d'Auxerre

CREATION DE SITE WEB

Support de cours d'informatique



Le langage html
conseils pour débuter

 

Connaître et localiser ses fichiers


Pour progresser facilement dans l'élaboration de votre site, il faut vous habituer à localiser correctement vos fichiers.
A partir de l'explorateur windows, vous devez pouvoir explorer vos répertoires et y reconnaître tous vos fichiers, mais surtout regarder leur encombrement et lire leur extension. Pour cela, il faut changer l'affichage de votre explorateur

Ouvrez votre explorateur (démarrez / programmes / accessoire / explorateur...)
et placez vous dans votre répertoire.
Une fois dans votre explorateur,
allez sur Affichage et choisissez "détails" :
vous verrez désormais apparaître les tailles des fichiers, et la dernière date à laquelle ce fichier a été modifié.
Vous ne voyez peut-être pas encore les extensions, dans ce cas :
allez sur Organiser/Options des sossiers et de recherche . Choisissez l'onglet "affichage".
Une série d'options sont cochées ou non. Il vous faut chercher l'option qui s'appelle :
"Masquer les extensions des fichiers dont le type est connu".
Cette option ne doit surtout pas être "cochée" car sinon, vous ne verrez pas les extensions.

GARDER VOTRE EXPLORATEUR CONSTAMMENT OUVERT PENDANT TOUTE LA SESSION.

Créer une page en langage html


Vous allez devoir travailler sur trois fenêtres à la fois. Pour ne pas confondre toutes vos fenêtres et éviter de fausses manipulations, fermer toutes les fenêtres inutiles (ATTENTION, NE FERMEZ PAS L'EXPLORATEUR, ON EN A TOUJOURS BESOIN !)

1 / la création de la page dans le bloc note
- Ouvrez d'abord une page de bloc note :
Démarrer / programmes / accessoires / bloc note
- Maintenant, dans cette page, nous allons inscrire les balises nécessaires pour que notre page existe :
Tapez :
<html>
<head>
</head>
<body>
</body>
</html>
Maintenant votre page existe mais elle est complètement vide
- Pour la remplir,
tapez du texte entre les deux balises nommées <body> et </body>. Tout ce que vous tapez entre ces deux balises se "verra" sur votre page.
- Enregistrez le tout dans votre répertoire.

2 / La transformation de la page de bloc note en page web
- Allez dans votre explorateur et trouvez le fichier que vous venez d'enregistrer.
Vous pouvez constater que ce fichier comporte une extension de type ".txt".
- Changez cette extension en renommant votre fichier, et transformez l'extension ".txt" en ".html".
Ca y est, le tour est joué, vous avez créé votre première page !

3 / La contemplation du résultat :
Cliquez deux fois sur le fichier nouvellement renommé, et votre page s'ouvrira.

Modifier la page


C'est maintenant que le vrai travail va commencer.
Pour arranger votre page, il va falloir faire des aller-retours constants entre :
  • le "fichier source" (la page écrite en balise sur le bloc note)
  • et l'apparence de la page (ouverte avec le navigateur).

Pour faire la modification,
travaillez sur le bloc note
puis enregistrez
Allez ensuite sur l'apparence de la page, dans le navigateur et pour voir les modifications effectuées,
cliquez sur "actualiser".