Vous êtes sur la page 1sur 20

Dcouverte des Logiciels Libres

Cration de pages Web


Pascal Vander-Swalmen 2009 - 2010

Liens utiles

http://www.w3schools.com/

Rfrence Pens pour les dbutants Communaut francophone : http://drupalfr.org/

http://www.siteduzero.com/

http://drupal.org/

http://www.cmsmatrix.org/

Cration de pages Web


Historique Principe de fonctionnement HTML CSS PHP SQL CMS

Historique

Annes 60, guerre froide Scurit des donnes sensibles


loignement Dcentralisation ARPA network (1969) Rseau des rseaux

Advanced Research Projects Agency

Annes 80 : ouverture aux scientifiques

Historique

TCP/IP Tim Berners-Lee (annes 1990)


Cre HTML HTTP WolrdWideWeb Navigateur Web diteur Web

Principe de fonctionnement

HTML

Hyper Text Markup Language (langage de marquage hypertexte)


Doctype Head Body

Contenu statique connu au dpart Contenu fixe d'une page Web (texte, image, ...) Mise en forme possible, mais...

CSS

Cascading Style Sheets Feuille de style Contient les proprits de mise en forme pour certains types de contenu Structure le formatage

HTML + CSS

Pourquoi sparer le fond de la forme ?

Mise jour du contenu simplifie car fichier HTML plus clair et simple Modification du style aise car tout est runi au sein d'un mme fichier Affichage plus propre, mieux fini, gestion du contenu par appartenance un type de contenu Facilite le travail des lecteurs automatiques des personnes handicapes

Principe de fonctionnement

Principe de fonctionnement

Principe de fonctionnement

Principe de fonctionnement

PHP

PHP

PHP: Hypertext Preprocessor Code excuter sur le serveur afin de gnrer du code HTML Contenu dynamique

Principe de fonctionnement

SQL

Structured Query Language Bases de donnes


Les bases sont sur le serveur Utilis conjointement avec PHP, le contenu d'une page peut facilement tre gr dans des bases de donnes MySQL (GNU ou propritaire si utilisation commerciale) PostgreSQL (BSD)

Diffrents SGBD, exemples :

Principe de fonctionnement

Comment coder ?

diteurs libres travaillant en texte brut


Geany Bluefish Mozilla Composer (suite Seamonkey) Kompozer BlueGriffon

diteurs WYSIWYG libres


CMS

Content Management System Ensemble de pages Web dj cres et paramtrables


Fonctionnement par modules Dvelopper un site ne demande aucune comptence particulire Simplement du paramtrage en ligne et de la recherche sur Internet afin de trouver l'outil dsir Seul travail : personnalisation et graphisme Fiabilit, scurit, volutivit

CMS

Citons :

Joomla! Drupal Wordpress Typo3 Spip (plus de 200 actuellement)