Aspects techniques de la création

Quels logiciels utiliser ?

Nous excluons la solution de création de site par création directe de codes Html, php, etc. Cette solution est réservée :
1) aux génies du Web et
2) à ceux qui se croient génies du Web.

Il vous reste :

 les outils spécifiques, en ligne sur les sites de fournisseurs d’accès ou des sites tels que www.multimania.lycos.fr,
 les "éditeurs Html", également appelés éditeurs "Wysiwyg" ("What you see is what you get", prononcer ouisiwig), c’est-à-dire qui affichent à l’écran ce qui apparaîtra dans le navigateur ; ils sont censés ne faire appel à aucune connaissance du langage de programmation HTML, mais cela facilite les choses d’avoir des notions Html de base.

Freeware et sharewares
Les freewares ("Logiciels libres de droits") sont, comme leur nom l’indique, des logiciels libres et gratuits.

Les sharewares, qui offrent une période gratuite d’essai du logiciel, sont payants.
Si la création de votre site est un "one shot" et que vous vous jurez bien de ne plus y revenir, un freeware ou shareware fera l’affaire. Si, dans deux ou trois ans, vous pensez encore travailler à votre site ou à d’autres, nous vous conseillons d’adopter dès le départ un logiciel tel que Macromedia Dreamweaver.
Le plus simple si l’on souhaite importer depuis Internet un logiciel gratuit ou payant est de chercher dans un moteur de recherche en introduisant le nom du logiciel et "télécharger".

Conseils pour construire votre site

Concernant l’architecture générale de votre site, deux écoles :

 celle des puristes, qui vous feront réfléchir pendant des jours sur l’arborescence et l’ergonomie de votre site,
 la nôtre, sous-tendue par trois idées :
1) les plus beaux modèles sont déjà dans la nature, en l’occurrence sur Internet,
2) les plus grands créateurs commencent tous par copier et
3) l’internaute aura besoin de trouver une information sur votre site en moins de 3 clics de souris.

D’où nos deux principaux conseils :

1) surfez d’abord jusqu’à vous dire : "Je verrais bien mon site avec un look comme celui-ci"· et gardez en mémoire (la vôtre ou celle de votre disque dur) ce look,
2) collez par-dessus vos propres rubriques et contenus, en n’ayant pas peur de faire figurer davantage de rubriques annoncées que de rubriques réelles (par exemple, un lien "qui sommes-nous ?" et un autre "nous contacter" peuvent conduire vers la même page. La redondance n’est pas interdite. L’important est que l’internaute accède le plus vite possible à une information qu’il désignera peut-être par des mots différents).

Quelques recommandations (on est sympa) :

 testez chaque page de votre site sur différentes tailles d’écran (pour vérifier que des éléments ne se promènent pas au gré des changements de taille) et sur différents navigateurs (au moins Netscape Navigator et Internet Explorer). En effet, les différents navigateurs n’interprètent pas toujours de la même façon les couleurs, les encadrés, les tailles de caractères. Pour ce qui est de la taille, les dimensions passe-partout sont 750-800 pixels (largeur) sur 450-500 (hauteur),
 apprenez à travailler avec les "feuilles de style", vous gagnerez beaucoup en temps et en esthétique,
 évitez les pages qui s’ouvrent en fenêtre "pop-up ", c’est-à-dire sur une partie de l’écran seulement ; ces pages pop-up sont assimilées à de la publicité par de nombreux navigateurs qui ne les ouvrent pas,
 essayez de ne pas dépasser une taille de 30-40 kilos octets pour les images et 15-25 pour les pages vides,
 il est important que les rubriques "plan du site", "nous contacter" et un menu général figurent sur chaque page du site,
 vous pouvez créer une rubrique "actualité" ou "agenda" ou "nouveautés du site", mais cela demande beaucoup de travail pour la tenir réellement à jour. Et cela fait mauvaise impression si dans cette rubrique on trouve des infos datant d’il y a trois mois. Mieux vaut laisser de côté cette rubrique si l’on n’est pas sûr de l’entretenir au moins une fois par semaine,
 on vous l’a déjà dit : sur Internet, on apprend à faire court. Alors, apprenez dès le début à "faire court" sur les pages de votre site, à éviter les redites en utilisant au maximum la création de liens hypertextes pour faciliter la lecture et inciter à la navigation dans le site.

