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