WORDPRESS et HTML5-CSS3

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