Réalisation de sites web

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

Sommaire détaillé

Mentions légales.

Chapitres de cette page
Contenu  -> 

Page mise à jour le : 12-08-2015

Haut de la page

Utiliser ce site
A qui s'adresse ce site
Pourquoi et comment...
Allons-y

Accueil

Utiliser ce site

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.

A qui s'adresse ce site

* 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).

Pourquoi et comment réaliser un site web

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.

Bien qu'il ne soit pas indispensable de connaitre le langage HTML pour réaliser quelques pages simples, sa connaissance est nécessaire lors de  la création de sites dynamiques (voir ci-dessous) à partir de langages de programmation sur le serveur.

* 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.

Allons-y


Vous êtes prêts pour l'aventure ?

Oui, alors commençons par esquisser un programme d'apprentissage.

=> Comment apprendre.