4 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.

Connaissance des outils de base informatiques (traitement de texte).

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.

- 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.

- 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.

- Restaurer une archive de son site Web.

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 une caméra ou smartphone, coupe, ajout de son).

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.

- Les apports de HTML 5

- 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.