Un bon site pour optimiser l’architecture et l’ergonomie et l’esthétique et tout ça dans votre site Web : www.chez.com/ergotic.

Vers un monopole de "Flash" ?

Le logiciel Macromedia Flash permet d’animer des images et des textes et gère les sons et les bases de données. Un site Web peut maintenant être construit entièrement en Flash, sans création d’éléments Html. Mais vous pouvez mixer les deux.

Attention : Flash nécessite pour être vu par l’internaute un "plug-in". Sans celui-ci, l’internaute ne pourra lire la page. Il est donc conseillé de créer la page d’accueil de votre site en Html, en prévenant l’internaute qu’il doit disposer du "plug-in "pour aller plus loin, et en indiquant où il peut télécharger celui-ci (l’idéal étant de prévoir aussi une version Html du site entier, pour ceux qui ne peuvent ou ne souhaitent pas télécharger le plug-in).

Sachez que les pages Flash ne sont pas conformes aux normes d’accessibilité pour les sites Web.

Intégration d’éléments multimédia

Vous pouvez très bien ajouter sur votre site, outre des éléments Flash, des éléments vidéo, musique ou programmes. Toutefois, ces éléments peuvent prendre une place importante sur un serveur et nécessitent de longs temps de téléchargement. Pensez à les compresser.

Vous pouvez permettre aux internautes de télécharger ces éléments ou seulement de les lire en "Streaming", c’est-à-dire en lecture directe. Cette méthode vous permet de protéger votre contenu mais nécessite un serveur spécialisé.

Intégration de bases de données

Les sites sont de plus en plus souvent construits avec des pages Web standard qui se personnalisent en fonction des requêtes de l’internaute. On les appelle sites "dynamiques" ou en "Html" dynamique.

Quel intérêt et comment cela est-ce possible ?

L’intérêt est de gagner du temps et de la fiabilité pour la création, la consultation et la mise à jour du site. En effet, il suffit de constituer :

 d’un côté (par exemple en langage "php" ou "asp" -Active Server Pages-) les pages-modèles en y indiquant où et comment les données vont s’y insérer,
 de l’autre côté, la base de données que l’on pourra enrichir et modifier à loisir et indépendamment. Les données peuvent être du texte, des images, des liens, etc.

Ainsi, si l’on veut par exemple modifier la couleur des pages de son site, il suffira de la modifier sur la ou les page(s)-modèle, alors que sur un site en Html "statique", il faudrait effectuer la modification sur toutes les pages du site une par une.

Autre avantage : cela permet à un non-spécialiste en programmation d’ajouter de nouvelles pages ou de corriger une information périmée grâce des formulaires de saisie. La mise à jour de page est bien plus facile en « dynamique » qu’en « statique ».

Les sites construits avec SPIP (www.spip.net), www.frxoops.org, www.phpnuke.org, etc. sont des sites dynamiques.

Rendre votre site accessible aux non-voyants

Un internaute aveugle peut lire une page Web à l’aide d’un afficheur braille ou d’un synthétiseur vocal, qui reconnaissent les textes mais, bien sûr, pas les images ni les textes en format image.

Si vous voulez rendre votre site accessible aux non-voyants, vous devez y penser dès sa conception, afin en particulier de permettre à l’internaute aveugle, qui ne peut avoir une vision globale des pages, d’en comprendre tout de même le contenu général et l’architecture. Voir comment procéder sur www.braillenet.org.

Quelques sites pour trouver des ressources gratuites et des forums sur la construction de sites :

 www.developpez.com,
 www.programmez.com,
 www.trucsweb.com,
 www.asp-magazine.com sur l’asp et le php.