Page précédente
Formation continue

WordPress HTLM CSS

FD FORMATIONS
Picto fav
Picto partage
  • Partager par mail
  • Imprimer

Objectifs de la formation

Picto rouler et dérouler

Avec cette formation WordPress, à réaliser en elearning de chez vous, sur votre ordinateur aux horaires qui vous conviennent, vous pourrez :


- en 16 modules apprendre et maitriser les outils et fonctionnalités de base de Wordpress, réaliser des sites web aux thèmes personnalisés et des blogs en ligne


Avec cette formation HTML-CSS, vous pourrez :


- en 88 modules, apprendre les bases des langages web HTML et CSS afin d’appréhender et être à même de créer vos premières pages web.

Pré-requis

Picto rouler et dérouler

Donnée non disponible

Contenu pédagogique

Picto rouler et dérouler

PROGRAMME DE LA FORMATION WORDPRESS

Acheter son hébergement et son nom de domaine :
- Aller sur OVH
- Passer la commande OVH
- Finalisation de la commande

L'interface de WordPress :
- Connexion à l'interface
- Réglage général
- Réglage de la lecture / écriture
- Réglage des discussions
- Réglage des Médias

Apparence - La gestion du thème :
- Présentation
- Mettre à jour WordPress
- Les différents thèmes
- Choix du thème
- Les paramètres de personnalisation : le titre
- Titre et logo du site
- Changer le Header
- Fin des paramètres de WordPress

Créer des PAGES avec GUTENBERG :
- Télécharger Gutenberg (si besoin)
- Présentation de Gutenberg
- Commencer à écrire un texte
- Ecrire du texte et le modifier
- Insérer une image
- Insérer une galerie
- Insérer une bannière
- Aperçu de notre page
- Média et texte
- Insérer une vidéo
- Créer un bouton
- Mettre la bonne destination à notre bouton
- Comment faire des colonnes
- Séparateur et espacement

ATELIER - Créer une page avec Gutenberg :
- Présentation de la page à réaliser
- Paramétrer le thème
- Créer les premières colonnes
- Création du 1er bloc
- Paramétrage du 1er bloc
- Création du 2ème bloc
- Mise en forme et création du bouton
- Création de la bannière
- Création du dernier bloc
- Personnaliser sa typo avec du CSS
- Copier les codes CSS
- Trouver une autre typo

PAGES :
- Modifier une page
- Présentation rapide de l'interface
- Installer Elementor

Ajouter des PAGES avec ELEMENTOR :
- Présentation des options dans l'onglet
- Options de réglages
- Les derniers réglages
- Création de la 1re section
- Insérer une image et faire les réglages
- Ajout de titre et texte
- Créer une autre section
- Les boutons
- Insérer une vidéo
- Séparateur espaceur
- Intégrer Google map
- Ajouter des icônes
- Insérer une boîte image
- La boîte d'icônes
- La notation
- Galerie photos
- Carrousel d'images
- Liste d'icônes
- Le compteur
- La barre de progression
- Témoignage
- Onglet accordéon - Va et vient
- Réseaux sociaux
- Créer une alerte
- Aperçu des derniers outils

Les articles :
- Différence entre pages et articles
- Catégories des articles
- Les étiquettes

Avançons ensemble :
- Les médias
- Les commentaires

Les EXTENSIONS - Plugins :
- Présentation
- Extension - Formulaire de contact
- Extension SEO
- WooCommerce - Introduction
- Créer une fiche produit
- Introduction des autres fonctions de WooCommerce
- WooCommerce - Dashboard - Commandes - Coupons
- WooCommerce - Les réglages de la boutique
- WooCommerce - Etat et extensions
- WooCommerce – Analytics

Les MENUS de votre site :
- Ajouter des éléments au menu
- Gérer l'emplacement du menu
- Optimiser le menu

Création d'un site - Portfolio :
- Présentation de l'atelier
- Installation et recherche du thème
- Personnalisation de l'en-tête
- Création du 1er article
- Création du 2e article
- Quelques paramètres de propriétés du thème
- Permalien et changement du nom de l'auteur
- Nouvel article et nouvelle catégorie
- Menu - Insérer les catégories au menu
- Création de la page Qui suis-je
- Rajouter une page au menu
- Générer un formulaire de contact simple
- Intégrer le formulaire de contact
- Contactez-moi - Astuce et bouton

Les ARTICLES :
- Différence entre pages et articles
- Catégories des articles
- Les étiquettes

Avançons ensemble :
- Les médias
- Les commentaires

Les EXTENSIONS - Plugins :
- Présentation
- Extension - Formulaire de contact
- Extension SEO
- WooCommerce - Introduction
- Créer une fiche produit
- Introduction des autres fonctions de WooCommerce
- WooCommerce - Dashboard - Commandes - Coupons
- WooCommerce - Les réglages de la boutique
- WooCommerce - Etat et extensions
- WooCommerce – Analytics

