Réaliser un site Web, pour non-informaticiens

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

• La notion de protocole.

• Le protocole HTTP.

• Déposer des fichiers sur un serveur distant avec FTP.

• Mettre à jour un fichier avec FTP.

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

• Principaux concepts du SEO

• Le rôle des mots-clés dans le positionnement de son site internet

• Fonctionnement des moteurs de recherche

• Les annuaires

• Soumettre son site aux moteurs de recherche

• 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, supprimé puis restaurer ce site sur le serveur FTP.

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

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

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

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

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

• Installer et configurer WordPress

• L’administration

• Rédiger des articles

• Organiser les pages

• Créer des utilisateurs

• Import de photos

• Import de vidéos, tweets …

• Les extensions et thèmes

• Les marketplaces

• Choisir son thème en fonction de son besoin

• Les thèmes ultra customisables

• Installation d’un thème

• Personnalisation de la structure, des couleurs, de la charte

• Choix des polices

• Création de l’arborescence

• Création du blog/Création du portfolio

• Création de la boutique

• Création des pages/Rédaction des articles

• Création d’une structure de page via le page builder

• Concept de mise en page par sections et colonnes

• Réglages et optimisations

• Installer Woo-Commerce

• Produits, familles de produits, prix, taxes, frais de livraison, gestion des stocks

• Gestion des commandes

• Le panier et le tunnel de commande

• Booster les ventes : produits liés, coupons réduction

• Les addons pour les besoins spécifiques

• Méthodes et passerelles de paiement

• Optimisation des performances du site pour un chargement plus rapide

• Référencement naturel : Optimisation pour un meilleur placement dans les résultats de recherche Google

• Mise en ligne d’un site : étapes et vérifications