====== PPE1.5 : HTML & CSS ====== ===== Ressources disponibles ===== {{ppe1.5:ppe1.5.site.lafleur.zip}} Ce fichier ZIP contient les fichiers vous permettant de réaliser ce PPE. :!: Pour la réalisation de ce PPE et la documentation, vous devez lire attentivement ce qui suit. ===== Documenter votre travail===== ==== 5.1 Maquette du site web de Lafleur ==== Votre travail consiste à proposer une maquette pour le projet de site web de la société **Lafleur**. Pour cela un parcours en 7 étapes est proposé. Bien entendu le résultat à obtenir à la 7ème étape peut-être amélioré, mais vous devez toutefois tenir compte des impératifs suivants : * utilisation de "Div" pour organiser vos pages web * usage impératif d'un fichier CSS. * Tenir compte de l'organisation générale proposée à l'étape n°5 === Compte rendu === Vous réaliserez un compte-rendu [''nom.prenom.compte.rendu.lafleur.5.1.odt''] dans lequel les points suivants seront développés : * Une copie d'écran des interfaces graphiques (indiquer la façon dont vos documents sont structurés). * La présentation du code XHTML en indiquant précisément son organisation (balises utilisées, class, styles,etc.]. * Une copie complète de votre fichier **CSS**. Vous indiquerez avec des illustrations graphiques les effets de vos clauses de style. * Une copie d'écran certifiant que votre site a été validé/certifié par {{http://validator.w3.org/|W3C}}. * Une liste des sites web vous ayant aidé à réaliser votre travail. >>Pensez à faire également une mise en page attractive pour votre compte-rendu. ==== 5.2 Réaliser et contrôler un formulaire HTML ==== Votre travail consiste à réaliser le formulaire présenté dans le document **activité 5.2 formulaire.pdf**. Une fois cela réalisé vous développerez en **Javascript** les contrôles des champs du formulaire === Compte rendu === Vous réaliserez un compte-rendu [''nom.prenom.compte.rendu.formulaire.5.2.odt''] dans lequel les points suivants seront développés : * Une copie d'écran du formulaire réalisé et présentation du fichier **CSS** * Le code Javascript développé et commenté de chaque contrôle. >>Pensez à faire également une mise en page attractive pour votre compte-rendu. ===== Déposer votre travail ===== FIXME Votre **compte-rendu** doit être déposé dans ''ppe1.4/equipe''. __Pour déposer votre compte rendu :__ * Connectez-vous [utilisateur:ppes1] * Choisir [[http://www.ppe.boonum.fr/doku.php?do=media&id=ppe3.1%3Aequipe%3Aaccueil|Gestionnaire de média]] * Téléversez votre compte-rendu dans ''ppe1.5/equipe'' :!: Vous devez garder le résultat de votre travail.