Faire un site: pour bien commencer

La personne qui fabrique un site web s’appelle un webmestre (en anglais, webmaster; au féminin webmistress). Le Web designer est la personne qui s’occupe de la présentation du site plutôt que de son contenu. Une même personne peut  bien sûr se charger de tout le travail.

Comment fait-on un site web?

HTML, XHTML

Pour afficher du texte avec des titres, des liens, des images, on utilise une sorte de code HTML ou XHTML et qui est ouvert (il n’est la propriété de personnne, il est à la libre disposition de tous):

• HTML: Hypertext Markup Language
• XHTML: Extensible Hypertext Markup Language

Ils sont assez semblables sauf que le XHTML est conforme au XML qui est la base de différents formats, dont le format ouvert fabriqué par OpenOffice.org, norme ISO européenne depuis 2006. XHTML et XML vont vers l’avenir et HMTL est déjà dépassé. Donc, je m’en tiens au XHTML.

Le XHTML est appelé un “langage” car il a une syntaxe, une grammaire, un vocabulaire. Ce langage est utilisé pour structurer le contenu d’une page web.

Il est possible de rédiger un site avec seulement du XHTML. Le site “EU.org: free domain names” en est un exemple. Il y a même une page de formulaire en ligne.

CSS - Cascading Style Sheet

Depuis près de 20 ans, le W3C définit un langage appelé CSS (feuilles de style en cascades). Ce langage permet de définir la présentation d’une page ou d’un site web: ses couleurs, sa typographie, la disposition des éléments sur la page (menus, colonnes). Depuis l’an 2000 environ un bon webmestre se doit d’utiliser les feuilles de style CSS.

Séparation contenu et présentation

Le W3C recommande de séparer le contenu de la présentation et donc d’utiliser deux langages distincts pour faire un site Web. On ne doit pas mettre de couleurs dans la feuille HTML, par exemple. Beaucoup de webmestres continuent à mettre des éléments de présentation dans le HTML. Les navigateurs affichent quand même la page, alors pourquoi faut-il séparer contenu et apparence?

En fait, sans rentrer dans les détails, c’est beaucoup plus pratique pour le webmestre et le site est plus rapide. C’est aussi beaucoup plus efficace pour faire des sites web accessibles à tous.

Accessibilité, c’est quoi?

L’accessibilité d’une site est plus un idéal à atteindre qu’un objectif facilement réalisable. Du moins faut-il essayer de faire un site à peu près accessible à toutes sortes de navigateurs et même à des personnes handicapées qui dépendent beaucoup du Web.

Tout navigateur est capable d’afficher du texte, c’est-à-dire du HTML ou du XHTML bien rédigé (sans faute) mais tout navigateur n’est pas capable d’afficher des couleurs, telle typo, ni même des menus dans un cadre sur le côté de la page.

Dans certaines conditions (connexion lente à l’internet), un navigateur aura du mal à afficher autre chose que du texte.

Accessibilité premier niveau

Le principe à retenir est que le webmestre doit laisser l’internaute libre et que de toutes façons ce qu’il voit ne s’affichera jamais tout à fait exactement à travers le vaste monde (world wide web). Il n’a donc pas à imposer aux internautes quelque chose de rigide qui passe ou qui casse. Par exemple, il ne doit pas imposer une typographie unique mais offrir un choix: pas question de nous imposer Arial (typo M$) alors qu’il existe d’autre typo bien meilleure pour le web. De toutes façons, il existe un moyen simple dans Firefox des définir des typo indépendantes du choix du webmestre.

Il est peu pertinent de faire un site en utilisant Internet Explorer qui ne respecte pas beaucoup les standards du Web; cela conduit le webmestre à s’éloigner des recommandations du W3C et à faire des bidouillages fastidieux. Il est préférable de s’en tenir à un navigateur comme Firefox et d’inciter les visiteurs à installer ce navigateur qui est à la disposition de tout le monde.

Accessibilité deuxième niveau

À côté du formidable Firefox, il existe des navigateurs textuels, par exemple Lynx qui n’affiche que du texte et qui affiche le contenu textuel sur une seule colonne. On utilise le clavier à la place de la souris.

