Faciliter la publication web

Un article de Wiki PDS2.


Cette page fait suite à la discussion [1] (http://integralsport.com/viewtopic.php?p=111590#111590) sur Integralsport. Elle doit condenser et résumer la discussion pour servir de référence par la suite.

Sommaire

Les types de sites

Tout site basiquement est composé de pages HTML, un langage de description de page. Faites un clic-droit et sélectionnez "afficher la source" ou "code source de la page" pour afficher le code HTML de n'importe quelle page. XHTML est une évolution au niveau de la cohérence. Ce code HTML, un simple texte, est envoyé par le serveur au logiciel navigateur qui affiche la page en interprétant le HTML. Un site dynamique fabrique la page HTML au moment où le visiteur la demande, alors que les pages d'un site statique ne changent pas. Javascript, un langage de script côté client, permet de rajouter de l'interactivité au niveau du navigateur, alors que les sites dynamiques reposent sur des scripts côté serveur.

Sites statiques

Les sites statiques sont des sites créés à partir d'une collection de pages HTML (ou XHTML) reliées entre elles par des liens dynamiques.

Avantages Inconvénients
  • Simples à créer (quoique, les menus d'accés et retour à un niveau supérieur d'arborescence où à l'acceuil deviennent vite des éléments durs à gérer)
  • Rapides à afficher (sous réserve de rester résonnable quant au poids total d'une page donnée, à savoir environ 100Ko)
  • Simples à héberger
  • Lourds à gérer dès qu'ils dépassent quelques pages
  • Difficiles à gérer à plusieurs personnes
  • Ces sites deviennent vite totalement statiques, sans mise à jours

Sites dynamiques

Les sites dynamiques s'appuient sur trois éléments :

  • Un moteur de base de données, qui va permettre de stocker les données des différentes pages
  • Un langage de génération de page, qui va générer des pages affichables (seul le HTML ou le XHTML peuvent être affichés par un butineur) à partir des éléments disponibles dans la base de données
  • Un moteur de site qui va s'appuyer sur les deux premiers éléments pour générer les pages du site. Ce moteur peut être écrit par le gestionaire du site, acheté ou encore utilisé s'il s'agit d'un moteur libre.
Avantages Inconvénients
  • Facilité de mise à jour du site par plusieurs personnes différentes
  • Homogénéité de l'affichage
  • Plus difficiles à mettre en oeuvre au début
  • Plus difficilement personnifiable (possibilité de personnalisation partielle par utilisation de thèmes s'il en existe)
  • Tous les hébergeurs ne peuvent pas accepter tout les moteurs de sites dynamiques
  • Lenteur de l'affichage chez certains hébergeurs gratuits

Les problèmes à résoudre

Quelques liens intéressants

Les Langages et leurs documentations

Le HTML, XHTML, les CSS

  • Un excellent manuel en français sur le site de SELFHTML (http://fr.selfhtml.org/).

Le PHP

Langage de script côté serveur permettant de rendre un site dynamique.

MySql

Apache

Parce qu'il est parfois nécessaire de comprendre ce que l'on ne peut pas modifier ou presque. Apache est le plus souvent le serveur de page, ce qui prépare la page et l'envoie au butineur de votre lecteur. Il est important de comprendre comment il marche.

Le fichier de configuration .Htaccess

Rédaction

  • Adapter un document papier au web (http://www.redaction.be/exemples/dupapierauweb_avr_05.htm) : comment éviter les soucis de mises en pages, les pièges à éviter, ...

Outils de création et éditeurs

Un grand nombre d'outils peuvent être trouvé sur le site framasoft (http://www.framasoft.net/).

Produit Description Licence Qui Utilise
NVU (http://www.nvu.com/) (framasoft (http://www.framasoft.net/article2243.html)) Un bon éditeur Wysiwyg de pages HTML et XHTML. GNU (http://fr.wikipedia.org/wiki/Licence_de_documentation_libre_GNU) Michel Rotta (http://integralsport.com/profile.php?mode=viewprofile&u=450)
HAPedit (http://hapedit.free.fr/) Une bon éditeur pas Wysiwyg de pages HTML, XHTML, PHP et ASP. Le projet est un peu en sommeil, hélas. freeware (http://fr.wikipedia.org/wiki/Freeware) Michel Rotta (http://integralsport.com/profile.php?mode=viewprofile&u=450)
Dev PHP (http://devphp.sourceforge.net/) (framasoft (http://www.framasoft.net/article1668.html)) Un bon éditeur pas Wysiwyg, destiné à l'édition des pages PHP, avec un compilateur et un moteur d'affichage intégrer, tout ce qu'il faut pour tester en directe. GNU (http://fr.wikipedia.org/wiki/Licence_de_documentation_libre_GNU) Michel Rotta (http://integralsport.com/profile.php?mode=viewprofile&u=450)
SciTE (http://www.scintilla.org/SciTE.html) (framasoft (http://www.framasoft.net/article1988.html)) Pas vraiment un éditeur dédié à la création de site, plutôt un excelent éditeur de fichiers aux formats divers et variés. Très léger, très rapide, mais il faut connaître son sujet. GNU (http://fr.wikipedia.org/wiki/Licence_de_documentation_libre_GNU) Michel Rotta (http://integralsport.com/profile.php?mode=viewprofile&u=450)
TopStyle Lite (http://www.bradsoft.com) Un éditeur de feuilles de style (CSS (http://fr.wikipedia.org/wiki/CSS)) trés pratique. Pas libre mais gratuit. freeware (http://fr.wikipedia.org/wiki/Freeware) Michel Rotta (http://integralsport.com/profile.php?mode=viewprofile&u=450)

Moteur de sites

Ici aussi il y a de nombreux outils disponiblent sur Framasoft (http://www.framasoft.net/).

  • Une liste de moteur de Wiki (http://www.framasoft.net/rubrique335.html) une description de ce qu'un est Wiki (http://fr.wikipedia.org/wiki/Wiki) est disponible sur Wikipedia (http://fr.wikipedia.org/wiki/Accueil).
  • Une liste de moteur de CMS (http://www.framasoft.net/rubrique168.html) et l'explication de ce qu'est un CMS (http://www.framasoft.net/rubrique168.html)
  • Et le moteur SPIP (http://www.framasoft.net/rubrique369.html) et ces dérivés, pour plus d'explications, lisez l'article sur framasoft.
Moteur Desctiption Licence Qui utilise
Joomla (en français) (http://forum.joomlafacile.com) (framasoft) (http://www.framasoft.net/article4174.html) Un excellent moteur de CMS, il gère essentiellement des articles et des menus.

Il existe 2 versions :

  • la 1.0 actuellement en production, elle dispose de très nombreux modules et templates, largement de quoi faire rapidement un site de qualité. Elle est préinstallé sur les sites chez OVH, il suffit de l'activer, aucune connaissances informatiques nécessaires.
  • la 1.5 actuellement en béta. De très grosse amélioration dans l'architecture logiciel, une refonte total du système de plugin et des templates. Avantage, on a là un outils très solide et très ouvert, inconvéniant, de nombreux (tous) modules pour la version 1.0 devront être réécrit, même s'il existe un outil permettant d'en faire tourner certain sur la 1.5 en compatibilité.

Pour un petit site qui commence et ne nécessite pas immédiatement d'utiliser des modules ou templates non encore adapté, la 1.5, bien qu'en béta, me semble un bon choix.

GNU GPL (http://fr.wikipedia.org/wiki/Licence_de_documentation_libre_GNU) Michel Rotta
NPDS (http://www.npds.org) (framasoft (http://www.framasoft.net/article1693.html)) Un excellent moteur de CMS, avec articles (news), articles de fond, forum, gallerie de photo, FAQ, petites annonces, plusieurs niveaux d'accés et de très nombreux modules. Nécessite PHP et MySql. GNU (http://fr.wikipedia.org/wiki/Licence_de_documentation_libre_GNU) Michel Rotta (http://integralsport.com/profile.php?mode=viewprofile&u=450)
RAT (http://www.plcoder.net/?doc=1) Moteur de publication de site utilisant PHP/Mysql développé pour la ligue d'Aquitaine (http://arc-aquitaine.org), et qui équipe maintenant Place du Sport 2 (http://placedusport2.com) et le comité régional IDF (http://tiralarcidf.com) (demander la dernière version sur le site). Parfaitement extensible. GNU GPL (http://fr.wikipedia.org/wiki/Licence_de_documentation_libre_GNU) Cédric Girard
DotClear (http://www.dotclear.net/) Moteur de blog simple à utiliser et complet, la référence actuellement GNU GPL (http://fr.wikipedia.org/wiki/Licence_de_documentation_libre_GNU) Cédric Girard
GuppY (http://www.freeguppy.org/) (framasoft (http://framasoft.net/article1676.html)) Un bon moteur de CMS, avec news, articles, annuaire de liens, téléchargements, diaporama, forum, FAQ, sondage, statistiques, newsletter, administration différenciée, zone membre optionnelle, etc. Fonctionne avec PHP mais sans base de données externe comme MySQL, ce qui permet d'avoir un affichage accéléré et aussi d'avoir accès à la presque totalité des hébergeurs actuels. CeCCIL (http://fr.wikipedia.org/wiki/CeCILL) Ligue des Flandres (http://www.lfta.net/)

Hébergeurs

Il existe un grand nombre d'hébergeur et il n'est pas ici question d'en fournir une liste exhaustive. Simplement les gestionaires de sites web qui sont près à aider les gestionaires débutant peuvent laisser des informations sur l'hébergeur qu'ils utilisent.

Nom Description Type de coût OS machines

Moteur Options

Qui utilise
OVH (http://www.ovh.com/fr/) Un hébergeur sérieux avec des prix raisonables, une grande réactivité, un grand sérieux et une bonne sécurité. Les espaces de stockages sont parfoit un peu limités. (XHTML, MySql, PHP) Payant
  • Linux
  • Apache
  • PHP, MySql, CGI
  • Nom de domaine
Michel Rotta (http://integralsport.com/profile.php?mode=viewprofile&u=450)
Free (http://www.free.fr) Des accés lents (en download FTP mais aussi en upload quand le site visité utilise une base de données MySQL), pas toujours fiable à la montée en charge. Pas de nom de domaine propre. Il faut à minimum avoir ouvert un compte gratuit chez Free pour créer et gérer un site, et ce même à partir d'une connexion ADSL d'un autre FAI. Par défaut 100Mo d'espace, extensible à 1Go sous conditions. Gratuit (réservé aux clients)
  • Linux (Debian)
  • Apache (1.3.29)
  • PHP 4 et 5, MySql
Doume
Lost Oasis (http://lost-oasis.fr/) Accès rapides, tenue en charge correcte, bon pour les techniciens, php.ini personnalisé, plutot à la pointe techniquement mais assistance un peu lente. Payant
  • Linux (?)
  • Apache (?)
  • PHP 4 et 5
  • MySql, PostgreSQL
  • Python, Perl, Shell
Place du Sport 2 (http://placedusport2.com), IntegralSport (http://integralsport.com), Comité régional IDF (http://tiralarcidf.com)
NexenServices (http://nexenservices.com/) Service excellent, quasi zéro panne, 100Mo à 120€ l'an, plateforme plutot statique mais parfaitement stable Payant
  • Linux (?)
  • Apache (?)
  • PHP 4, MySql
Ligue d'Aquitaine (http://arc-aquitaine.org), Site perso de CédricG (http://Plcoder.net)
Outils personels
ok