Fiche "Sites Web"
La création d'un site Web complet nécessite l'acquisition d'un certain nombre de compétences :
•ergonomie :
◦composition agréable à l'oeil ;
◦organisation efficace du contenu et des liens hypertextes;
•aspects techniques :
◦héberger les fichiers du site;
◦utiliser un logiciel FTP;
◦administrer une base de données (dans le cas d'un site Web dynamique);
•langages permettant la construction de pages statiques :
◦les pages Web sont écrites avec le langage HTML pour décrire les contenus;
◦l'aspect esthétique (charte graphique) est pris en charge par les feuilles de styles CSS;
•langages permettant la construction dynamique des contenus des pages :
◦le langage PHP pour la création de contenus dynamiques (côté serveur Web)
◦le langage Javascript pour la gestion des interactions avec l'utilisateur (côté navigateur)
◦le langage SQL d'accès aux bases de données.
•langages et outils offrant des applications Internet riches (RIA, Rich Internet Applications):
◦la plateforme Adobe Flash, pour créer des contenus très élaborés.
Des outils Wysiwyg ont été créés afin d'avoir accès à la construction des sites Web sans pour autant nécessiter l'acquisition du langage HTML et des feuilles de styles CSS :
•logiciel libre Komposer
•logiciels propriétaires Adobe Dreamweaver, Adobe GoLive, Microsoft Expression
Ceslogiciels permettront la composition de pages Web pour la construction de toutes les pages d'un site statique : chaque modification du site passera par la création ou la modification d'une page, sa publication et son test en ligne.
Systèmes de gestion de contenu
Afin de simplifier la construction de contenus dynamiques, sans passer par le cycle modification, publication et test, des solutions toutes prêtes de sites Web ont été élaborées afin de répondre à des besoins particuliers (cf http://www.slideshare.net/ypavard/tour-dhorizon-des-cms-open-source )
•général : CMS(Content Management System), SGC(Système de Gestion de contenu);
•contenus collaboratifs : Wiki;
•aide en ligne, discussion : Forum;
•expression libre avec commentaires des internautes : Blog;
•gestion d'activité d'enseignement à distance : solutions eLearning.
Ces solutions permettre de s'affranchir de certains aspects technologiques pour se concentrer sur le contenu lui même. L'installation nécessite de trouver un hébergeur (qui devra proposer Apache, PHP et, souvent, MySQL), télécharger les fichiers du site et de lancer la page d'installation.
Une clef Framakey pour tester
Framakey propose une clef comportant un certain nombre d'outils permettant de tester ces solutions directement sur votre ordinateur, ce dernier faisant office de serveur Web.
Référence : http://framakey.org/WebApp/Index
Solutions CMS
Cf. http://fr.wikipedia.org/wiki/Liste_de_syst%C3%A8mes_de_gestion_de_contenu
Drupal : site de téléchargement http://drupal.org/project/drupal configuration : http://drupal.org/requirements
SPIP : site de téléchargement http://www.spip.net/rubrique151.html configuration : http://www.spip.net/fr_article885.html
Jomla : site de téléchargement http://www.joomla.org/download.html configuration : http://www.joomla.org/technical-requirements.html Guppy : site de téléchargement http://www.freeguppy.org/download.php?lng=fr
(sans base de données)
Solutions Wiki
Cf. http://fr.wikipedia.org/wiki/Liste_de_syst%C3%A8mes_de_gestion_de_contenu DokuWiki : site de téléchargement : http://www.dokuwiki.org/fr:dokuwiki
configuration : http://www.dokuwiki.org/fr%3Arequirements Réaliser un Wiki personnel :
un tutoriel sur http://www.journaldunet.com/developpeur/tutoriel/php/040428-php-wiki-1.shtml
Solution Forum
PhpBB : site de téléchargement : http://www.phpbb.com/
configuration : http://www.phpbb.com/support/documents.php?mode=instal
Solution blog
WordPress : site de téléchargement : http://wordpress.org/
configuration requise : (Apache, MySQL et PHP)
Solutions spécialisées pour l'Education
cf. http://fr.wikipedia.org/wiki/Syst%C3%A8me_de_Gestion_de_l%27Apprentissage
Services de création de site en ligne
Un certain nombre de prestataires proposent des services de création du site en ligne, de manière interactive, avec un hébergement assuré.Par exemple: http://www.gandi.net/hosting/sitemaker#main