Acceuil
5ème
4ème
3ème
Cahier de texte
Contact

 

Formation EDP : créer un site avec ses élèves, c'est facile !

1. Il y a une différence entre un bon site, et un beau site.
Un beau site est de rapport esthétique, subjectif : il sera toujours critiquable.
Un bon site est d'ordre technique : il fonctionne ou il ne fonctionne pas !

2. Référencement : 2 méthodes
Payer : c'est la meilleur et la plus sûre.
Passer par des référenceurs gratuits : résultat non garanti.

3. Avoir un site qui rapporte de l'argent :
Mettez des annonceurs sur votre site (comme dans le journal de votre école, le journal d'apel, le journal des anciens…)
Il est important de générer un nombre important de visites afin d'attirer les annonceurs.

4. Avoir beaucoup de visiteurs :

Infos pour les futurs élèves (projet pédagogique, présentation des locaux…)
Infos pour les élèves (évènements dans l'année, infos sur les nouveaux profs…)
Infos pour les parents (notes et appréciations des profs en ligne…)
Valoriser le travail des élèves (IDD, TPE, voyages de classe, exposés…)

5. Pratiquer le test dit " de l'ingénu(e) " :
C'est à dire trouver quelqu'un qui n'y connaît rien et qui critiquera votre site en long, en large et en travers (âmes sensibles s'abstenir : plusieurs mois de travail peuvent être gâchés en quelques minutes !).

 

Dreamweaver est le logiciel le plus performant du marché pour créer des pages webs.
La version 2 fonctionne sous Win 95, avec un 486 SX 25MHz et 8Mo de RAM (bref un ordi qui à 10 ans d'âge aujourd'hui) et elle est gratuite, alors ne vous en privez pas !.

Le langage HTML est universel, mais tout internet n'est pas HTML : voici quelques conseils pour que votre site soit lisible par tous :
Le première chose à faire est de tester votre site avec les navigateurs les plus répandus : Microsoft Internet Explorer, Netscape Navigator (ou Communicator), Opéra et Mozilla dans l'ordre.
Il y a parfois des surprises à l'arrivée (Netscape ne gère pas les roll-over, Opéra ne reconnaît pas les noms de fichier avec espace ni les roll-over avec augmentation de taille…).
Il est à rappeler qu'il est possible de télécharger gratuitement ces navigateurs sur le net (tapez son nom dans un moteur de recherche et vous le trouverez).
La deuxième chose à faire est de tester le site sur différentes interfaces (Windows, Mac et Linux) : car là, tout, mais vraiment tout est possible (changement de tailles de polices, disparitions d'animations, liens morts, images inexistantes…).
La troisième est de le tester sur différentes machines : si vous annoncez que votre site est optimisé pour un affichage en 800x600, visualisez le sur un écran de 800x600, et pas sur un 1024 avec une fenêtre ouverte à 800 (essayez, vous comprendrez !).
Si la majorité de vos futurs internautes ont une ligne modem classique, ne testez pas l'affichage de votre site hors ligne, ou avec l'ADSL (jusqu'à 100 fois plus rapide que la ligne classique).

Quelques règles de bases, histoire de ne pas se faire avoir…

Une page devrait toujours s'afficher en moins de 8 secondes, à vous de vous adapter !
Les noms de fichiers et de répertoires ne doivent contenir aucuns caractères spéciaux : %§àçèé&#²… et avoir 8 caractères maximum.
Tout texte qui est souligné est un lien (donc ne soulignez pas vos titres si il n'y a pas de liens dessus !)
La page doit convenir pour un ordinateur en 800x600 (soit un intérieur de page de 780x420 en moyenne).
Travaillez vos images pour que la taille qu'elles ont à l'écran soit leur taille réelle, sinon vous aurez juste réduit leur taille et pas leur poids (taille en pixels et poids en octets).
Sur internet, les images sont en 72 dpi (dot per inch) maximum : c'est la résolution de l'écran. Le 300 dpi que l'on obtient gnéralement après avoir scanné une image est à proscrire : c'est la résolution basique d'une imprimante.
Les grandes images font dans les 20 à 30 ko, les petites sont inférieur à 5 ko (1 ko pour les balaises).
Le format d'image GIF est utilisé pour les dessins de moins de 10 couleurs et pour les images animés.
Le format d'image JPG est utilisé pour les photographies de plusieurs millions de couleurs (leur qualité varie de 0 à 120, la moyenne étant de 75 en base et de 30 sur internet).
Toutes les polices d'écriture ne sont pas sur tous les ordinateurs : utilisez de préférence des familles de polices universels (times, arial, verdana…) ou proposez de les télécharger sur votre page d'acceuil.
Pour vos contacts, utilisez plutôt un cgi qu'un mailto si vous en avez la possibilité : le mailto nécessite un logiciel d'e-mail correctement configuré (type Outlook), ce qui n'est pas fait sur tous les ordinateurs.
Choisissez un couleur d'écriture qui soit lisible sur le fond que vous avez choisi (pas de bleu marine sur fond noir ou de fushia sur vert émeraude, par exemple).
Ne surchargez pas vos pages de texte, lire à l'ordinateur est fastidieux : choisissez une taille lisible de police.
Lisez la littérature, elle est toujours abondante sur le sujet (Login - Janvier 2002, SVM - Janvier 2003...).

Un bon moyen de ne pas perdre de temps est de faire une page modèle, puis de s'en servir pour chaque nouvelle page que l'on désire insérer dans le site.
- choisir la police
- choisir la couleur de fond
- choisir la couleur de la police
- mettre le tag de description du site
- mettre le tag des mots clés du site
- mettre le tag des auteurs
- mettre le tag de classification
- mettre le tag de copyright
- mettre le tag de revisite
- mettre le tag de profondeur de visite
- préciser la langue française
- etc.

Il n'y a en effet rien de plus frustrant que d'avoir fait un beau et bon site bien complet avec une foultitude de page pour s'apercevoir ensuite que vous avez oublié de rentrer les mots clés servant à vous faire reconnaître par les moteurs de recherche.
Vous aurez été prévenus !

Pour vous aider :

selfhtml référence toutes les possibilités du html (existe en français en plus).
Le W3C, qui normalise l'internet et vous propose de vérifier la conformité de votre site
Votre hébergeur, qui a toujours une petite rubrique webmasters avec un forum et des astuces, un référencement automatique, une scriptotèque, des images…
Les hébergeurs des concurrents, ils sont parfois aussi intéressant.