M2i Formation

Joomla! - Web Design

Web et Mobile Design - Programmes libres / CMS

Présentiel

4 jours (28 heures) - JOO-WD

Accueil  ›  Formations Multimédia  ›  Web et Mobile Design  ›  Programmes libres / CMS  ›  Joomla! - Web Design

Objectifs pédagogiques

  • Connaître les bases des langages HTML / CSS par la pratique, en vue de les mettre en oeuvre dans la personnalisation et la création de templates du CMS Joomla!
  • Créer et structurer une page Joomla! à l'aide du framework Gantry 5.

Niveau requis

Avoir suivi le cours JOO-ADM "Joomla! - Installation et administration" ou posséder les connaissances équivalentes. Avoir des connaissances en HTML / CSS.

Public concerné

Tout administrateur maîtrisant les fonctionnalités de base de l'administration et souhaitant personnaliser ou concevoir son propre template Joomla!.

Paris Chaillot15/04/20192 320 € HTDates proposées dans les agences M2iRéserver
Paris Chaillot09/09/20192 320 € HTDates proposées dans les agences M2iRéserver

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Metz15/04/20192 320 € HTDates proposées dans les agences M2iRéserver
Mulhouse15/04/20192 320 € HTDates proposées dans les agences M2iRéserver
Nancy15/04/20192 320 € HTDates proposées dans les agences M2iRéserver
Reims15/04/20192 320 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Caen15/04/20192 320 € HTDates proposées dans les agences M2iRéserver
Évreux15/04/20192 320 € HTDates proposées dans les agences M2iRéserver
Le Havre15/04/20192 320 € HTDates proposées dans les agences M2iRéserver
Lille15/04/20192 320 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Dijon15/04/20192 320 € HTDates proposées dans les agences M2iRéserver
Grenoble15/04/20192 320 € HTDates proposées dans les agences M2iRéserver
Lyon15/04/20192 320 € HTDates proposées dans les agences M2iRéserver
Saint-Étienne15/04/20192 320 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Bordeaux15/04/20192 320 € HTDates proposées dans les agences M2iRéserver
Orléans15/04/20192 320 € HTDates proposées dans les agences M2iRéserver
Tours15/04/20192 320 € HTDates proposées dans les agences M2iRéserver
Bordeaux09/09/20192 320 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Aix-en-Provence15/04/20192 320 € HTDates proposées dans les agences M2iRéserver
Montpellier15/04/20192 320 € HTDates proposées dans les agences M2iRéserver
Sophia Antipolis15/04/20192 320 € HTDates proposées dans les agences M2iRéserver
Aix-en-Provence09/09/20192 320 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Les outils pour développer en HTML / CSS

  • Installer et paramétrer un éditeur de code : Komodo Edit
  • Où trouver les ressources HTML / CSS sur le Web
  • Les étapes de la conception d'un site Web : du Mockup à l'intégration
  • Sensibilisation au Responsive Design

Remise à niveau en HTML

  • Le langage HTML : les balises de base
  • Structurer une page HTML statique

Remise à niveau en CSS

  • Les bases du langage CSS
  • Créer une feuille de styles interne ou externe

HTML / CSS par la pratique : étude d'un framework Bootstrap

  • Télécharger et installer Bootstrap
  • Construire une page HTML / CSS avec Bootstrap
  • Personnaliser la mise en page à l'aide de class CSS Bootstrap

Administration avancée de Joomla!

  • Créer une surcharge d'extension dans Joomla!
  • Comprendre la structure d'un template Joomla!
  • Analyser la structure d'un module Joomla !
  • Personnaliser la mise en forme d'un module : les suffixes de class CSS
  • Optimiser la mise en forme des articles par l'intégration de class CSS
  • Concevoir un contenu d'article fluide et Responsive Design
  • Mettre en place des templates de contenu : Content Templater

Concevoir et personnaliser un template Joomla! avec Gantry 5

  • Installer et personnaliser Gantry 5
  • Les réglages de styles par défaut : le gabarit "Base Outline"
  • Comprendre la structure d'un template : le layout
  • Création et personnalisation de positions de modules
  • Création de gabarit de pages Joomla! et montage d'une page d'authentification d'un site Intranet / Extranet (double gabarit et instance de template Joomla!)
  • Introduction à la notion de particules Gantry 5
  • Gestion des menus et hyper menu
  • Mise en place de la feuille de styles de personnalisation
  • Comprendre ce qu'est un compilateur de code CSS : le langage Sass dans Gantry 5
  • Ajout d'une police de caractères

Template à partir d'une maquette graphique

  • Analyse d'une maquette sur Adobe Photoshop
  • Extraction des éléments graphiques
  • Mise en place de la charte graphique dans la feuille de styles du template (variables et mixins Sass)
  • Conception du gabarit et mise en place des positions du template Joomla!
  • Intégration du contenu (modules, articles…)
  • Réalisation et personnalisation du template par l'intégration du code CSS dans la feuille de styles

En cliquant le bouton « Accepter », vous acceptez l’utilisation de cookies pour réaliser des mesures d’audiences et vous permettre d’enregistrer vos préférences de navigation. Sans votre acceptation, aucun cookie ne sera enregistré.

Accepter Paramètres En savoir plus