Dans un monde de plus en plus tourné vers le numérique, la création de sites web devient une compétence essentielle pour répondre aux besoins croissants des entreprises. 

Maîtriser des outils comme BlueGriffon, un éditeur WYSIWYG (What You See Is What You Get), vous permet d'acquérir une expertise dans le développement web tout en optimisant l'accessibilité et la productivité.

Cette formation vous offre une opportunité unique de renforcer vos compétences en conception web sans nécessiter une expertise préalable en programmation. Vous apprendrez à installer et configurer BlueGriffon, créer des projets web, intégrer des contenus multimédia, gérer des styles CSS, et comprendre la structure du DOM. En vous formant à cet outil polyvalent, vous ouvrez de nouvelles opportunités professionnelles dans le domaine du développement web, du design, et de la gestion de contenu.

Que vous soyez débutant ou souhaitiez perfectionner vos compétences, cette formation vous permettra d'évoluer dans un secteur en pleine expansion et de répondre aux exigences des employeurs.

Public

À qui s'adresse la formation BLUEGRIFFON

Cette formation s'adresse aux professionnels du web, aux étudiants en communication digitale et aux passionnés de création de sites web souhaitant maîtriser Bluegriffon, un éditeur HTML/CSS puissant et intuitif. Idéale pour ceux qui débutent ou qui souhaitent approfondir leurs compétences, elle permet de développer des projets web créatifs et fonctionnels, tout en optimisant la gestion des styles et du contenu multimédia.

Objectifs

Compétences visées pour la formation BLUEGRIFFON

La formation "BlueGriffon" a pour objectif de vous familiariser avec ce puissant éditeur de sites web. Vous apprendrez à installer et configurer le logiciel, à naviguer efficacement dans son interface intuitive, et à créer des projets professionnels. Maîtrisez l'insertion de divers éléments multimédias et liens, apprenez à manipuler le code HTML et explorez les outils avancés tels que l'éditeur CSS et l'explorateur de DOM pour optimiser vos créations.

Programme

Installer et configurer BlueGriffon

  1. Télécharger la version adaptée à son système (Windows/Mac)
  2. Choisir un dossier de destination
  3. Créer un raccourci sur le bureau
  4. Paramétrer les options de langue et d’ouverture
  5. Lancer le logiciel et identifier les premiers réglages

Prendre en main l’interface utilisateur

  1. Identifier les barres de menus, barres d’outils et onglets
  2. Comprendre l’espace de mise en page
  3. Utiliser le switch visuel/code
  4. Accéder aux extensions et modules complémentaires
  5. Personnaliser son espace de travail

Créer un nouveau projet web

  1. Créer une nouvelle page HTML et enregistrer son projet
  2. Définir le titre, les balises META et l’encodage
  3. Organiser l’arborescence du site
  4. Choisir les options de compatibilité navigateur
  5. Utiliser l’aperçu pour valider sa base

Structurer une page web

  1. Travailler avec des sections, colonnes et conteneurs
  2. Ajouter des titres, paragraphes et séparateurs
  3. Utiliser les balises sémantiques HTML5
  4. Créer une structure simple : entête, contenu, pied de page
  5. Appliquer des classes pour faciliter la mise en forme

Insérer des contenus multimédias

  1. Ajouter des images avec textes alternatifs
  2. Intégrer des vidéos ou des fichiers audio
  3. Insérer des vignettes ou galeries d’images
  4. Définir les propriétés de taille, alignement et description
  5. Optimiser les médias pour le web

Gérer les liens et la navigation

  1. Créer des liens internes, externes et des ancres
  2. Relier des documents téléchargeables (PDF, Word…)
  3. Construire une navigation simple (menu vertical ou horizontal)
  4. Insérer des boutons de navigation entre pages
  5. Tester les liens avant publication

Mettre en forme avec les outils CSS

  1. Appliquer des styles via le panneau CSS intégré
  2. Modifier les polices, couleurs, tailles, marges, bordures
  3. Utiliser des feuilles de style internes ou externes
  4. Créer des effets simples (survol, transitions)
  5. Organiser ses règles CSS pour une meilleure lisibilité

Utiliser le CSS Stylesheet Editor

  1. Créer et nommer une feuille de style
  2. Ajouter et structurer ses règles CSS
  3. Associer les classes et identifiants aux éléments HTML
  4. Corriger et tester les effets de mise en forme
  5. Sauvegarder et réutiliser ses styles

Gérer le code HTML manuellement

  1. Accéder à la vue code HTML depuis l’interface
  2. Identifier les balises principales et la structure d’une page
  3. Ajouter ou corriger du code simple
  4. Utiliser la coloration syntaxique et les suggestions
  5. Comprendre la complémentarité entre code et interface visuelle

Explorer le DOM et ses composants

  1. Utiliser l’explorateur DOM intégré
  2. Visualiser la hiérarchie des éléments HTML
  3. Sélectionner rapidement des balises à modifier
  4. Appliquer des styles ou modifications ciblées
  5. Comprendre l’impact du DOM sur la structure de la page

Utiliser les extensions et fonctionnalités avancées

  1. Rechercher et installer des plugins utiles (SVG, EPUB…)
  2. Découvrir des options d’enrichissement de contenu
  3. Ajouter des fonctionnalités non natives via les modules
  4. Gérer les mises à jour et les conflits de compatibilité
  5. Tester l’impact des extensions sur le rendu final

Finaliser et publier son projet web

  1. Enregistrer l’ensemble du projet dans un dossier structuré
  2. Utiliser les différents modes de prévisualisation
  3. Vérifier les liens, images et styles avant export
  4. Préparer l’export (vers serveur ou archive ZIP)
  5. Publier manuellement ou via un outil FTP tiers

La formation BLUEGRIFFON est dispensée sur 14 heures

Durée et montant de la formation

Intitulé Durée Montant HT
Formation BLUEGRIFFON - 14 heures 1090.00 €

Demander une convention de formation

Inscription newsletter

Recevez la newsletter ONLYWEB Formation pour vous tenir informé des formations à venir et maintenir vos compétences.

ONLYWEB Formation, s'appuie sur le réseau d'experts EVA - Solutions

coordonnées

© ONLYWEB Formation
6 pl. Dumas de Loire
69009 Lyon
TÉL 09 72 13 00 73
EVA Solutions: La force du réseau