CFAD. Livret de la formule Webmaster. Qu est-ce qu un Webmaster? En tant Normal, il s agit de la personne responsable d un site.

Transcription

1 CFAD Livret de la formule Webmaster Qu est-ce qu un Webmaster? En tant Normal, il s agit de la personne responsable d un site. Mais dans notre cas, nous allons considérer que le Webmaster et celui qui, outre la responsabilité du site qui lui incombe, est le développeur du site lui-même! Du coup, il serait bien à propos de parler plutôt d une formation du genre «super-webmaster» LE PLAN DE LA FORMATION Analyse du projet Développement du site Recherche et configuration d un hébergement + Mise en ligne du site Page 1

2 L analyse du projet Même s il n est pas nécessaire d être en possession d un BAC+2 en informatique pour envisager l élaboration d un site qui «tient la route», il conviendra, en dépit de cela, de se poser un minimum de questions avant de se lancer dans l écriture des premières lignes de code. Quelques aperçus Organigramme de l enchaînement des pages PAGE D ACCUEIL (index.php) Texte Contact (contact.php) Droits (droits.php) Téléchargement (download.php) Tutoriels (sommaire.php) Sommaire > tutoriels Texte Texte Liste > téléchargements A développer Page 2

3 Le partage des données communes La grande majorité des pages d un site a la particularité de partager un certain nombre de données, ce sont en quelle que sorte des cadres. Exemple : 1. La barre de titre ; 2. La bannière ; 3. Le sommaire principal ; 4. Le pied de page. Afin d éviter la réécriture de ces informations dans toutes les pages, il conviendra de les enregistrer dans des fichiers «texte» externes. Le PHP nous permet, grâce à la fonction «require», d insérer ces fichiers dans les cadres appropriés. Cette technique apporte les avantages suivants : 1. Économie de saisie ; 2. Facilité de mise à jour des données communes, par conséquent, le site peut être évolué dans un certain confort. Page 3

4 Barre de titre Titre.txt Barre de titre Bannière Banniere.txt Bannière Sommaire.txt Page d accueil Page Contact Texte de la page Texte de la page Pied de page Pied_de_page.txt Pied de page la base de données La base de données 1 est créée avec Easy-PHP. Cette démarche en 5 étapes est relativement méthodique, elle intègre l analyse organique et MERISE. ANALYSE Analyse Organique MERISE Rédaction du cahier des charges Description et enchaînement des pages Recensement des données Conception des tables et des Établissement des relations et des contraintes clés primaires 1 Ensemble des données organisées et liées ; Page 4

5 Programmation La formation repose essentiellement sur 3 langages de programmation. LANGAGES { HTML5 Conception du contenu des pages PHP Dynamisation des pages SQL Gestion de la base de données Aperçu du XHTML Page 5

6 <p style="text-align: center"> <!-- Affichage d'une image centrée --> <img src="photos/clavier.gif" alt="un clavier" /> </p> <!-- Ouverture d'un tableau de 2 colonnes --> <table boreder="1" style="margin: auto"> <caption>formulaire de courrier</caption> <!-- Ouverture du formulaire --> <form action="envoyer-courrier.php" method="post"> <tr><td> <!-- Le nom de l expéditeur, zone d'édition simple --> <label ="expediteur"> Votre nom :<br /></label> <input type="text" name="expediteur" id="expediteur" size="18" /> </td><td> <!-- Le téléphone, zone d'édition simple --> <label for="telephone"> Votre téléphone : <br /></label> <input type="text" name="telephone" id="telephone" size="18" /> </td></tr> <tr><th colspan="2"> <! L adresse de messagerie, zone d'édition simple --> <label for=" "> Votre <br /></label> <input type="text" name=" " id=" " size="45" /> </th></tr><tr><th colspan="2"> <!-- Le sujet ou objet du message, zone d'édition simple --> <label for="sujet"> L'objet du courrier :<br /></label> <input type="text" name="sujet" id="sujet" size="50" /> </th></tr> <tr><th colspan="2"> <! Le message, affichage d'une zone d'édition multi lignes --> <label for="message"> Votre courrier :<br /></label> <textarea name="message" id="message" cols="55" rows="15"></textarea> </th></tr><tr><th colspan="2" style="text-align: center"> <!-- Affichage du bouton de validation avec un raccourci clavier --> <input type="submit" value="envoyer" accesskey="v" /> </th></tr></table></form> Page 6

7 Aperçu du PHP <?php // Fichier script pour envoyer le courrier au Webmaster // Récupération du formulaire via la méthode POST extract ($_POST,EXTR_OVERWRITE); // Préparation des variables locales en vue de l'expédition du courrier $envoi = 'from:"destination-univers"<philippe.boulanger@jawsactions.fr>'."\n"; $destinataire = "philippe.boulanger@jaws-actions.fr"; $notification = "Courrier en provenance du site Destination- Univers\nexpéditeur : ".$expediteur."\ntéléphone : ".$telephone."\n ".$ ."\nSujet : ".$sujet."\ncourrier : \n".$message; // Go pour l'expédition! mail ($destinataire,$sujet,$notification,$envoi); // Affichage d'une page de confirmation d'envoi à l'utilisateur header ("location:confirmation.php");?> Aperçu du SQL <?php // fichier script pour enregistrer un contact // Récupération du formulaire extract ($_POST,EXTR_OVERWRITE); // Vérifie si le champ "nom" a été renseigné if ((Nom=="") { // échec, le champ obligatoire n'a pas été renseigné par l'utilisateur header ("location:champ_manquant.php"); } else { // Tout est Ok // Connexion au serveur et à la base de données include ("connexion.inc"); $TableContacts = mysql_query ("insert into contacts (Nom, Prenom) values ('".addslashes($nom)."','".addslashes($prenom)."');"); // vérifie si l'enregistrement a réussi if ($TableContacts) { // Ok pour l'affichage du message de confirmation header ("location:confirmation.php"); } else { // Erreur d'enregistrement header ("location:erreur.php"); }}?> Page 7

8 La suite A ce stade de la formation, nous sommes en mesure de répondre à tout un tas de questions intrigantes Qu est-ce qu un navigateur? Un moteur de recherches? Qu est-ce qu une adresse URL? Lien relatif ou absolu? Qu est-ce qu un FTP? Download ou Upload? Pourquoi le streaming? Quelles différences entre les balises de types block et inline? Les attributs? Qu est-ce qu un domaine et un sous-domaine? Une adresse d hôte? Pourquoi le port 21? Page 8

9 CuteFTP & FileZilla, les clients-ftp Ce sont des logiciels qui permettent d ouvrir simultanément un site sur le serveur distant ainsi que sa copie sur l ordinateur local. Page 9

10 Page 10