Sommaire du site
Présentation
Comment apprendre
L'équipement
La page web
Styles et CSS
HTML, structure de la page
HTML, éléments du corps
Le langage JavaScript
JavaScript, objets "core"
JavaScript, DOM, les bases
JavaScript, DOM, node
JavaScript, compléments
Le langage PHP, les bases
PHP, fonctions utiles
PHP pour le web
PHP, compléments
SQL, introduction
MySQL et PHP pour le web
MySQL, plus loin...
Applications AJAX
Annexes utiles
Fichier .htaccess
Sécurité des sites web
Conception d'un site web
Référencement,
syndication
Page mise à jour le : 12-08-2015
Ce site est prévu pour être consulté avec un navigateur récent.
Si la présentation de la page n'est pas conforme à celle décrite ci-dessous, il serait utile que vous
téléchargiez et installiez un nouveau navigateur, par exemple Mozilla Firefox :
http://www.mozilla-europe.org/fr/ (ce lien ouvre
une autre fenêtre ou un nouvel onglet).
D'autre part, si votre navigateur n'a pas le JavaScript activé, certaines possibilités du site seront absentes ou ne fonctionneront pas
L'essentiel de la page, situé au centre de la fenêtre (donc ici), est le contenu présenté.
La partie gauche de chacune des pages contient les liens de navigation dans le site.
La partie du haut à droite facilite la navigation dans la page
En bas à droite se trouvent deux liens "outils" qui ouvrent des fenêtre "popup".
Certaines pages contiennent des liens vers d'autres sites web. Ils sont présentés encadrés en pointillé. Les activer ouvre une nouvelle fenêtre de navigateur ou un nouvel onglet pour afficher le contenu du site externe.
* Ce site s'adresse aux personnes désirant mettre en place un site web.
* On considère que le lecteur est familiarisé à l'utilisation du web sur un ordinateur.
* On considère aussi que le lecteur n'est pas un expert de la réalisation du site web. Dans ce cas, il n'apprendra pas grand chose ici.
* Ce site n'est pas un ouvrage de référence en la matière. Il contient les informations essentielles pour mener à bien la réalisation d'un site web et dispose de renvois (liens) vers des sites spécialisés selon les sujets traités.
Ce site est utilisé notamment dans le cadre d'ateliers-formation de réalisation de sites web mis en place à Villefontaine (Isère - France).
Pour mettre à disposition d'un public large ou restreint des informations, il est commode de placer celles-ci sur un site web. Ainsi les internautes concernés pourront facilement les consulter. De plus, si des mises à jour doivent être faites, elles pourront être réalisées rapidement et sans délai de diffusion.
La mise à disposition d'informations sur un site web peut être réalisée par différents moyens. Le plus simple est de créer un "blog", cependant si sa mise en place et la création de contenu est simple, on reste lié à la structure qu'à défini l'hébergeur du blog.
Aussi pour des réalisations plus personnalisées voire complexes, le mieux est de créer son propre site web. Mais, comme souvent, il faut avoir les moyens de ses ambitions, il ne faut pas cacher que cela demande plus d'efforts que la réalisation d'un simple blog.
* Tout d'abord, il faut se trouver un hébergement, c'est à dire un emplacement sur le web où mettre son site.
* Ensuite, il faut rédiger les pages, ce n'est pas très compliqué car il existe des logiciels adaptés de type "traitement de texte" qui créeront les pages dans le langage de description HTML compris par les navigateurs.
Le langage HTML décrit le contenu et la structure de la page. Donc les textes, les images et leur disposition.
* Enfin, on transfère les pages créées sur le site hébergé, là aussi des logiciels spécialisés existent.
On a ainsi produit un site web dit "statique". Cette première approche n'est finalement pas très difficile. Elle est présentée dans les premières pages de ce site.
Or, souvent, on souhaite que le contenu du site dépende du contexte de sa consultation. Par exemple une association désire présenter ses activités au public mais aussi donner une information plus confidentielle à ses membres. Dans ce cas il faut que les pages du site soient construites au moment de leur lecture selon le profil de l'internaute, il s'agit alors de pages "dynamiques".
La réalisation de pages dynamiques repose sur l'écriture de programmes générant les pages sur le serveur. Il faut donc alors utiliser un langage de programmation utilisable sur le serveur. Il en existe plusieurs, le plus répandu est PHP.
Dans le cas de sites dynamiques, on a aussi souvent besoin d'utiliser des informations placées dans des bases de données situées sur le serveur. Ainsi il faut associer au langage de programmation générant les pages, un langage de gestion de bases de données. Généralement, il s'agit du langage SQL.
De plus, afin de rendre le site plus attrayant et sa navigation aisée. Il est utile de gérer plus finement certains événements produits par l'utilisateur comme un clic de souris pour ouvrir une fenêtre "popup". Cela ce fait aussi avec un langage de programmation mais qui, cette fois, sera exécuté sur la machine de l'utilisateur. Le plus fréquent est JavaScript.
Vous êtes prêts pour l'aventure ?
Oui, alors commençons par esquisser un programme d'apprentissage.