Vous êtes sur la page 1sur 3
OFFICE DE LA FORMATION PROFESSIONNELLE & DE LA PROMOTION DU TRAVAIL INSTITUT SUPERIEUR DES TECHNOLOGIES

OFFICE DE LA FORMATION PROFESSIONNELLE & DE LA PROMOTION DU TRAVAIL INSTITUT SUPERIEUR DES TECHNOLOGIES DE L’INFORMATION ET DE LA COMMUNICATION DE SAFI

D E V E L O P P E M E N T

D E S

A P P L I C AT I O N S

W E B

C O T E

C L I E N T

C O N T R O L E

1

VA R I A N T E

2

D U R E E

2 H E U R E S

Il est demandé de développer une application de recettes de cuisine. La page de démarrage aura l’allure suivante :

de cuisine. La page de démarrage aura l’allure suivante : 1. Structurer la page HTML en

1. Structurer la page HTML en utilisant les balises sémantiques de HTML 5 (Header, Footer, div, …)

2. Insérer l’image dans le header, elle doit avoir absolument le même rendu demandé

3. Créer le menu, chaque fois qu’on survole un élément du menu, celui-ci ressemblera a :

fois qu’on survole un élément du menu, celui-ci ressemblera a : Page : 1 ANNEE DE
OFFICE DE LA FORMATION PROFESSIONNELLE & DE LA PROMOTION DU TRAVAIL INSTITUT SUPERIEUR DES TECHNOLOGIES

OFFICE DE LA FORMATION PROFESSIONNELLE & DE LA PROMOTION DU TRAVAIL INSTITUT SUPERIEUR DES TECHNOLOGIES DE L’INFORMATION ET DE LA COMMUNICATION DE SAFI

Les pages dessert.html, entree.html, soupe.html doivent ressembler à ceci :

entree.html, soupe.html doivent ressembler à ceci :  Utiliser un tableau pour structurer les éléments du

Utiliser un tableau pour structurer les éléments du corps de la page

Les cellules de la même colonne doivent avoir la même couleur.

La page abonnement doit ressembler à ce rendu :

OFFICE DE LA FORMATION PROFESSIONNELLE & DE LA PROMOTION DU TRAVAIL INSTITUT SUPERIEUR DES TECHNOLOGIES

OFFICE DE LA FORMATION PROFESSIONNELLE & DE LA PROMOTION DU TRAVAIL INSTITUT SUPERIEUR DES TECHNOLOGIES DE L’INFORMATION ET DE LA COMMUNICATION DE SAFI

DE L’INFORMATION ET DE LA COMMUNICATION DE SAFI  Créer le formulaire avec la méthode POST

Créer le formulaire avec la méthode POST et l’action script.php

Utiliser un tableau pour ordonner les éléments HTML que compose cette page.

Consignes :

Prière de trouver les images dans le dossier Images et le texte dans le fichier recettes.txt

Vous pouvez choisir les couleurs que vous voulez.

Le code CSS doit être écrit dans un fichier « style.css »