webleads-tracker

Formation intégration html-css - Medialibs

Intégrer ses chartes graphiques sur les solutions Medialibs

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 700€ HT


Demander des informations

 

 

target-icon 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).

 
 

check-iconPré-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)
 

list icon blueProgramme

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
 

Information et inscription à la formation :
Intégrer en xHTML & CSS