Remerciez-le!

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

Introduction à PHP Informations sur le tutoriel Auteur : M@teo21 Difficulté : V

Introduction à PHP Informations sur le tutoriel Auteur : M@teo21 Difficulté : Visualisations : 12 140 623 Licence : Plus d'informations Historique des mises à jour Le 11/04/2010 à 19:03:02 Mise à jour de toutes les annexes Le 07/04/2010 à 09:58:20 Zippe la table SQL du blog Le 06/04/2010 à 12:43:33 Zippe la table SQL jeux_video pour le téléchargement Ce qui fait le succès du Web aujourd'hui, c'est à la fois sa simplicité et sa facilité d'accès. Un internaute lambda n'a pas besoin de savoir "comment ça fonctionne derrière". Et heureusement pour lui. En revanche, un apprenti webmaster tel que vous doit, avant toute chose, connaître les bases du fonctionnement d'un site web. Qu'est-ce qu'un serveur et un client ? Comment rend-on son site dynamique ? Que signifient PHP et MySQL ? Ce premier chapitre est là pour répondre à toutes ces questions et vous montrer que vous êtes capables d'apprendre à créer des sites web dynamiques. Tous les lecteurs seront à la fin rassurés de savoir qu'ils commencent au même niveau ! Sommaire du chapitre : Les sites statiques et dynamiques Comment fonctionne un site web ? Les langages du Web Et la concurrence ? Q.C.M. Les sites statiques et dynamiques On considère qu'il existe 2 types de sites web : les sites statiques et les sites dynamiques. Les sites statiques : ce sont des sites réalisés uniquement à l'aide des langages (X)HTML et CSS. Ils fonctionnent très bien mais leur contenu ne peut pas être mis à jour automatiquement : il faut que le propriétaire du site (le webmaster) modifie le code source pour y ajouter des nouveautés. Ce n'est pas très pratique quand on doit mettre à jour son site plusieurs fois dans la même journée ! Les sites statiques sont donc bien adaptés pour réaliser des sites "vitrine", pour présenter par exemple son entreprise, mais sans aller plus loin. Ce type de site se fait de plus en plus rare aujourd'hui, car dès que l'on rajoute un élément d'interaction (comme un formulaire de contact), on ne parle plus de site statique mais de site dynamique. Les sites dynamiques : plus complexes, ils utilisent d'autres langages en plus de (X)HTML et CSS, tels que PHP et MySQL. Le contenu de ces sites web est dit "dynamique" parce qu'il peut changer sans l'intervention du webmaster ! La plupart des sites web que vous visitez aujourd'hui, y compris le Site du Zéro, sont des sites dynamiques. Le seul prérequis pour apprendre à créer ce type de site est de déjà savoir réaliser des sites statiques en XHTML et CSS (vous pouvez lire mon cours sur XHTML et CSS pour vous mettre à niveau). L'objectif de ce cours est de vous rendre capables de réaliser des sites web dynamiques entièrement par vous-mêmes, pas à pas. En effet, ceux-ci peuvent proposer des fonctionnalités bien plus excitantes que les sites statiques. Voici quelques éléments que vous serez en mesure de réaliser : Un espace membres : vos visiteurs peuvent s'inscrire à votre site et avoir accès à des sections qui leur sont réservées. Un forum : il est courant aujourd'hui de voir les sites web proposer un forum de discussion pour s'entraider ou simplement pour passer le temps. Un compteur de visiteurs : vous pouvez facilement compter le nombre de visiteurs qui se sont connectés dans la journée sur votre site, ou même connaître le nombre de visiteurs en train de naviguer dessus ! Des actualités : vous pouvez automatiser l'écriture d'actualités, en offrant à vos visiteurs la possibilité d'en rédiger, de les commenter, etc. Une newsletter : vous pouvez envoyer un e-mail à tous vos membres régulièrement pour leur présenter les nouveautés et les inciter ainsi à revenir sur votre site. Bien entendu, ce ne sont là que des exemples. Il est possible d'aller encore plus loin, tout dépend de vos besoins. Sachez par exemple que la quasi-totalité des sites de jeux en ligne sont dynamiques. On retrouve notamment des sites d'élevage virtuel d'animaux, des jeux de conquête spatiale, etc. Mais... Ne nous emportons pas. Avant de pouvoir en arriver là, vous avez de la lecture et bien des choses à apprendre ! Commençons par la base : savez-vous ce qui se passe lorsque vous consultez une page web ? Comment fonctionne un site web ? Lorsque vous voulez visiter un site web, vous tapez son adresse dans votre navigateur web, que ce soit Mozilla Firefox, Internet Explorer, Opera, Safari ou un autre. Mais ne vous êtes-vous jamais demandé comment faisait la page web pour arriver jusqu'à vous ? 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 comme vous. Votre ordinateur fait donc partie de la catégorie des clients. Chaque client représente un visiteur d'un site web. Dans les schémas qui vont suivre, l'ordinateur d'un client sera représenté par cette image : 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. L'image ci-dessous représentera un serveur dans les schémas suivants : La plupart du temps, le serveur est dépourvu d'écran : il reste allumé et travaille tout seul sans intervention humaine, 24h/24, 7j/7. Un vrai forçat du travail. On résume : votre ordinateur est appelé le client, tandis que l'ordinateur qui détient le site web est appelé le serveur. Comment les deux communiquent-ils ? C'est justement là que se fait la différence entre un site statique et un site dynamique. Voyons voir ensemble ce qui change. Cas d'un site statique Lorsque le site est statique, le schéma est très simple. Cela se passe en deux temps : Le client demande au serveur à voir une page web. 1. Le serveur lui répond en lui envoyant la page réclamée. 2. La communication est donc plutôt basique : "Bonjour, je suis le client, je voudrais voir cette page web." "Tiens, voilà la page que tu m'as demandée." Sur un site statique, il ne se passe rien d'autre. Le serveur stocke des pages web et les envoie aux clients qui les demandent sans les modifier. Cas d'un site dynamique Lorsque le site est dynamique, il y a une étape intermédiaire : la page est générée. Le client demande au serveur à voir une page web. Le serveur prépare la page spécialement pour le client. Le serveur lui envoie la page qu'il vient de générer. 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. C'est comme cela que certains sites parviennent à afficher par exemple votre pseudonyme sur toutes les pages. Étant donné que le serveur génère une page à chaque fois qu'on lui en demande une, il peut la personnaliser en fonction des goûts et des préférences du visiteur (et afficher entre autres son pseudonyme). Les langages du Web Lorsqu'on crée un site web, on est amené à manipuler non pas un mais plusieurs langages. En tant que webmaster, il faut impérativement les connaître. Certains programmes, appelés WYSIWYG (What You See Is What You Get), permettent d'aider les plus novices à créer un site web statique sans connaître les langages informatiques qui se cachent derrière... Mais pour réaliser un site dynamique comme nous le souhaitons, nous devrons absolument mettre les mains dans le cambouis. Pour un site statique : XHTML et CSS De nombreux langages ont été créés pour produire des sites web. Deux d'entre eux constituent une base incontournable pour tous les webmasters : XHTML : c'est le langage à la base des sites web. Il ressemble beaucoup au HTML mais impose quelques règles un peu plus strictes. Dans la mesure du possible je recommande d'utiliser XHTML plutôt que HTML car cela vous force à soigner le code source de vos sites. XHTML est un langage simple à apprendre qui fonctionne à partir de balises. Voici un exemple de code XHTML : Code : HTML <p>Bonjour, je suis un <em>paragraphe</em> de texte !</p> CSS : c'est le langage de mise en forme des sites web. Tandis que le XHTML permet d'écrire le contenu de vos pages web et de les structurer, le langage CSS s'occupe de la mise en forme et de la mise en page. C'est en CSS que l'on choisit notamment la couleur, la taille des menus et bien d'autres choses encore. Voici un code CSS : Code : CSS div.banner { text-align: center; font-weight: bold; font-size: 120%; } Ces langages sont la base de tous les sites web. Lorsque le serveur envoie la page web au client, il envoie en fait du code en langage XHTML et CSS. Le serveur envoie du XHTML et du CSS au client Le problème, c'est que lorsqu'on connaît seulement XHTML et CSS, on ne peut produire que des uploads/S4/ php 6 .pdf