1. Quiz CSS
- Accéder au quiz
2. Préparation des TP et 8 et TP 9
Les TP 8 et 9 seront l'occasion de travailler sur 2 aspects des formulaires : le code HTML/CSS et le traitement PHP d'un formulaire.De manière à rendre ces TP plus efficaces nous vous demandons en amont :
-
Avant le TP 8 du 10/12 9h/11h :
- Revoir le cours sur les formulaires HTML CSS (cours n°5)
-
Consulter le support de cours initiation PHP : http://mmi.reaccess.fr/php/
- Et plus particulièrement le chapitre concernant les formulaires : http://mmi.reaccess.fr/php/#c7
-
Avant le TP 9 du 06/01 9h/11h :
-
Réaliser le tutoriel sur le PHP : https://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql/introduction-a-php
- au moins chapitres 1 à 4
-
Réaliser le tutoriel sur les formulaires : http://www.w3schools.com/php/
php_forms.asp
-
Réaliser le tutoriel sur le PHP : https://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql/introduction-a-php
3. Déroulement du TP 7
Souvent les développeurs front end doivent travailler sur du code qui n'a pas été développé par eux, voici donc un peu d'entrainement en termes de corrections et optimisations d'intégration HTML et CSSPartie 1 : 10 erreurs dans le code HTML
- Récupérer le dossier compressé Télécharger le fichier (site.zip)
- Décompresser et enregistrer le dossier
- Le dossier contient une page web contenant au niveau de son code html 10 erreurs distinctes, vous devez retrouver ces 10 erreurs et les corriger
- Pour vous aider vous disposez ici d'une image vous fournissant la charte graphique de cette même page une fois les 10 erreurs corrigées
- : Voir la charte graphique
-
Vous devez donc
- identifier les 10 erreurs,
- les corriger dans le document HTML "index.html" et sauvegarder ce document
- vérifier que la validateur du W3C ne détecte plus d'erreurs
Partie 2 : 7 erreurs dans le code CSS
- Récupérer le dossier compressé Télécharger le fichier (site2.zip 1,54 Mo)
- Décompresser et enregistrer le dossier
- Le dossier contient une page web faisant appel à un fichier CSS nommé "style.css" contenant au niveau de son code 7 erreurs distinctes. Chaque erreur entraine des erreurs de mise en page spécifiques, vous devez retrouver ces 7 erreurs et les corriger
- Pour vous aider vous disposez ici d'une image vous fournissant la charte graphique de cette même page une fois les 7 erreurs corrigées : Voir la charte
-
Vous devez donc :
- identifier les 7 erreurs,
- les corriger dans le document CSS "style.css" et sauvegarder ce document
Partie 3 : Optimisation du code html
- Etudier le code html de la page web "index.html" située dans le dossier compressé Télécharger le fichier (site2.zip 1,54 Mo) de manière à améliorer la qualité du code html et le potentiel de référencement naturel de la page web
-
Relever 3 à 5 améliorations à apporter et sur un document (word,...)
- les détailler
- préciser leur impact attendu
Partie 4 : si vous avez terminé...
- Accédez à http://mmi-pub-2015.kiubi-web.com/tp-6.html puis traiter le chapitre 3.8. (popin image jquery)