|
Conception et implémentation d'un site web pour l'archivage et la commande en ligne des journaux dans une maison de presse écrite.( Télécharger le fichier original )par Stephen Salama Mbalu Université Chrétienne Bilingue du Congo - Licence 2014 |
3.2. LES PAGES WEBPhp est un langage de script qui s'exécute du coté serveur et non du coté client. Les pages web que nous concevons doivent ainsi porter l'extension .php car elles contiennent des codes php. WAMP server nous permet d'avoir un serveur WEB en local, ce qui nous facilite la tâche dans les tests pendant la création de nos pages web. Dans WAMP SERVER, les pages ainsi créées doivent être placées dans le dossier www qui a pour dossier parent le dossier wamp qui lui se crée automatiquement pendant l'installation. C'est donc là que seront stockées toutes les pages web que nous auront à concevoir et donc tout le site web. Pour notre cas, nous avons encore créé un autre dossier que nous avons intitulé MonProjet pour le différencier d'autres projets existant dans ce dossier www. Ainsi, dans les sections qui suivent nous présentons quelques pages réalisées jusqu'ici. 3.2.1. La constitution générale de toutes les pages :a. L'entête :Le doctype utilisé dans nos pages est celui du html5 : <!DOCTYPE html> <!-- Le doctype pour html version 5--> Comme nous pouvons le constater, le doctype de html 5 est ridiculement simple, contrairement à celui de la version 4.1 de html ou de XHTML 1.0 qui se présente de la manière : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > La balise doctype permet de renseigner au navigateur la version du html utilisé. Code pour l'entête : <tr id="entete"> <td class="section-td"> <table class="section-table" align="center"> <tbody> <tr> <td><h1 id="image-entete"><a href="Index.php"><img id="seal" src="Images/coulisse.png" align="left"></a></h1></td> <td> <a href = "Login.php"><div class = "login">Se Connecter </div></a></td> <td> <a href = "Deconnexion.php"><div class = "login1">Deconnexion </div></a></td> </tr> </tbody> </table> </td> </t > Contacts : stephensalama2@ gmail.com, Watsapp : +243994753393, Tel: +221765630372 Contacts : stephensalama2@ gmail.com, Watsapp : +243994753393, Tel: +221765630372 58 Ce code est isolé dans un fichier php que nous appellons sur la page par l'instruction php qui est : <?php include ("Includes\Entete.php")?> Ceci signifie que « Entete.php » se trouve dans le dossier nommé « Includes ». Cela permet de ne pas réécrire le même code à chaque fois que nous voulons placer l'entête sur une page. b. la structure générale du code HTML pour nos pages <!DOCTYPE html> <!-- Le doctype pour html version 5--> <!-- Accueil pour les coulisses --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1252"> <title>Journal Les Coulisses</title> <meta name="description" content=""> <meta name="keywords" content=""> <link rel="stylesheet" type="text/css" href="StyleSheets/common.css"> <!-- lien vers la feuille de style commune a toutes les pages --> <link rel="stylesheet" type="text/css" href="StyleSheets/index.css"> <!-- lien vers la feuille de style de la page d'accueil seulement --> </head> <body onload="setCurrentTab()"> <table border="0" cellspacing="0" width="100%"> <tbody> <!-- $$$$$$$ Entete $$$$$$$ --> <?php include ("Includes\Entete.php")?> <!-- ici nous incluons l'entete dans cette page, l'entete qui est aussi une page php que nous avons mis a part--> <!-- Barre de Navigation --> <?php include ("Includes\Navigation.php")?> 59
<td class="content" <!-- Nous placons ici le contenu de la page--> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <!-- Debut Pied de page --> <?php include ("Includes\PiedDePage.php")?> </tbody> </table> </body> </html> Contacts : stephensalama2@ gmail.com, Watsapp : +243994753393, Tel: +221765630372 60 Dans ce code, nous avons fait appel à deux fichiers php qui sont Navigation.php, PiedDePage.php et Entete.php. |
|
