Aujourd’hui les sites Web sont omniprésents, voire incontournables, dans le paysage informatique professionnel et associatif. Ils peuvent prendre différentes formes (commercial, communication, blog, plate-forme collaboratrice, wiki, portail, etc.) et ils sont donc souvent au cœur des applications. Mais qu’est-ce qu’un site Web finalement ? Comment puis-je proposer des images, du texte, des vidéos et de l’interactivité alors que l’utilisateur se contente de saisir une adresse comme https://www.plb.fr ?

Cette formation dédiée aux débutants dans la création de site web se propose de mettre à plat un par un les acteurs principaux dans la réalisation d’un site Web afin de vous rendre opérationnel pour créer votre propre site et/ou disposer du vocabulaire nécessaire pour débattre avec les spécialistes du domaine.

Public :

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.

Prérequis :

Aucun. La culture Windows (fenêtre, menu, clic, double-clic) est conseillée.

Les fondamentaux

Qu’est-ce qu’un site WEB ?

Différents types (Forum, Achats en ligne, Espace collaboratif, Communication…)
Le contenu d’un site Web (pourquoi avoir choisi le 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
Comment se comprendre entre les deux (adresse IP, DNS et protocole HTTP) ?

L’environnement technique d’un site Web

L’hébergement et le Nom de Domaine

Hébergement Mutualisé vs. Dédié
L’achat du Nom de Domaine (Extensions, Whois, Nic et Afnic)
Installation du Nom de Domaine (hébergement DNS vs. Redirection)
Développer chez soi, mettre en place chez les autres
Pourquoi de telles différences de prix dans les formules ?
Peut-on héberger soi même son site Web ?
La qualité de service
La responsabilité du contenu diffusé

La mise à jour du site

Transférer des fichiers avec FTP
Utiliser le transfert intégré dans les environnements de développement
Utilisation de CMS (système de gestion de contenu)

Exploitation et statistique

Comment connaître le nombre de visiteurs, les pages les plus visitées, les mots-clefs… (avec Google Analytics)
Moteurs de recherche et Annuaires : SEO (le référencement).
Créer une archive de son site Web
Savoir la restaurer

La création du site

La conception et l’ergonomie

La réalisation d’un site se prépare (notions d’ergonomie)
Rédiger pour le Web
Conception de l’arborescence du site
Exemples de sites “mal conçus”
Les standards en vigueur (W3C) et les effets de mode (WEB 2.0 et maintenant Web 3.0)

Les éléments graphiques et multimédia

Création des éléments image du site
Optimisation des images bitmaps et vectoriels
Les vidéos (principes de récupération depuis un caméscope, coupe, ajout de son)
Réaliser des animations : présentation des outils

Écrire une page web avec le HTML

Principe des balises et attributs HTML
Mise en forme du texte, les paragraphes
Naviguer vers un autre site (liens, cibles, frames)
Les images, les tableaux, les formulaires
L’apport du HTML5
Les programmes additifs (plugins)

Faire évoluer plus facilement le site

Les feuilles de style

Définir des styles pour minimiser les changements (CSS3)
Gérer les styles
Les pseudo-classes
Les boîtes
En ligne ou en boîte : l’affichage

CMS : Initiation à WordPress

Se faciliter le développement Web grâce aux CMS
Principes fondamentaux de WordPress
Thèmes et plugins
Optimiser facilement son site.

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. Si vous le souhaitez, nous pouvons réaliser les démarches administratives ensemble (réservation et achat de nom de domaine “www.monsite.fr”, choix de l’hébergeur, etc. et effectuer les TP sur votre “vrai” site afin que vous puissiez continuer les manipulations réelles à l’issue de la formation (dépôt de photos/vidéos, mise à jour du contenu, nouvelle page, etc.).
Durant la formation vous pourrez utiliser l’outil de création Web qui a votre préférence (WordPress, Dreamwaever, Kompozer) ou tout simplement le Notepad +. Si vous ne savez pas lequel est le plus pertinent pour vos besoins nous vous conseillerons sachant que l’outil utilisé vise surtout à rendre concrets les exercices mais n’est pas le thème central de la formation.