Intégrer ses chartes graphiques sur les solutions webo-facto
Formation pour maîtriser l'intégration de chartes graphiques sur les solutions Medialibs dans le respect des standards W3C
Détail de la formation
Niveau : Intermédiaire
Durée : 7 heures
Type : Formation exclusive
Profil : Intégrateurs
Tarifs : Formation exclusive 800€ HT
Objectifs
Intégrer une charte graphique en utilisant les langages HTML et CSS au sein des solutions e-majine et saytup, dans le respect des standards internationaux (W3C).
Pré-requis
Technique
- Avoir suivi la formation à l'utilisation d'e-majine et/ou saytup
- Maîtrise du webo-facto et de l'interface d'administration d'e-majine et/ou saytup
- Gestion de projets web
- Connaissances xHTML/CSS
- Culture générale sur Internet
Administratif
- Posséder une licence e-majine et tous les codes d'accès
- Prévoir une charte graphique à intégrer (se munir de contenus textuels et images représentatives)
Programme
Partie 1 : Structuration xHtml et CSS
Mise à niveau du langage web
- Focus sur les différents navigateurs
- La sémantique HTML et xHTML
- Les sélecteurs CSS
- Les pseudo-éléments
- La priorité des sélecteurs
- Les standards et la conformité
Positionnement css
- La notion de flux HTML
- Display : block, inline, flex...
- Les méthodes de positionnement : relatif et absolu
- La gestion du float : overflow vs clear
Analyse et préparation d'un site
- Configuration de votre IDE
- Ergonomie et zoning de l'interface
- Arborescence et plan du site
- Intégration de contenus représentatifs
- Étude de l'espace FTP
- Outils pour l'intégration
Optimisation de l'interface
- Structure xHTML / HTML5 globale d'un site
- Génération de préformaté ou modèle de contenu
- Optimisation des appels CSS, CDN
- Les extensions navigateurs et outils en ligne
- La validation : les erreurs fréquentes et leurs correction
- Conseils d'optimisation
Atelier n°1 : optimiser la structure HTML de votre interface
Atelier n°2 : personnaliser votre interface via CSS
Partie 2 : Intégration d'un cas concret
Travaux pratiques : mise en œuvre d'un design complet
- Méthodologie : acquérir une méthode de travail
- Mise en page HTML et CSS
- Spécificités javascript (jQuery)
Perspectives : aller plus loin
- État des lieux du Responsive Web Design (RWD)
- Introduction à l'OOCSS (Oriented Object CSS)
- État des lieux des frameworks (knacss, bootstrap, foundation,...)
- Etat des lieux : HTML5, préprocesseurs CSS, automatisation de tâches
- Versioning : du dev local à la production en ligne