Pour mettre en pratique ce que nous avons appris, une petite évaluation….
Il nous a demandé de créer un site et de le mettre en ligne, suivant une source. Cette réalisation est faite en inclusion.
Le travail final:
La mise en page n’est pas tout à fait terminé…..donc les code seront mit ultérieurement.
Création: HTML, CSS, JavaScript et PHP .
Le code HTML: Les différentes parties.
Création d’une page index.php qui renvoie sur formation.php. Il ne doit surtout pas avoir d’espace au début du fichier, avant la balise <?php
On peut aussi créer un fichier .htaccess dans lequel on place la règle d’écriture, vers formation et vers index. Cette méthode est invisible dans la barre d’adresse et la page index.php devient inutile. C’est cette méthode qui est retenue.
La page contact:
Le script.php du formulaire est placé dans la page contact.php.
Dans ce script il faut changer le $destinataire et le formulaire fonctionne déjà.
Nous rajoutons les champs requis dans l’input avec required et nous donnons une class au champs requis dans le label.
Le type texte du mail est transformé en type Email.
Nous rajoutons un champ prénom dans le formulaire; pour cela il faut aussi rajouter la ligne concernant la valeur $prenom et également renseigner le $headers en rajoutant .$prenom. pour que celui-ci indique aussi le prénom dans l’intitulé du mail.
Pour les boutons radios renseigner aussi la valeur $civilite, nous pouvons aussi la placer dans le $headers. Dans le formulaire, les boutons radios sont cheked via la valeur $civilite pour qu’il soit déjà activé en cas d’erreur.
Nous plaçons un sélecteur de tranche d’âge avec la balise <select> accompagnée d’un label. Indiquons la variable $age, sa valeur.
Nous faisons la même chose avec la case à coché chekbox.
Pour que dans le message il apparaisse l’heure, la date et autre; nous pouvons indiquer dans la valeur $message dans le if (( $nom ……
Le code CSS:
Pour aligner les spires il faut rajouter quelques pixels à l’image dans l’enveloppe.
Les liens, de l’entête et du pied de page, sont placés en dehors. Ils sont en display:block, en overflow:hidden, une hauteur est appliqué, et un padding-top de même hauteur pour les chasser.
PHP
La galerie est d’abord faite en html (.php).Un script est placé pour indiquer le chemin. Un autre script d’appel est placé le plus bas possible(pour que celui-ci est toutes les informations). Après un peu de CSS il faut l’intégrer.
Nous créons un fichier config, retailleur-image, cache et un dossier lib(contenant lib-image et lib-credit).
Nous pouvons copier le php après <ul> (dans galerie.php) et changer le chemin. Dans le fichier galerie enlever les vignettes(ce qu’on a pas besoin). Il faut donner une valeur à $largeurDiapo et $hauteurDiapo, pareil pour vignette. Il n’y a pas besoin de valeur r ni de compteur plus d’incrémentation .
Pour tester tout ça, il faut le mettre sur le serveur.
Apres la connexion sur cpanel d’o2switch, je crée un sous-domaine(site-imep.gwd-france.com) pour l’exercice évalué. Puis je me connecte à cyberduck pour envoyer le contenu dans le dossier que je viens de créer et qui est apparue dans cyberduck. Un simple glissé déposé sur le dossier suffit.
Nous pouvons vérifier que tout fonction correctement (formulaire de contact compris).