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

S'équiper
Réaliser des pages statiques
Dynamiser avec Javascript
JavaScript et DOM
Site dynamique en PHP
MySQL
PHP et MySQL
C'est parti...

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.

Quelques idées d'exercices de réalisation sont suggérées. Il n'est pas indispensables de les faire les exercices tels quels, ce sont des possibilités en rapport avec le sujet d'apprentissage. Bien sûr chacun peut avoir d'autres idées.

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.

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.

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.

5-Se familiariser avec MySQL.

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

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.