JavaScript - Moodle
Technologie de web
partie pratique
Pierre Manneback
Mohammed EL ADOUI
Service d’informatique, FPMS
UMONS à Charleroi
Plan
•HTML et CSS : Exercices basiques : 1 heure
•JavaScript : Interaction dynamique, lecture et vérification des
formulaires : 1 heure
•PHP :Lecture des formulaires et interaction avec des bases de données :
3 heures
✓Avec la méthode classique
✓Avec PDO
✓Création d’une plateforme web simple …
•Dernières technologies des pages responsives : Exemple utilisation de
Bootstrape : 1 heure
•Framework : Utilisation de la plateforme Symfony : 3 heures ou plus !
HTML : rappel
•Le html « HyperText Mark-Up Language » est le langage qui va vous permettre de
structurer une page Web à l'aide de plusieurs balises, c’est avec ces fameuses balises
qu'on va créer une simple page Web avec des liens hypertextes, ça veut dire des
relations entre d'autres pages Web par un simple click, bien sûr on peut faire plus
que ça" insérer des images" etc…
•Exemple :
<!-- Commentaire -->
<html>
<head>
<title> le titre de la page </title>
</head>
<body>
</body>
</html>
HTML : arborescence d’un fichier HTML
HTML : applications
•Exercice 1 :
Crée une page html qui affiche :
✓Un message d'accueil en utilisant la balise font et ses
attributs
✓Un séparateur
✓4 images représentatives qui se défile horizontalement en
utilisant la balise html marquee et en définissant pour
l’élément <img /> les attributs width et/ou height
✓Crée deux paragraphes qui peuvent donner une
description de votre site web, en ajoutant une liste
numéroté.
✓Créer un menu vertical dont les éléments sont des liens
✓Donner à votre page web une visibilité par blocs (par
exemple 3 blocs : une verticales pour les liens, et deux
horizontales pour les informations du site)
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
/
31
100%
