Technologie de web partie pratique - Moodle
Technologie du web
partie pratique
Pierre Manneback
Mohammed EL ADOUI
Service d’informatique, FPMS
UMONS à Charleroi
UMONS/FPMs/INFO/Web Tech/Pratique 12016-17
Plan
•HTML et CSS : Exercices basiques (1 h)
•JavaScript : Interaction dynamique, lecture et vérification de formulaires
(1 h)
•PHP :Lecture des formulaires et interaction avec des bases de données :
(3 h)
Avec la méthode classique
Avec PDO
Création d’une plateforme web élémentaire
•Technologies de pages « responsives » : Exemple avec Bootstrap (1 h)
•Framework : Utilisation de la plateforme Symfony (3 h ou plus !)
UMONS/FPMs/INFO/Web Tech/Pratique 22016-17
HTML : quelques éléments
•Le html « HyperText Mark-Up Language » est le langage qui va vous permettre
de structurer une page Web à l'aide de balises.
•C’est avec ces balises qu'on va notamment créer une simple page Web avec
des liens hypertextes,
<!-- Commentaire -->
<html>
<head>
<title> le titre de la page </title>
</head>
<body>
</body>
</html>
UMONS/FPMs/INFO/Web Tech/Pratique 32016-17
Un fichier HTML a une structure d’arbre
UMONS/FPMs/INFO/Web Tech/Pratique 42016-17
HTML : Exercice 1
Créer une page html qui affiche :
Un message d'accueil en utilisant la balise font et des
attributs
Un séparateur
4 images représentatives qui défilent 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 la page web, en ajoutant une liste
numérotée.
Créer un menu vertical dont les éléments sont des liens
Donner à votre page web une visibilité par blocs (par
exemple 3 blocs : un vertical pour les liens, et deux
horizontaux pour les informations du site)
UMONS/FPMs/INFO/Web Tech/Pratique 52016-17
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
1
/
23
100%
