Page personnelle

 de Mlle.

 Salma Hamame

You're Welcome to My country

La technique

·       Introduction :

·       Un site web : à quoi ça sert ?

·       Les "webmasters"

·       Analyser les besoins

·       Gestion du serveur

·       Design des pages

·       Ergonomie des pages

·       Optimiser la navigation

·       Les outils :

·       Les serveurs et les clients du web

·       Conception des pages : HTML et les éditeurs HTML

·       Les feuilles de style

·       Dynamic HTML

·       Javascript

·       Le langage java

·       PHP

·       Les CGI et Perl

·       Images, sons et videos...

·       Formats de fichiers

·       Tests et validation

·       Publier ses pages personnelles :

·       Le principe

·       Quelques bons conseils

 

 

Un site web ; à quoi ça sert ?

 

 Un site web est d'abord un espace de communication d'un très bon rapport performances/prix.
Attractif, fonctionnel, vivant, votre site sera visité par tous ceux qui s'intéressent à votre secteur d'activité.

Monter un site web minimal est une opération aisée, et de nombreux fournisseurs d'accès vous proposeront un hébergement gratuit, ou peu onéreux. Les choses se compliquent un peu si vous souhaitez gérer vous-même votre serveur, pour maitriser et contrôler de manière plus fine les accès, pour utiliser vos bases de données ou pour créer un intranet. Il vous faudra alors disposer de matériels dédiés et de personnels spécialement formés.
Mais fondamentalement, le web reste un moyen peu coûteux d'accroitre votre notoriété et de bénéficier de nombreux nouveaux contacts.

Pour profiter pleinement de l'effet d'image de votre nouveau site, il vous faudra répondre rapidement à toutes les sollicitations de vos utilisateurs, savoir analyser les statistiques de consultation, vous faire référencer dans les nombreux moteurs de recherche, et tisser des liens avec tous vos partenaires sur Internet. En d'autres termes, présenter un contenu de site vivant à vos visiteurs.

Vous pourrez opter pour un simple site statique de présentation de vos activités (HTML, éditeurs HTML), ajouter de l'interactivité avec vos visiteurs grâce à des formulaires de saisie (Formulaires, CGI/C), développer des animations avec les nombreux langages et techniques adaptés (DHTML, Javascript, Java, VRML...), ou encore interfacer votre site avec des bases de données pour générer dynamiquement vos pages (JSP,ASP,PHP, ...).

Introduction : le webmaster

 Sur un site web, un certain nombre de tâches très différentes doivent être assurées :

·        le travail sur le contenu même du site : il faut créer les pages HTML en incluant des images, des animations, des formulaires et garantir la validité (mises-à-jour) des informations et des liens cités

·        la charte graphique et la réalisation des images sont souvent confiées à un personnel spécialisé

·        les programmes CGI, JAVA ou JAVAScript sont écrits par des développeurs

