TICEs

Création de sites Internet

Compte tenu du nombre de demandes qui arrivent sur ma messagerie, je vais tenter de vous expliquer rapidement comment faire. Mais une page n'est pas suffisante pour faire le tour de la question. Je vous recommande de scruter le PAF de votre académie et de participer aux stages qui y sont très certainement organisés à ce sujet.

Je n'en parlerai pas beaucoup ici, mais il est évident qu'une bonne maitrise du traitement et de la retouche d'images sont necessaires pour pouvoir prétendre obtenir un site esthétiquement convaincant.

Liens utiles

Quelques sites indispensables pour débuter ou approfondir la question. Mais n'oubliez pas que la seule vraie façon d'apprendre et de faire soi même !
  1. OpenWeb
  2. SELFHTML
  3. CCC
  4. Site du Zéro
  5. ASP-PHP
  6. Droit du Net

Bibliographie spécifique.

Quelques références incontournables pour débuter, mais aussi pour les plus expérimentés.
HTML pour les nuls Cours très complet, principe de fonctionnement, utilisations avancées telles que formulaires, des liens, etc ...
HTML précis et concis
Jennifer Niederst - O'Reilly
Aide mémoire : toutes les balises avec leur utilisation, les attributs associés et leur compatibilité avec les différents navigateurs. Très utile pour ceux qui, comme moi, ont parfois des trous de mémoire.
CSS - Précis et concis - O'ReillyAide mémoire très pratique. Avec quelques explications des bases du CSS.
CSS - La Référence - O'Reilly Excellent livre dans lequel tous les secrets de CSS2 sont bien expliqués. Il est possible de télécharger les fichiers correspondants aux exemples et exercices, sur le site de l'éditeur.

Tous les livres o'Reilly sont disponibles sur leur site : O'reilly.

Logithèque

Il ne suffit pas de savoir comment faire. Il faut aussi posséder les bons outils !
Quelques recommandations : le libre a toujours ma préférence mais quelques logiciels propriétaires méritent l'investissement.

Pour la retouche et le traitement des images il existe une pléthore de logiciels. Je vous recommande en premier lieu PhotoFiltre et Open Office. Les plus fortunés pourront acheter FireWorks (macromedia) dont les potentialités sont particulièrement nombreuses. Le plus souvent tout de même l'un des nombreux petits logiciels fournis lors de l'achat d'un APN ou d'un numériseur peuvent permettre un premier stade d'apprentissage, avec des résultats assez satisfaisants. Pour les courageux il y a The Gimp. Attention l'interface est un peu déroutante (La version 2 est maintenant plus claire !). Il faut vraiment s'y plonger ! Mais c'est sans aucun doute la solution la plus puissante actuellement disponible sous licence libre ! Pour les amateurs de dessin vectoriel (SVG) il faut essayer InkScape.

Pour l'écriture des pages HTML, sachez qu'un simple bloc note peu suffire pour débuter ! Par la suite je vous proposerais NVU ou Open Office. Toujours pour les plus fortunés DreamWeaver MX ou Studio 8 (macromedia aussi) (99 € pour une licence éducation). Il existe beaucoup d'autres solutions propriétaires mais les résultats sont critiquables : le code généré n'est pas toujours très conforme aux standards du Net ! D'où problèmes de navigation pour une partie des visiteurs.

Par la suite nous aurons besoin d'un programme de transfert par FTP. Le meilleur est certainement FileZilla, libre et simple d'utilisation.

  1. NVU
  2. Open Office
  3. Macromedia
  4. PhotoFiltre
  5. The Gimp
  6. InkScape
  7. FileZilla
  8. GnuWIN2
  9. EasyPHP
  • Le meilleur créateur de pages Internet sous licence libre.
  • Pour télécharger la dernière version en français.
  • Si vous en avez les moyens, ce sont de très bons logiciels !
  • Très bien pour la retouche d'image, libre. Simple d'emplois.
  • Les fonctionnalités sont inonbrables.
  • Pour faire du dessin vectoriel. Très fonctionel, en français.
  • Indispensable pour mettre vos contenus en ligne.
  • Compil de logiciels libres pour Windows.
  • Indispensable pour tester votre site utilisant php, en local.

Commencer à créer

Nous voila instruits et équipés. Entrons maintenant dans le vif du sujet !
Je ne vais pas m'étendre sur la question. Je vous conseille de lire attentivement les cours référencés plus haut. Fondamentalement il s'agit de créer vos pages sur votre ordinateur, à l'aide de NVU, DW MX ou OOo. Ce n'est pas très compliqué. Il suffit d'enregistrer les documents au format HTML (Extension . htm ou . html). Lorsque vous serez familiarisé avec le langage HTML vous pourrez modifier directement le code et obtenir des mises en pages plus agréables. Pour débuter dans ce domaine on peut utiliser simplement des tableaux. Ensuite, avec l'expérience les feuilles de styles CSS vous seront plus utiles et vous découvrirez quelles offres bien plus de possibilités. Enfin pour les plus experts, le langage XML et ses dérivés vous permettrons de faire a peu près tous ce que votre imagination débordante exige.

Pour les utilisateurs de DW MX, je vous conseille de créer tout le site d'un coup (ce qui implique d'avoir réfléchi au paravent à sa structure et son organisation !) car ensuite le logiciel peut mettre à jour automatiquement les liens, vérifier leur validité, etc ...

Hébergement et transfert FTP

Nos pages sont prètes il faut maintenant les mettre en ligne !
Tout d'abord il faut disposer d'un hébergement pour pouvoir mettre le site en ligne. Il existe de nombreux hébergeurs gratuits. Les différences tiennent surtout dans l'espace mis à disposition (quelques centaines de Mo le plus souvent !) et dans la configuration du serveur. Là ça devient un peu technique. Sachez simplement que les sites en php doivent être installés chez des hébergeurs qui permettent son usage et la création d'une basse de données MySQL. Que SPIP ne fonctionneras pas obligatoirement chez tous les hébergeurs car il nécessite des extensions appelées librairies. Seul l'administrateur (= l'hébergeur) peut les installer et les configurer. Deplus pour faire face aux menaces de piratage et d'attaques malveillantes sur le serveur, certaines des fonctions MySQL sont souvent bloquées.

Une foi votre compte activé chez l'hébergeur, il existe 2 solutions pour mettre vos contenus en ligne :

Les détails

Ajouter quelques petites fonctions gadget pour égayer votre site.
  1. Utilisation de htaccess
  2. Utilisation de htaccess
  3. Créer un CD autorun
  4. JavaScripts
  5. Scripts PHP
  • Un premier cours sur l'utilisation de htaccess.
  • Un deuxième cours sur l'utilisation de htaccess.
  • Pour mettre l'image de votre site sur CD ROM.
  • Vous voulez utiliser des textes défilants, clignotants, etc ...
  • Des fonctions des plus diverses en php.

M. RAMIERE - Juillet 2006

Creative Commons License