Cours, tutoriels et outils pour Webmaster

Vous trouverez ici les notes, les tutoriels et les exercices de mes cours.

Je vous conseille - si vous n'en avez pas encore - de prendre un hébergement (gratuit ou payant, à vous de voir). Nous en aurons absolument besoin pour vos exercices. Dans les tutoriels, vous trouverez une rubrique expliquant comment obtenir gratuitement votre propre hébergement sans pubs supportant php et acceptant une base de données.

Cours

Cours de communication (5YRES)

Cours Réalisation de sites / CSS (5YSIT)

Cours cahier des charges (5YLEG partie Cahier des charges)

Cours réseaux et TCP/IP (5YRES)

Epreuve intégrée (5YEI)

Tutoriels

Tutoriel "Ouverture d'un compte chez un hébergeur gratuit "

Tutoriel Filezilla

Votre portfolio pédagogique sur Blogger

Tutoriel "anatomie d'une page web correcte"

Tutoriel CSS

Tutoriel Dreamweaver 8 (obsolète)

Notes d'introduction à l'utilisation d'Expression Web ( format Word 97-2003, 6,8Mb)

Outils

Guide des Droits d’auteur à l’usage des enseignants et des chercheurs

Cacher un minimum votre adresse email dans le code HTML avec cet utilitaire pour éviter que des logiciels malveillant ne la récolte à des fins publicitaires.

Images et couleurs

Outil en ligne de choix de couleurs assorties à une image: http://pic2color.com
Vous trouverez des exemples d'utilisation de cet outil dans les exercices du cours de communication

Création d'albums en ligne

Morgue File:banque d'images gratuites y compris pour un usage commercial!

Fotolia:banque d'images payantes...mais pas chères!

SXC : banque d'images libres de droits pour la plupart et mentionnant clairement l'usage autorisé. Beaucoup d'images peuvent être utilisées dans un projet commercial sans problèmes juridiques.

Générateur en ligne de Favicon à partir d'une image sur votre disque dur: http://www.htmlkit.com/services/favicon/ ; en voici un autre: http://favikon.com/

Transformation de fichiers vidéo au format "Flash" (à venir)

Typographie

Choix de couleurs et de taille de caractères

Outil en ligne de validation du contraste entre la couleur du texte et le fond d'écran selon les normes du W3C: http://www.snook.ca/technical/colour_contrast/colour.html

Création de pdf (document pdf, 70 ko)

Mise en page et design

Générateur de coins arrondis pour vos encadrement: http://www.roundedcornr.com/

Templates de sites

Référencement et statistiques

Outils de référencements (à venir)

Formation Google Analytics

Divers

Editeur de texte pour une interface d'administration de page

Navigateurs

Outils de validation du code

Un service web pour adapter votre CSS à IE6 sous forme de feuille séparée ou de hack à l'intérieur de votre feuille.

Comparateur de CMS (Content Management System): vous choisissez dans la liste et vous obtenez un tableau comparatif pour vous guider dans votre choix: http://www.cmsmatrix.org/

Sites web de référence

En français

http://css.alsacreations.com

http://www.pompage.net

En anglais

http://www.alistapart.com/topics/design/layout/