Ziggourat

HTML5/CSS3 Initiation : Retoucher graphiquement un thème sous WordPress

Par Ziggourat

Objectifs

Cette formation vous permet d'utiliser les langages HTML et CSS dans leurs dernières versions pour concevoir et habiller des documents ainsi que des sites statiques avec les standards du Web et adaptés à tous les terminaux (responsive) et générer des pages dynamiquement et adapter un thème sur le CMS WordPress.

Programme

Introduction

  • Définition et utilité de HTML/CSS/JavaScript, les langages du web
  • Concepts généraux de la conception de documents WEB
  • Le navigateur, outil de diffusion et de développement

Hébergement - Publier son document sur le Web

  • Notions de serveurs/clients
  • Choisir un nom de domaine et un hébergement
  • Se connecter via FTP avec Filezilla

Wordpress – Utiliser un CMS pour générer des pages dynamiquement

  • Notions de CMS et de sites dynamiques
  • Notions de bases de données
  • Notions de PHP et MySql
  • BackEnd et FrontEnd

HTML – La structure d’un document HTML

  • Les balises sémantiques de HTML5
  • Différentes parties d'un document HTML (header, footer, main, nav, …)
  • Les principales balises et leurs attributs

HTML – Utiliser des balises sémantiques

  • Balises title et meta
  • Insertions des feuilles de styles CSS et des scripts JavaScript
  • Les balises principales de contenu : titres, paragraphe, listes ...

HTML – Multimédia et interactivité

  • Notion de lien absolu et de lien relatif
  • Créer des menus et des ancres
  • Ajouter des formulaires
  • Les images et les règles à respecter
  • Vidéo et audio (sans Flash)

CSS – Habiller le document

  • Les sélecteurs de balise
  • Utilisation des attributs HTML « id » et « class »
  • Utilisation des pseudo-classes et mise en forme des liens
  • Utilisation des sélecteurs d'attributs
  • Calculer les règles de priorité

CSS – Positionner les éléments

  • Principe des « boites » et leur positionnement
  • Display : inline / block / inlineblock
  • Dimensions, marges, espacements et bordures
  • Positionnement classique : float / clear
  • Les pièges des float et l'astuce du clearfix
  • Positionnements spéciaux (relatif, absolu, fixe)
  • Positionnements par Grille ou via Flexbox

CSS – Animations et effets

  • Coins arrondis
  • Ombres portées
  • Transparence
  • Filtres graphiques
  • Transformations 2D
  • Animations autonomes
  • Valeurs dynamiques : calc()

CSS – Adapter la police et ajouter des couleurs

  • Polices et textes
  • Unités de mesure
  • Couleurs
  • Fonds
  • Styles des listes

CSS – Adapter le document aux appareils

  • Principes du Responsive Web Design (RWD)
  • Différence entre résolution et taille d'affichage
  • Mise en page fluide et adaptative
  • Principe des media queries CSS
  • Points de rupture et règles conditionnelles
  • Menus adaptatifs

Wordpress - Adapter un thème

  • Fonctionnement d’un thème et hiérarchie des templates
  • Les outils PHP de Wordpress pour dynamiser une page HTML
  • Apprendre à se repérer dans un template écrit en PHP
  • La Boucle Wordpress et les fonctions de base
  • Adapter les templates d’un thème à l’aide de HTML et CSS

Pédagogie

Méthode pédagogique

8 participants maximum, un poste par stagiaire et un support de cours est envoyé en fin de stage (vidéos tutorielles et/ou support spécifique). La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices applicatifs et/ou ateliers.

Modalité de validation des acquis

Évaluation continue via des exercices applicatifs et/ou des ateliers de mise en pratique. Évaluation en fin de stage par la complétion d'un questionnaire et/ou d'une certification officielle issue du Répertoire Spécifique. Émargement quotidien d'une feuille de présence (en présentiel ou en ligne). Complétion par le formateur/la formatrice d'un suivi d'acquisition des objectifs pédagogiques. Remise d'une attestation individuelle de réalisation.

Formations de la même catégories (5)

M2i Formation
WordPress et WooCommerce - Créez facilement votre boutique en lignePar M2i Formation
  • Mettre en oeuvre l'essentiel des fonctionnalités WooCommerce pour réaliser une boutique en ligne
  • Installer le plug-in WooCommerce
  • Paramétrer votre e-commerce avec WordPress
  • Gérer votre boutique WordPress / WooCommerce
  • Installer et paramétrer l'extension WooCommerce
  • Créer des fiches produits et importer un fichier Excel
  • Personnaliser la présentation
  • Décrire la gestion des commandes
  • Animer les ventes.
Ziggourat
WordPress et ecommerce avec WooCommercePar Ziggourat

Cette formation vous permet de manipuler le plugin WooCommerce sur WordPress, d'intégrer les produits, les moyens de paiements et des outils de promotions sur votre site WordPress.

Clever Institut
WordPress : création et administrationPar Clever Institut

WordPress est actuellement le système de gestion de contenu le plus utilisé. Il est facile à installer (seulement 3 étapes) et son interface d’administration est conviviale et rapide de prise en main pour les utilisateurs débutants. Durant cette formation WordPress, vous allez apprendre à installer et gérer le contenu d’un site Internet sans aucune connaissance informatique

ENI SERVICE
WordPress : créer et gérer un blog professionnelPar ENI SERVICE
  • Installer la solution logicielle.
  • Gérer votre blog.
  • Personnaliser et étendre les fonctions.
Pyramyd Formation
Créer son Thème WordPressPar Pyramyd Formation

WordPress est le CMS le plus utilisé.

Concevoir un thème Wordpress vous permettra de gérer les parties essentielles de votre site à partir d'un seul endroit et garantira la cohérence sur l'ensemble de votre site.

CERTIFICATION DIGITT

Le certificat DiGiTT est l’opportunité de faire reconnaître officiellement ses compétences digitales.Le test DiGiTT s’articule autour de 3 dimensions clés : la connaissance des termes utilisés et propres au digital, la capacité à actionner une compétence dans un cas approprié, la capacité à comprendre et à interagir sur des points d’expertise liés aux métiers du digital.

Sur la dernière année : taux de réussite 100%, moyenne « Avancé ».