rocbo menu

 Un site web ? pourquoi pas !

Ce qu'il faut appréhender

Un site web pourquoi faire ? Là n'est pas mon propos mais le vôtre.
Dans tous les cas, c'est la première question que vous devez vous poser et à laquelle il vous faudra trouver des arguments consistants.
La réponse conditionnera l'esprit, l'ergonomie et la structure de votre site.

Quels seront vos visiteurs ?

L'origine culturelle, les centres d'intérêts, les déficiences visuelles (non-voyants, daltoniens ...), auditives ou motrices doivent/peuvent être prises en compte dès la conception du site.

Quelques exemples :

- La couleur du deuil varie selon les cultures et mœurs. Dans le monde occidental, cette couleur est généralement le noir, au Viêt Nam, en Corée du Sud ou en Inde, c'est le blanc, au Japon, c'est le blanc et le noir et en Chine, c'est le rouge combiné au blanc (tableau ci-contre).
Voir Deuil et Symbolisme des couleurs.

- De nos jours, en Chine continentale, les textes s'écrivent horizontalement, de gauche à droite. Ce système a été unifié lors de la simplification de l'écriture chinoise (1956). Singapour utilise le même système. Classiquement, les textes étaient écrits verticalement, de droite à gauche, souvent sans ponctuation. Taïwan a conservé ce système classique d'encodage de la langue.
(Lire aussi : Technologies numériques et nouvelles pratiques d’écriture des jeunes en Chine continentale et à Hong Kong).

- Le sens de lecture des images.
Il est fréquent que les éléments clés d'une image soient placés suivant le sens de lecture (en occident de gauche à droite, en orient de droite à gauche). Ce sens de lecture peut impliquer une dimension temporelle, la partie gauche de l'image indiquant le passé proche ou le présent et la partie droite, le futur. Les manga se lisent souvent dans le sens inverse des bandes dessinées occidentales, ce qui correspond au sens de lecture japonais. (Voir aussi "L’adaptation saoudienne d’un livre pour enfants")

- Le daltonisme (Voir à ce sujet [ ici ] et [ ])

- Guide du choix des couleurs dans la création de pages écran

- Critères de qualité de l'affichage


Symbolique des couleurs par civilisations
  ROUGE BLEU VERT JAUNE BLANC NOIR
Chine Joie
Mariage
Paradis
Légèreté
Dyn. Ming
Paradis
Légèreté
Naissance
Santé
Force
Mort
Pureté
hiver
spiritualité
Egypte Mort
Méchanceté
Désert
Vertu
Vérité
Fidélité
Immortalité
Fertilité
Force
Islam
Joie
Prospérité
Joie
Fête
Égypte anc: nuit renaissance fertilité
Etats-unis Danger Masculinité Sécurité Lâcheté Pureté élégance occultisme
deuil
Anarchie
France Communisme Liberté
Paix
Royauté
Écologie Temporalité Monarchie
Neutralité
Inde Vie
Créativité
... Prospérité
Fertilité
Succès Mort
Pureté
pureté originelle
Japon Colère
Danger
Méchanceté
Bassesse
Futur
Jeunesse
énergie
Grâce
Noblesse
Mort ...







Source : CRIM formation - Ecole polytechnique de Montréal


Livre "Internet " (Gallimard) et son adaptation saoudienne. (voir)

Pour débuter

Petit échauffement :
- Initiation au HTML dans le contexte MacOsX
- Initiation au HTML dans le contexte Windows
- Liens et structures

Je vous propose aussi de consulter le site rocbo HTML. S'appuyant principalement sur le HTML 3.2. Bien que contenant de nombreuses rubriques, il date un peu. Mais les bases sont toujours d'actualité.
Je vous promets de l'actualiser dès que possible.

- voir aussi : Ergonomie web : les bonnes pratiques


KompoZer, logiciel de composition de pages web

- interface de KompoZer
- Les menus
- Mise en forme d'un texte
- Insérer une image
- Liens hypertextes, hyperliens
- Création d'un tableau
- Créer un formulaire

Suite du didacticiel bientôt disponible

En attendant, vous pouvez toujours visiter les pages suivantes
- Téléchargement : http://www.frenchmozilla.fr/kompozer/
- Installation de KompoZer 1/3, 2/3, 3/3
- vidéo d'utilisation de KompoZer ici
- Tutoriel http://info.sio2.be/kpz/


FileZilla, logiciel de transfert de fichiers (FTP)

- Interface de FileZilla

Suite du didacticiel bientôt disponible

En attendant, vous pouvez toujours visiter les pages suivantes :
- Téléchargement : http://www.filezilla.fr/
- vidéo d'initiation ici
- Maîtriser FileZilla en 5 minutes ici


Systèmes de gestion de contenu

Bien sûr, vous pouvez toujours opter pour un logiciel destiné à la conception et à la mise à jour dynamique de sites Web (Spip, Drupal, Joomla...).
Les SGC ( ou Content Management System, CMS en anglais) sont accessibles quel que soit le type de système d'exploitation au moyen d'un navigateur Web. Ainsi, les utilisateurs n'ont pas besoin d'installer de logiciels spécifiques supplémentaires. Grâce aux standards du web, les SGC offrent un format de données lisible (HTML ).
Le contenu est stocké le plus souvent dans une base de données. C'est le contenu des champs de la base qui est créé/modifié par le rédacteur, et non pas la page elle-même. On parle de site « dynamique ». La présentation est définie dans un gabarit définisant la mise en page via les feuilles de style.
Du fait du principe de séparation contenu/présentation, les rédacteurs peuvent se concentrer sur le contenu. L'édition des pages est simplifiée. Deux mécanismes sont proposés : Une interface WYSIWYG et l'utilisation de balises simplifiées visant à mettre le texte en forme.
Un SGC propose habituellement de multiples mécanismes de tri plus ou moins complexes comme :
- les hyperliens, qui permettent de référencer les articles entre eux ;
- un moteur de recherche sur le texte ;
- des tris spécifiques (par date de modification, auteurs, liens…).
La majorité des SGC offrent la possibilité de catégoriser l’information permettant de créer des catégories de contenus, des  rubriques, des mots clés favorisant l’indexation.
Le système offre la possibilité de gérer les utilisateurs et leurs droits, de leur donner accès ou non aux fonctionnalités du système.

Voir Liste de systèmes de gestion de contenu sur Wikipedia


Hébergement associatif et nom de domaine

http://www.lautre.net/ : hébergeur associatif autogéré
http://www.web4all.fr/ : hébergeur associatif pour associations, sociétés et particuliers
http://ouvaton.coop/ : Services mutualisés gérés par une coopérative.
http://www.kelio.asso.fr/ : Offre de services web gratuit .
http://www.toile-libre.org/ : hébergeur associatif à prix libre.
http://www.redheberg.com/ : hébergeur associatif pour associations, sociétés et particuliers
http://www.kappatau.eu hébergement web gratuit et illimité

http://www.gandi.net/ GANDI. Bureau d'enregistrement de nom de domaine français


LOGO SPIP Réalisé sous Spip Hébergé par L'Autre.Net LOGO L'Autre.Net
Déclaré à la CNIL sous le n°1153442