Formation Web : Séance 1

Cette formation est assurée par Oussama Krifa , notre responsable Formation du Club.

La première séance a été une introduction au HTML 5 et a duré environ une heure. Vous trouverez les diapos et le code source de la page développée pendant cette séance en bas de la page.

Pendant la partie pratique nous avons commencé par créer un nouveau document texte, qu'on a appelé page.html (l'extension .html est nécessaire). Ensuite, nous avons commencé à remplir notre page:

<!DOCTYPE html>
<html>

</html>

Ensuite nous avons mis l'entête de la page, où on a spécifié le titre et l'encodage des caractères en utf-8:

<head>
<meta charset="utf-8"/>
<title>OSSEC</title>
</head>

Puis on a mis le corps de la page:

<body>

</body>

Dans la balise body on a mis un grand titre h1, l'image de l'ossec, une musique, une vidéo et enfin un lien vers la page ossec.tn
Afin d'avoir le tout centré et plus joli, nous avons mis une balise center.

<center>
<h1>Open Source Software ENSI Club</h1>
<img height = "100" src="images/ossec-image.png" alt="" />
<br />
<audio controls = "controls">
<source src="music/musique.ogg"/>
<source src="music/musique.mp3"/>
</audio>
<br />
<video height = "400" controls>
<source src="videos/Now-We-Are-Free.ogv"/>
<source src="videos/Now-We-Are-Free.mp4"/>
</video>
<br />
<a href="http://www.ossec.tn">Site Officiel de l'OSSEC</a>
</center>

Vous trouverez dans le fichier ci dessous (Pratique-Seance1.rar) le résultat de notre phase pratique.

Pour télécharger Bluefish, l'éditeur texte qu'on a utilisé, et qui aide trop dans l'écriture du code et supporte la coloration syntaxique, vous pouvez l'avoir ici: http://sourceforge.net/projects/bluefish/ si vous utilisez Windows, comme vous pouvez l'installez facilement via terminal en tapant " sudo apt-get install bluefish " si vous utilisez une distribution Linux.

Si vous avez des questions n'hésitez pas à nous les poser dans notre groupe facebook: https://www.facebook.com/groups/217972881622039/

Diapo première séance

Résultat de la 1ère séance (19.6Mo)