• Les fondements de l'Internet
• Le contexte technique d'un site Web
• La création d'un site
• Faire évoluer plus facilement le site
• JavaScript : initiation au HTML dynamique

3 jours (dont 1 jour consacré à la réalisation de votre mini-projet)

Ce cours concerne toute personne désirant réaliser un site Web avec les technologies actuelles ou souhaitant disposer d'une "culture Web" concrète.

Aucune connaissance particulière.

Les exercices et les démonstrations de ce cours sont basés sur la construction de bout en bout d'un mini site Web. Les participants apprendront à concevoir, réaliser et installer leur site sur un serveur réel, consultable publiquement.

Les fondements de l'Internet

- Qu'est-ce qu'un site Web ?

- Différents types (Forum, Achats en ligne, Espace collaboratif, Communication...).

- La structure et le fonctionnement d'un site Web (HTML).

- Types d'images, de vidéos.

- Les animations Flash.

- Exemples de pages HTML basiques.

Les échanges entre navigateur et site Web

- Le rôle du navigateur (Internet Explorer, Firefox, ...).

- Le rôle du serveur Web.

- Communication client-serveur (IP, DNS et protocole HTTP) ?

Contexte technique d'un site Web

L'hébergement et le nom de domaine

- L'achat du nom de domaine (Droits, responsabilités, Extensions, Whois, Nic et Afnic).

- Installation du nom de domaine (hébergement DNS vs. Redirection).

- Développer chez soi et faire héberger : Dédié ou mutualisé ?

- Décrypter les différentes formules commerciales d'hébergement de site web.

- Héberger soi-même son site Web : risques et responsabilités.

- La qualité de service (bande passante, downtime, vitesse de réponse).

- La responsabilité du contenu diffusé sur Internet .

La mise à jour du site

- Transférer des fichiers avec FTP.

- Utiliser le transfert FTP intégré dans les environnements de développement.

Exploitation et statistique

- Déterminer le nombre de visiteurs, les pages les plus visitées, les mots-clefs, ....

- Moteurs de recherche et annuaires : référencement & S.E.O..

- Créer une archive de son site Web.

- Savoir la restaurer.

La creation du site web

La conception et l'ergonomie

- Notions d'Ergonomie Web & Accessibilité des personnes handicapées.

- Rédiger pour le Web, les erreurs à ne pas commettre.

- Conception de l'arborescence du site web.

- Exemples de sites web "mal conçus".

- Les standards web en vigueur (W3C) et les effets de mode (Web 2.0).

Les éléments graphiques et multimédias

- Création des éléments images du site (récupération et formatage).

- Optimisation des images.

- Les vidéos (principes de récupération depuis un caméscope, coupe, ajout de son).

- Réaliser des animations Flash : présentation des outils.

Ecrire une page Web avec le HTML

- Principe des balises et attributs HTML.

- Mise en forme du texte, les paragraphes.

- Naviguer vers un autre site (hyperliens, target, frames).

- Les images, les tableaux, les formulaires.

- L'évolution XHTML.

- Les programmes additifs (plugin et activeX).

- Les outils WYSIWYG gratuits pour construire son site web.

faciliter la maintenance du site web

Les feuilles de style

- Définir des styles pour minimiser les changements.

- Gérer les styles CSS.

- Les pseudo-classes CSS.

- Les boîtes CSS.

- En ligne ou en boîte : l'affichage des calques.

JavaScript : initiation au HTML dynamique

- Etendre les possibilités du HTML grâce à JavaScript.

- Exécution des instructions JavaScript.

- La gestion des événements javascript et le DOM.

- Les sites proposant des codes javascript gratuits.