WORDPRESS et HTML5/CSS3

Objectifs

Présenter les différentes techniques pour la création d'un site web professionnel avec WORDPRESS et connaitre les bases du HTML/CSS et HTML5/CSS3

Programme de la formation

1 - WORDPRESS
LES PRINCIPES
principes d'Internet (serveur, hébergeur, FAI)
Site Web statique et site Web dynamique
Pourquoi utiliser CMS ? (WordPress)
Exemples de sites WordPress
Définir l'arborescence du site
Classer les contenus par catégories
INSTALLATION
Télécharger les dernières versions.
Installer un client FTP
Installer WordPress.
Paramétrages. et configuration
Site et console (Frontend et Backend)
Choisir un thème
STRUCTURE D'UNE PAGE
Les zones d'affichage
Les modules
LES ARTICLES
Sections et catégories
Créer un article, mise en forme de l'article
Gérer les articles, les articles longs
LES IMAGES
Gérer les dossiers de médias
Ajouter des images
LES MENUS
Créer un nouveau menu
Gérer les éléments de menus
Gérer les menus
LES CONTACTS
Ajouter un contact
Ajouter un module de contact
GESTION DES UTILISATEURS
Ajouter des utilisateurs
Les catégories d'utilisateurs
Gérer les droits d'édition
LES ELEMENTS EXTERNES
Insérer une carte Google Map
Insérer une vidéo
LES THÈMES
Principe des modèles
Télécharger, installer, gérer les thèmes
Template en fonction de la page
PERSONNALISER LES THÈMES
Identifier les images du thème
Changer une image du thème
Les styles CSS
Modifier les styles du thème
2 - HTML et CSS / HTML5- CSS3
NOTIONS DE BASE
Web – Sites – Pages
Langages
Formats
Logiciels nécessaires
CRÉER DU CONTENU AVEC LE HTML
Balises de la page de base.
Types de balises et paramètres.
Doctype, Title et META
Balises pour la structure et le contenu
Div, Titres, Textes, Listes.
Images, Tableaux.
Les différents types de liens
-hamps de formulaires
LES STYLES CSS POUR LA MISE EN FORME
Principe de la feuille de styles
Styles incorporés ou liés
Lier la feuille de styles à la page Html
Les différents sélecteurs Css
Propriétés Css pour la typo
Propriétés Css pour les « boites »
Propriétés Css pour les couleurs
Propriétés Css pour les arrières plans
Propriétés Css pour les bordures
Propriétés Css pour les liens
TRAVAUX PRATIQUES
Créer des pages qui contiennent tous types de contenu Html (à partir d'un éditeur de texte avancé) et les mettre en forme avec des styles Css enregistrés dans une feuille de styles.
Relier les pages avec des liens
SPÉCIFICITÉS HTML 5
Compatibilités et navigateurs
Outils d'aide (CanIUse, Html5Doctor et autres)
Nouveaux champs de formulaires
Se passer des Plugins Audio et vidéo
Utiliser les capacités du terminal (GPS, camera)
SPÉCIFICITÉS DU CSS 3
Les nouveaux sélecteurs CSS
Les nouvelles pseudo-classes
Propriétés Box-sizing
Les multi colonnes
Box Shadow, Text-Shadow et générateurs
Border radius
Contours en images
Dégradés
Fonds multiples
Transformations
Animations et transitions

Validation et sanction

-

Type de formation

Non certifiante

Sortie

Information non communiquée