Apprendre

Au sujet de cette page

Avant de se lancer dans la réalisation d'un site web de production, il convient de faire quelques entraînements, essais et tests afin de bien maîtriser les outils de productions ainsi que les concepts et connaissances nécessaires à la réalisation.

Cette page propose un guide de progression. Chaque paragraphe numéroté correspond à une étape. Pour l'accomplir il faut lire les pages du site correspondantes et s'exercer jusqu'à avoir l'impression de maîtriser le sujet. Ensuite seulement passer à l'étape suivante.

Lorsque vous estimerez avoir une bonne maîtrise de tous les outils et langages nécessaires à la réalisation et avant d'entreprendre la conception d'un site important, il sera judicieux aussi de consulter les "annexes utiles" de ce site.

0- S'équiper

Paragraphe 0 car ce n'est encore l'apprentissage, mais pour apprendre il faut pratiquer, et pour cela avoir les moyens de le faire

Alors commençons par nous équiper en logiciels (gratuits) et en connaissances pour mener ce projet  à bien. La page suivante "L'équipement." donnera les indications nécessaires.

1- Réaliser des pages statiques.

Pour débuter, le mieux est de commencer par des réalisations simples.

Créer quelques pages (uniquement en HTML) avec l'éditeur de pages que l'on a choisi d'installer et les tester.

• Utiliser des tableaux pour structurer le texte. Placer des images.
• Ensuite définir des styles, les associer aux éléments de la page. Faire une feuille de style externe.
• Utiliser les divisions (<div>) leur associer des styles (boîte) pour faire une mise en page élaborée.

Cette première partie vous familiarisera avec votre éditeur HTML

Et, pourquoi pas, terminer en réalisant un site à destination de l'entourage (famille amis). Leur critique sera certainement constructive. On peut placer les pages sans difficultés sur le "site perso" proposé par son fournisseur d'accès Internet. Ce sera l'occasion de faire du transfert de fichiers (FTP).

On en profite aussi pour regarder et comprendre le code HTML constituant les pages. Un simple navigateur suffit en utilisant sur celui-ci, depuis le menu "Affichage", la commande "(Code) source".

2- Dynamiser avec le JavaScript

Introduire dans ses pages le Javascript : utiliser la fonction "alert()", gérer des événement ("onclic)", utiliser des variables, ouvrir des fenêtres popup ("open"). 

Ici un éditeur de texte externe ou, mieux, un EDI (Environnement de Développement Intégré) sera nécessaire.

Pour le serveur, le "site perso" convient toujours.

3- JavaScript et DOM

On continue avecJavaScript. Il s'agit de comprendre le DOM (Document Object Model) et le gérer.

• S'entraîner avec les fonctions "GetElement...." et celles de la classe "node".
• Réaliser une page affichant le calendrier du mois en cours.

4- Passer au site dynamique en PHP

Là on a besoin de plus de ressources. Pour les tests locaux, il faut installer un serveur. Si on utilise un hébergement externe, il faut s'assurer qu'il accepte le PHP et MySQL.

• Commencer, en insérant dans la page HTML,  des instructions PHP simples avec quelques fonctions : afficher un message, la date/heure du serveur.
• Utiliser les variables, les instructions de boucle : afficher le calendrier du mois actuel.
• Créer, en HTML, un formulaire, l'exploiter par le PHP : choix du mois et de l'année dont on affiche le calendrier.

5-Se familiariser avec MySQL.

Avec PhpMyAdmin,  créer une base de données, des tables.

• Insérer des enregistrements, les modifier, en supprimer, lister le contenu d'une table.
• En utilisant la fenêtre SQL de PhpMyAdmin,  faire les mêmes opérations.

6- Accéder à MySQL depuis le PHP

Faire des pages PHP agissant sur les tables de la base de données : insertion, modification, suppression, liste.

7- Programmation objet

Elle est possible tant en PHP qu'en JavaScript. Mais nous ne l'abordons pas sur ce site sauf un peu dans le JavaScript. A vous de progresser seuls....

C'est parti...

Le programme est prêt, il reste à le mettre en application.

=> L'équipement.