Formation Réaliser un site web pour non informaticiens

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.

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.

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 naviGustur et site Web

• Le rôle du naviGustur (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.