Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

1 Introduction Préambule Un site ou site web (de l'anglais website, qui se trad

1 Introduction Préambule Un site ou site web (de l'anglais website, qui se traduit littéralement en français par site de la toile) est un ensemble de pages web hyperliées entre elles et accessible à une adresse web. Le nombre de sites a augmenté rapidement en 2005 et en 2006 grâce à la popularité croissante des blogs, des pages personnelles et des sites de petites entreprises. 1. Structure d’un site web Un site web est un ensemble de pages qui peuvent être consultées en suivant des hyperliens à l'intérieur du site. L'adresse web d'un site correspond en fait à l'URL d'une page web, prévue pour être la première consultée : la page d'accueil en générale index.php ou index.html. La consultation des pages d'un site s'appelle une « visite », car les hyperliens devraient permettre de consulter toutes les pages du site sans le quitter (sans devoir consulter une page web hors du site). 2. Les types des sites Il existe deux types de sites : les sites statiques et les sites dynamiques. 2.1. Site statique Ce sont des "vitrines". Les visiteurs peuvent voir le contenu du site mais ne peuvent pas y participer. Pour les réaliser, deux langages sont nécessaires : le (X)HTML et le CSS (en théorie, il est toutefois possible d'utiliser uniquement le HTML ou le XHTML). – Le (X)HTML permet d'écrire le contenu de sa page. – Le CSS permet de la décorer. 2 2.2. Site dynamique Ces sites ne sont pas que des "vitrines" : les visiteurs peuvent y participer. Pour les réaliser, on a également besoin du (X)HTML et du CSS, mais il faut aussi un autre langage qui crée dynamiquement les pages. Il existe plusieurs langages pour créer ces pages (Java, C#, PHP, Ruby, Python, etc.). Leurs rôles est d'analyser les requêtes des visiteurs pour ensuite fabriquer une réponse adaptée. 3. Comment fonctionne un site web ? Lorsqu’on visite un site web, on tape son adresse dans un navigateur web, que ce soit Mozilla Firefox, Internet Explorer, Opera, Safari ou un autre. Il faut savoir qu'Internet est un réseau composé d'ordinateurs. Ceux-ci peuvent être classés en deux catégories. Les clients : ce sont les ordinateurs des internautes. Votre ordinateur fait donc partie de la catégorie des clients. Chaque client représente un visiteur d'un site web. Les serveurs : ce sont des ordinateurs puissants qui stockent et délivrent des sites web aux internautes, c'est-à-dire aux clients. La plupart des internautes n'ont jamais vu un serveur de leur vie. Pourtant, les serveurs sont indispensables au bon fonctionnement du Web. 3.1. Cas d'un site statique Lorsque le site est statique, La communication est donc plutôt basique: 1. le client demande au serveur à voir une page web ; 2. le serveur lui répond en lui envoyant la page réclamée sans les modifier. Figure 1: Transferts avec un site statique 3 3.2. Cas d'un site dynamique Lorsque le site est dynamique, il y a une étape intermédiaire : la page est générée (fig. suivante). 1. Le client demande au serveur à voir une page web ; 2. le serveur prépare la page spécialement pour le client ; 3. le serveur lui envoie la page qu'il vient de générer. Figure 2: Transfert avec un site dynamique La page web est générée à chaque fois qu'un client la réclame. C'est précisément ce qui rend les sites dynamiques vivants : le contenu d'une même page peut changer d'un instant à l'autre. 4. De quels programmes a-t-on besoin ? Selon que l'on crée un site statique ou un site dynamique, on a besoin de logiciels différents. En fait, faire un site dynamique nécessite quelques logiciels supplémentaires. 4.1. Avec un site statique Les webmasters qui créent des sites statiques avec HTML et CSS ont en général déjà tous les programmes dont ils ont besoin.  Un éditeur de texte : tel que le Bloc-notes livré avec Windows suffit, bien qu'il soit recommandé d'utiliser un outil un peu plus évolué comme Notepad++.  Un navigateur web : il permet de tester la page web. On peut utiliser par exemple Mozilla Firefox, Internet Explorer, Google Chrome, Opera, Safari, ou tout autre navigateur. Il est conseillé de tester son site régulièrement sur différents navigateurs. 4 4.2. Avec un site dynamique Cependant, pour ceux qui travaillent sur des sites dynamiques, ces outils (éditeur de texte et navigateur) ne suffisent pas. Il est nécessaire d'installer des programmes supplémentaires. Ces programmes dont nous allons avoir besoin, quels sont-ils ?  Apache : c'est ce qu'on appelle un serveur web. Il s'agit du plus important de tous les programmes, car c'est lui qui est chargé de délivrer les pages web aux visiteurs. Cependant, Apache ne gère que les sites web statiques (il ne peut traiter que des pages HTML). Il faut donc le compléter avec d'autres programmes.  PHP : c'est un plug-in pour Apache qui le rend capable de traiter des pages web dynamiques en PHP. En clair, en combinant Apache et PHP, notre ordinateur sera capable de lire des pages web en PHP.  MySQL : c'est le logiciel de gestion de bases de données. Il permet d'enregistrer des données de manière organisée (comme la liste des membres de votre site). Tous ces éléments qui vont être utilisé pour créer des sites dynamiques sont libres et gratuits. Certes, il en existe d'autres (parfois payants), mais la combinaison Apache + PHP + MySQL est la plus courante sur les serveurs web, à tel point qu'on a créé des « packs » tous prêts qui contiennent tous ces éléments. Bien qu'il soit possible d'installer ces outils séparément, il est plus simple pour nous d'installer un paquetage tout prêt : WAMP sous Windows, MAMP sous Mac OS X ou XAMPP sous Linux. A Retenir – Site web dynamique = ensemble de page hyperlié dont le visiteur peut y participer. – La page web est générée à chaque fois qu'un client la réclame. – Pour créer un site web dynamique nous avons besoins d’un serveur web, SGBD et un plug-in PHP ou tout simplement un paquet tels que WAMP ou easyPHP. 5 Chapitre I : Initiation au développement des sites avec le langage PHP 1. Qu'est-ce que PHP? PHP: Hypertext Preprocessor, plus connu sous son sigle PHP (acronyme récursif), est un langage de programmation libre principalement utilisé pour produire des pages Web dynamiques via un serveur HTTP, mais pouvant également fonctionner comme n'importe quel langage interprété de façon locale. PHP est un langage impératif orienté-objet. PHP est un langage interprété (un langage de script) exécuté du côté serveur (comme les scripts CGI, ASP, ...) et non du côté client (un script écrit en Javascript ou une applet Java s'exécute sur votre ordinateur...). La syntaxe du langage provient de celles du langage C, du Perl et de Java. Ses principaux atouts sont : – Une grande communauté de développeurs partageant des centaines de milliers d'exemples de script PHP ; – La gratuité et la disponibilité du code source (PHP est distribué sous licence GNU GPL) ; – La simplicité d'écriture de scripts ; – La possibilité d'inclure le script PHP au sein d'une page HTML (contrairement aux scripts CGi, pour lesquels il faut écrire des lignes de code pour afficher chaque ligne en langage HTML) ; – La simplicité d'interfaçage avec des bases de données (de nombreux SGBD sont supportés, mais le plus utilisé avec ce langage est MySQL, un SGBD gratuit disponible sur de nombreuses plateformes : Unix, Linux, Windows, MacOs X, Solaris, etc...) ; – L'intégration au sein de nombreux serveurs web (Apache, Microsoft IIS, etc.). 2. Typologie La manière d'écrire les choses en langage PHP a son importance. 6 Le langage PHP est par exemple sensible à la casse (en anglais case sensitive), cela signifie qu'un nom contenant des majuscules est différent du même nom écrit en minuscules. Toutefois, cette règle ne s'applique pas aux fonctions, les spécifications du langage PHP précisent que la fonction print peut être appelée print(), Print() ou PRINT(). Toute instruction se termine par un point-virgule. Le tag de fin (?>) implique la fin d’instruction, et donc ajoute implicitement un point-virgule. Les deux exemples suivants sont équivalents. <?php echo "Ceci est un test."; ?> <?php echo "Ceci est un test." ?> 3. Implantation au sein du code HTML Pour que le script soit interprété par le serveur deux conditions sont nécessaires : – Le fichier contenant le code doit avoir l'extension telle que .php et non .html – Le code PHP contenu dans le code HTML doit être délimité par des balises du type <? et ?> Pour des raisons de conformité avec certaines normes (XML et ASP par exemple), plusieurs balises peuvent être utilisées pour délimiter un code PHP : – <? et ?> – <?php et ?> – <script language="php"> et </script> – <%php et %> Un exemple de script simple Voici ci-dessous l'exemple classique de script PHP : <html> <head><title>Exemple</title></head> <body> <?php echo "Hello world"; ?> </body> </html> 7 On notera bien évidemment que la fonction echo permet d'afficher sur le navigateur la chaine uploads/Management/ cours-php-2.pdf