·        enfin, des administrateurs s'assurent du bon fonctionnement et des performances du serveur. Les mises-à-jour du serveur, la gestion de l'espace-disque, la gestion de la sécurité (mise-en-place d'un firewall, analyse des logs...) sont des tâches qui leur incombent.

Tous ces gens sont à leur manière des "webmasters" (en français, on dit maintenant "webmestre"). Sur un gros site, on peut avoir plusieurs dizaines de personnes qui se répartissent le travail. Mais souvent, sur les petits sites, une seule et même personne prend tout ce travail à sa charge.

 

·        Définir la charte graphique

·        Composer la feuille de style

·        Mettre en place les statistiques d'accès

 

 La gestion du serveur

 

·        Garantir les mises-à-jour

·        Définir et appliquer une "Charte de déontologie"

·        Si le serveur compte de nombreux rédacteurs, assurer une surveillance du contenu : il peut être très dommageable pour la réputation du site que certains abus soient commis

·        Mettre en place les statistiques d'utilisation du site



La conception de votre site

 

Il est essentiel de bien prendre son temps pour la conception
Un site bâclé dans son étape de conception est d'avance condamné, c'est évident.

Bien sûr qu'il est important d'avoir un bon "look" mais cela vient après le contenu!

D'après les récents sondages : les internautes apprécient 4 critères de design pour un site:

la simplicité graphique
la clarté graphique
la légèreté graphique
la rapidité de chargement d'une page
(liée à la légèreté graphique evidemment!)

donc à la poubelle les sites surchargés et très enluminés!

Créez votre site sur support papier d'abord, et demander plusieurs avis autour de vous.

Allez observer des sites primés pour leur look et les sites concurrents ou "cousins".

Il existe également des livres pour rechercher l'inspiration.

Évitez les pages avec des "frames" (cadres avec ascenseur ) qui ne sont pas toujours bien prises en compte correctement par les moteurs de recherche et qui peuvent énerver les internautes lorsqu'ils souhaitent copier votre page et qu'il en manque un bout!
Préférez les tableaux très pratiques. ( la présence de frames est même considéré comme obsolète et preuve d'amateurisme dans les milieux professionnels aujourd'hui)

 
il ne faut pas dépasser plus de 4 tableaux les uns dans les autres surtout si vous avez des images car cela ralentie le chargement de la page.
De même il ne faut pas hésiter à imbriquer des tableaux les uns dans les autre pour intégrer des images, cela améliore la vitesse de chargement de la page(sans dépasser 4), donc choisissez un juste milieu."


Le temps de chargement de vos pages doit être bien étudié: on l'oublie trop souvent.
Surtout votre première page ne doit pas se charger en plus de 30 secondes (par rapport au modem le plus lent c'est à dire 28800 bo), ce serait dommage que les surfeurs impatientés s'en aillent avant la fin du chargement de votre première page, sans avoir exploré le moindre coin de votre site. De plus ils ne reviendrons pas!
Un site comme Yahoo ! s'affiche en totalité en 6,5 secondes...
Pour les autres pages c'est moins important.

 
pour calculer le temps de chargement total il ne faut pas oublier de compter les images qui s'affichent avec retard."

Déterminez un "design" général pour l'ensemble de votre site, ou un ensemble de pages (un thème par exemple) et pas pour une seule page, l'internaute pourrait croire qu'il est sur un autre site.

Votre page d'accueil ou page portail doit être particulièrement soigné sur le plan esthétique (comme sur le plan ergonomique)
"c'est la vitrine de votre magasin", si vous voulez que les clients entrent, attirez-les.

 

L'ergonomie de votre site:

les surfeurs doivent pouvoir évoluer sans difficultés sur votre site.
Pour les pages importantes, utilisez 3 barres de navigation : 2 horizontales, une en haut de page, une en bas de page et 1 verticale à gauche de votre page par convention.
Pour les autres pages, 2 barres horizontales suffisent.

Si vous avez plus de 30 pages évitez de mettre tous vos liens sur votre première page, l'internaute ne s'y retrouvera pas. Regroupez vos pages par thème , 8 maximum. Et placez les liens vers ces thèmes principaux sur votre première page, on y verra déjà plus clair!
Vous pouvez également placer sur votre première page, des liens directs vers des pages importantes et surtout vers vos nouvelles pages!

Si votre site approche de la centaine de pages, il faut commencer à songer à concevoir un moteur de recherche interne
que vous placerez bien en évidence sur la page principale.

IMPORTANT:largeur des pages 750 pixels maximum:
"monsieur tout le monde" n'a pas forcément un écran 17 pouces! Pensez également aux ordinateurs portables de plus en plus nombreux.
A force de visiter des sites où l'internaute est obligé d'utiliser une barre de navigation horizontale pour pouvoir lire la totalité de l'information de gauche à droite, il risque fort d'être passablement énervé en arrivant sur votre site.
Vous remarquerez souvent en surfant, que les moteurs de recherche préfèrent quant à eux, une largeur de 600 pixels.

Le texte doit être lisible, une taille "de 10" nous semble être raisonnable, ne pas non plus faire trop gros. Votre site risque de sonner creux et d'être tout aussi illisible dans sa globalité.

Rappelez le titre, l'objet, les références de votre site sur chacune de vos pages.
Les internautes peuvent arriver à l'improviste sur n'importe laquelle de vos pages de votre site sans passer par "votre portail". Ils doivent donc savoir très rapidement où ils sont exactement et de quoi il en retourne.