TP2 : Vidéo et Formulaires

Ce TP est à terminer 48h avant votre prochaine séance de TP. La version en ligne ne doit pas être modifiée après cette date limite.

Exercice 1 : vidéo

Faites une page web affichant la vidéo des fichiers d'extensions .webm, .mp4 et .ogv du répertoire http://www.mi.parisdescartes.fr/~mahe/CSW/TP2/video (inutile de recopier ces vidéos chez vous : un lien suffit !). La vidéo devra pouvoir être lue par le navigateur dans un de ces trois formats, sinon un texte indiquera à l'utilisateur qu'aucun des formats disponibles n'est pris en charge par son navigateur. Les dimensions de la vidéo sont 288 en hauteur et 512 en largeur.

Ajoutez des attributs à la balise vidéo :

Ouvrez votre page avec les différents navigateurs disponibles sur votre machine et notez les différences. A chaque fois, cliquez avec le bouton droit sur la vidéo et choisissez "enregistrer sous" (sans enregistrer) et notez le format utilisé

Vos réponses seront écrites en commentaires dans le fichier

Exercice 2 : formulaire

On considère un site web de réservation de billets d'une compagnie de transport. Choisissez le type de transports (aérien, routier, ferroviaire, fluvial, maritime...) et écrivez le formulaire, selon les spécifications suivantes :

Le questionnaire sera organisé en deux fieldset : informations personnelles et trajet. Chacune de ces parties sera mise en page en utilisant un tableau. Les descripteurs des champs seront dans des balises label. Il y aura un bouton de remise à zéro. Globalement, le questionnaire ressemblera à celui de la figure ci-dessous.

Le formulaire aura pour méthode post et pour action "http://www.mi.parisdescartes.fr/~mahe/CSW/TP2/reponse.php".

Le cadre "informations personnelles" devra comprendre les champs suivants :

avec les particularités suivantes :

Le cadre "trajet" comprendra les champs suivants :

L'en-tête de votre document html devra être rempli de manière détaillée, comme vu en cours.

figure4
Figure : Aspect du formulaire.