Les MENUS de votre site :
- Ajouter des éléments au menu
- Gérer l'emplacement du menu
- Optimiser le menu

Création d'un site - Portfolio :
- Présentation de l'atelier
- Installation et recherche du thème
- Personnalisation de l'en-tête
- Création du 1er article
- Création du 2e article
- Quelques paramètres de propriétés du thème
- Permalien et changement du nom de l'auteur
- Nouvel article et nouvelle catégorie
- Menu - Insérer les catégories au menu
- Création de la page Qui suis-je
- Rajouter une page au menu
- Générer un formulaire de contact simple
- Intégrer le formulaire de contact
- Contactez-moi - Astuce et bouton

Création du site E-commerce – Myshoes :
- Mise en place du thème et WooCommerce - Télécharger le thème
- Mise en place du thème et WooCommerce - Configurer le titre et favicon
- Mise en place du thème et WooCommerce - Installation de WooCommerce
- Les produits - Configurer un produit simple
- Les produits - Produit externe et affilié
- Les catégories / Widgets / Thème - Gestion des catégories
- Les catégories / Widgets / Thème - Gérer le widget de la sidebar
- Les catégories / Widgets / Thème - Paramètre du thème WooCommerce
- La page d'accueil - Personnalisation de la page, Création, Étude de la concurrence, Présentation de la page, Création de la 1ère bannière, Création de la 2ème bannière, Ajout des séparateurs et de la citation, Ajouter les nouveautés avec, WooCommerce, Finalisation de la page d'accueil
- Mega Menu - Installation de l'extension, Présentation générale, Plus de détail des paramétrages, Ajouter le contenu du menu, Personnaliser le Mega Menu, Dernière paramètre du Mega Menu
- Le footer - Créer son footer
- Faire un pop-up - Télécharger l'extension, Paramétrage du Pop-up, Les cookies du Pop-up
- Administration - Présentation de l'interface Admin
- WooCommerce
- Administration - Partie Analytics, Paramétrer Paypal, Générer un processus de Vente
- Conclusion

Création de site internet - Style Business :
- Présentation
- Télécharger le thème
- Décryptage du thème OnePress
- Mettre le site en maintenance
- Configurer la page de maintenance
- Commençons la création
- Créer la page d'accueil
- Section HERO
- Section FONCTIONNALITES
- Section A PROPOS
- Section SERVICES
- Section VIDEO LIGHTBOX
- Section GALERIE
- Section COMPTEUR
- Section EQUIPE
- Section NOUVEAUTE
- Section CONTACT
- Identité du site
- Le menu
- Ajouter un flux Instagram
- Pied de page

Référencement SEO :
- Yoast SEO - Le télécharger
- Comment présenter les recherches Google
- Assistant de configuration
- Les réglages de Yoast SEO
- Derniers réglages
- Réglage de la page
- Réglage des réseaux sociaux
- Optimiser une autre page

Durée de la formation : 16 heures

PROGRAMME DE LA FORMATION HTML - CSS

HTML/CSS - Cours interactif :
- Introduction au cours HTML et CSS
- Les bases du HTML
- Les bases du CSS
- Mise en forme de textes en CSS
- Le modèle des boîtes
- Position et affichage des éléments
- Création de tableaux HTML
- Insertion de médias en HTML
- Fonds, dégradés et ombres CSS
- Sélecteurs CSS complexes
- Formulaires HTML
- Transitions, animations et transformations CSS
- Modèle des boîtes flexibles - Flexbox CSS
- Responsive design CSS
- Sémantique et éléments HTML structurants
- Modèle des grilles CSS
- Évolution et futur du CSS

TUTORIEL VIDEO – Niveau Débutant :
- Présentation du cours
- Pourquoi apprendre à coder ?
- Définitions et rôles
- Versions HTML et CSS
- Travail en local et en production
- L'éditeur de texte
- Eléments, balises et attributs
- Structure d'une page HTML
- Création d'une page HTML
- Indentation et commentaires HTML
- Titres et paragraphes en HTML
- Espaces et retours à la ligne en HTML
- Les niveaux d'importance des textes
- Les listes en HTML
- Liens internes et externes en HTML
- Autres types de liens HTML
- Insérer des images en HTML
- Validation et compatibilité du code

TUTORIEL VIDEO - Niveau intermédiaire :
- Sélecteurs et propriétés CSS
- Où écrire le CSS
- Les commentaires en CSS
- Les sélecteurs CSS simples
- Les attributs id et class
- L'héritage en CSS
- Les types block et inline
- Les éléments HTML div et span
- La propriété CSS font family
- Autres propriété CSS de type font

Insertion dans l'emploi

Picto rouler et dérouler

Aucune donnée n'est encore disponible pour cette formation

Avis sur la formation

Picto rouler et dérouler

Aucun avis n'est encore disponible pour cette formation

Session(s)

Pas de session ouverte pour le moment

FD FORMATIONS

Picto label 1 label
Picto lien organisation

Formations similaires