Formation Réaliser un site Web, pour non-informaticiens

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.