Les sites Web sont omniprésents voire incontournables, dans le paysage informatique professionnel et associatif. Ce stage vous montrera comment créer un site Web avec un outillage adapté à des non-informaticiens, l'installer et le mettre en ligne.
Le panorama d'un site Web
- Qu'est-ce qu'un site Web ?
- Les différents types de site (forum, blog, achats en ligne, espace collaboratif).
- Le contenu d'un site Web (textes, formulaires, tableaux, menus, liens hypertextes...).
- Les contenus multimédias : images, vidéo, audio, animations Flash.
- Exemples de pages HTML basiques et de navigation.
- Les pages HTML statiques et les pages dynamiques.
- Le rôle du navigateur (Internet Explorer, Firefox).
- Quel est le rôle du serveur Web ?
- Travaux pratiques Repérer les différents navigateurs sur son PC, rechercher des adresses IP ou des noms de domaines.
Le dialogue entre le client et le serveur
- La notion de protocole.
- Le protocole HTTP.
- Déposer des fichiers sur un serveur distant avec FTP.
- Mettre à jour un fichier avec FTP.
L'hébergement et le nom de domaine
- Hébergement mutualisé versus dédié.
- Choisir le nom de domaine.
- Comment louer le nom de domaine ?
- L'hébergement DNS versus la redirection pour le nom de domaine.
- Développer chez soi, mettre en place chez les autres.
- Les différentes offres des hébergeurs (1and1, HostPapa, WebHostingPad, OVH...).
- La qualité de service proposée. Parallèle entre le prix de l'hébergement et les fonctionnalités proposées.
- La responsabilité du contenu diffusé. Le respect de la charte (nétiquette).
- Echanges S'assurer de la bonne compréhension de l'installation technique d'un site Web. Les éléments clés à prendre en compte lors du choix d'un hébergeur (tarifs, offres, fonctionnalités).
Le référencement naturel
- Qu'est-ce que le référencement et le positionnement ?
- L'utilisation des mots-clés.
- Les moteurs de recherche et les annuaires.
- Bien déclarer son site Web sur les moteurs.
- Travaux pratiques Rechercher des mots-clés pertinents. Utilisation de Google Keyword Tool (AddWords). Vérifier le bon référencement de son site avec l'outil Google Webmaster ou un outil équivalent.
Exploitation et statistiques
- Outils de statistiques, services offerts par son hébergeur, autres solutions (Google Analytics, Alexa, WebRankInfo...).
- Connaître le trafic, les visiteurs, les navigateurs utilisés...
- Identifier les contenus pertinents.
- Outils d'administration de l'hébergement : CPanel ou autres outils propriétaires (OVH...).
- Créer une sauvegarde de son site Web.
- Comment effectuer la restauration ?
- La mise à jour d'un site (FileZilla, Net2Ftp...).
- Travaux pratiques Mettre en place des outils d'analyse. Découverte de l'outil CPanel. Créer une archive d'un site, supprimer puis restaurer ce site sur le serveur FTP.
La création du site
- La conception et l'ergonomie.
- Notions d'ergonomie. Rédiger pour le Web. Notion d'accessibilité.
- Exemples de sites mal conçus.
- Concevoir l'arborescence du site.
- Création de la maquette, de la charte graphique et des images du site. Optimisation.
- Les standards en vigueur (W3C).
- Les vidéos (récupération, coupe, ajout de son).
- Travaux pratiques Concevoir l'organisation d'un site Web.
Les éditeurs de texte
- Qu'est-ce qu'un éditeur de texte ?
- Les applications qui éditent directement en langage HTML/XHTML.
- Les compétences requises pour les utiliser.
- Les plus connus (Notepad++, UltraEdit, etc.).
- Les éditeurs Wysiwyg.
- Editer une page Web telle qu'elle apparaît dans les navigateurs courants.
- Les plus utilisés (Adobe Dreamweaver, Blue Griffon...).
- Présentation de Blue Griffon.
Ecrire sa première page Web en HTML
- Présentation de l'HTML.
- Le principe des balises et attributs HTML.
- Mise en forme du texte et des paragraphes.
- Les feuilles de style CSS. Trouver des éléments CSS sur Internet.
- CSS3/HTML5.
- Travaux pratiques Se familiariser avec le HTML. Ecrire une page avec insertion d'images.
Simplifier la création de site avec Blue Griffon
- Installation et configuration de Blue Griffon.
- Présentation de l'interface graphique de Blue Griffon.
- Création et édition d'une page.
- Manipuler du texte, des listes, des images, des tableaux, des liens hypertextes.
- Mettre en place des formulaires.
- Les feuilles de style.
- Les modèles de pages Web.
- La gestion de plusieurs sites.
- Travaux pratiques Création d'un formulaire à l'aide de Blue Griffon.
Intégrer des scripts JavaScript
- Qu'est-ce que le Javascript ?
- Etendre les possibilités du HTML grâce à Javascript.
- Comment intégrer du Javascript dans une page Web ?
- La gestion des événements et le DOM.
- Le déclenchement automatique des événements.
- Comment trouver les scripts qui conviennent ?
- Travaux pratiques Intégration de scripts dans une page.
