Le projet

L'idée, donc, c'est de créer un site pour présenter ESABAC au lycée Paul Héroult.

Avec ce que vous venez d'apprendre, et seulement ça pour le moment. Ensuite on s'attaquera au style pour que ce ne soit pas qu'une ébauche de site.

Nous allons donc nous inspirer des sites des STI2D SIN,  BTS maintenance et des BAC-Pro SEN du lycée, avec :

Une page de présentation : index.php                ------> Lafiosca, Bozon, Vionnet

Une page a-propos.php                                 -----> Albert, Lascar

Une page formation.php                                    ------> Meunier, Bastelica

Une page post bac post-esabac.php                  ------> Jobert, Richard

Une page liste-etablissement.php                  ------> Joet, Tronel, Reynaud

Une page contact.php                                  ------> Bois A, Bonaldi

Une page texte, liens officiels referentiel.php        ------> Bois C, Polaud.

Des pages qui existent déjà plus ou moins : plan-du-site.php ; acces.php ; portes-ouvertes.php ; plan-du-site.php ; telechargement.php

Les pages seront toutes stockées dans le même répertoire.

Le boulot consiste donc surtout, à ce stade, à créer les liens entre les pages.
Comme il y a le menu et certains liens qui sont communs à toutes les pages, on n'est pas obligé de les écrire à chaque fois chacun dans son coin. Mais pour l'instant, on procède comme ça, à titre d'exercice. Après, on verra qu'il existe un troisième langage (PHP) qui permet dans certaines conditions d'inclure des bouts de page web et de ne pas faire 6 fois le même travail...
On peut aussi à ce stade chercher des images pour illustrer, et prévoir des vidéos à intégrer, une fois le texte écrit par vous et validé par le web-master (ce sera M. Yard et Mme Renaud).

Les images seront stockées dans un répertoire "images" et les vidéo dans un répertoire "videos"

Les documents (comme les textes officiels) seront stockés dans un répertoire "documents".

Pour la suite, le style sera écrit dans un fichier *.css enregistré dans un répertoire "css". Le fichier sera du type prenom.css : pas d'accent, pas de majuscule.

Exemple pour Théo ---> theo.css

J'attends un fichier css par élève.

Créé avec HelpNDoc Personal Edition: Créer des documents d'aide facilement