Certains handicapés utilisent ces navigateurs ou certains utilisateurs de Linux qui n’ont pas d’environnement graphique, par exemple — Linux est parfaitement utilisable sans graphisme, sans fenêtres.

D’autres handicapés utilisent un synthétiseur vocal: c’est un navigateur qui restitue une page Web par la voix. Donc, le navigateur ne lit que du texte, encore une fois.

Des aveugles ou handicapés visuels peuvent aussi utiliser une plage braille. C’est une sorte de plaque qui restitue en braille la page Web affichée sur un écran normal. C’est encore le texte qui prime.

Pour en savoir plus: voyez Accessibilité d’un site Web.

Des outils libres pour le Web, en bref

Pour faire un site il vous faut au minimum:

• un navigateur de qualité comme Mozilla-Firefox
• un éditeur de texte sérieux, sous licence libre (grand choix)
• langage pour la structure du contenu: XHTML (Extensible Hypertext Markup Language)
• langage pour la présentation: CSS (Cascading Style Sheets)

NB: Il n’est pas du tout nécessaire d’avoir un éditeur HTML. Vous risquez de toujours mêler HTML et présentation.

Parfois, il faut aussi un autre type de code, PHP, et même une base de donnée (MySQL le plus souvent).

CMS

Bref, le plus simple pour faire un site est d’utiliser un CMS. Ce qui nécessite:

• Apache (serveur même sans connexion à l’internet),
• MySQL (serveur de base de données)
• PHP (du code): PHP5 est de rigueur en 2008

Il est conseillé de faire des essais en local, c’est-à-dire sans mettre votre site en ligne. Quand vous serez prêts, trouvez un hébergeur de qualité et installez votre site, en ligne.

À suivre sur Libre-Fan: Installation Apache et ses compères.

WordPress.com

C’est une bonne idée pour commencer simplement sans rien avoir à installer. Wodrpress.com met à votre disposition un CMS de blog libre, WordPress, installé et fonctionnel, un bon choix de thèmes graphiques, un grand choix de langues.

Même si tout n’est pas parfait de mon point de vue, c’est tout à fait recommandable. Au moins, votre site sera accessible sur un navigateur textuel. Libres-Ailé(e)s peut vous aider à l’utiliser si vous débutez. Voyez Cotisations facultatives: installations et formations. Libres-Ailé(e)s et Libre-Fan sont chez WordPress.com par commodité.

WordPress.com est une bonne solution pour faire un site de débutant, un site de secours ou même un site permanent.

FAI, hébergement

Si vous n’utilisez pas WordPress.com et si vous voulez mettre votre site en ligne, sur le Web, il vous faut un hébergeur (= host).

Le FAI permet la connexion à l’internet tandis que que l’hébergeur vous donne un espace sur le web (un répertoire sur son serveur Apache dans lequel vous placez les fichiers et répertoires de votre site).

Parfois les FAI proposent un hébergement. Ne vous laissez pas tenter, ce type d’hébergement est lamentable, et parfois pas même gratuit. En général, le serveur du FAI est lent et vous offre un hébergement bridé et de piètre qualité et aucune aide.

Il existe cependant une sorte de FAI libre — FDN (French Data Network). C’est une initiative à soutenir car l’association défend l’accès pour tous à l’internet auprès des mairies, notamment. Mais FDN ne s’occupe pas d’hébergement.

Une bonne adresse d’hébergeur est APINC (Association pour la Promotion de l’Internet Non Commercial): voyez APINC, bonne idée d’adresse e-mail et d’hébergement.

Il existe une grande diversité d’hébergeurs. Vous trouverez peut-être votre bonheur en fouillant dans l’annuaire du RHIEN, un réseau d’hébergeurs indépendants, gratuits et sans pub, qui ont un semblant d’éthique. TuxFamily, par exemple, est ouvert aux sites sur le Libre.

Certains hébergeurs alternatifs sont terriblement idéologiques — il faut être capable d’embrasser toutes les causes bien ou mal comprises.

Quelque soit l’hébergeur commercial ou alternatif, vérifiez qu’il offre un serveur Linux (Debian, Red Hat, CentOS…), jamais du M$Windows.