Apprendre à coder des pages simples en HTML5 et utiliser les styles CSS3. Mettre en œuvre un site web.

OBJECTIFS PEDAGOGIQUES

  • Pouvoir augmenter l’interactivité ou les fonctionnalités des pages Web Acquérir la capacité d’aborder les bases de ce langage multiplateforme Réaliser des applications utiles

PROGRAMME

LES BASES DU LANGAGE HTML

  • Rappel sur les différentes versions du langage HTML
  • Assurer la compatibilité avec les navigateurs
  • Standards et respects des normes du W3C
  • Référencement et accessibilité

STRUCTURE D'UNE PAGE HTML5

  • Tags principaux
  • Simplifications avec HTML5
  • Les éléments et leur placement

LES BALISES STRUCTURANTES

  • Blocs Div et Span
  • Listes
  • tableaux
  • Iframes

WEBFORMS2

  • Champs de saisie
  • Listes déroulantes
  • Boutons radio
  • Champs date
  • PlaceHolder/Slider

HTML5

  • Doctype, metas déclarations, balises sémantiques
  • Intégrer et optimiser les médias : formats et encodages (images, vidéos et sons)
  • Canvas et SVG
  • WebGL
  • Définir la navigation avec les liens hypertextes et créer des formulaires

TOUR D'HORIZON DES OUTILS D'INTÉGRATION

  • Freewares : Notepad++
  • Éditeur WysiWyg : Dreamweaver

STYLES CSS

  • Syntaxes des sélecteurs CSS
  • Pseudo sélecteurs
  • Principales propriétés CSS
  • Règles CSS
  • Frameworks HTML/CSS : Bootstrap

STRUCTURE DES ÉLÉMENTS

  • Le modèle de boîte
  • Éléments block et inline
  • La propriété display
  • Padding, marges et bordures

POSITIONNEMENT EN CSS : INLINE; BLOCK, LES FLOAT

  • Positionnement dans le flux
  • Positionnement absolu et relatif
  • Positionnement fixé
  • Positionnement flottant

LE LANGAGE CSS3 ET LE RESPONSIVE DESIGN

  • Les nouveaux sélecteurs CSS : classes, id, pseudo-éléments
  • Gestion des polices de caractères
  • Fonts, couleurs et bordures
  • Positionnement en colonnes
  • Les transitions, transformations et animations CSS
Description des travaux pratiques :
  • Mise en oeuvre d'un site responsive.

MISE EN LIGNE D'UN SITE WEB

  • Nom de domaine
  • Les clients FTP
  • Types d'hébergements (mutualisé, dédié)
  • Sécurité

CERTIFICATION

La certification ENI® en option sur cette formation, permet d’évaluer votre niveau de maîtrise dans le domaine du développement web et du langage HTML/CSS. Elle est éligible au CPF pour tous les salariés et demandeurs d'emploi. Code CPF : 208 980. Lorsque la certification est financée au titre du CPF, la formation associée peut également être prise en charge (dossier CPF commun). La certification est également éligible à la période de professionnalisation.

PUBLIC

Développeurs web, intégrateurs, webmasters, webdesigners, développeurs front end, intégrateurs souhaitant mettre à jour leurs connaissances

PRÉREQUIS

  • Avoir des notions en technologie du Web, du design et connaissance de l’environnement Windows
  • INFORMATIONS PRATIQUES

    HORAIRES DE LA FORMATION
    Formation à distance

    MÉTHODOLOGIE PÉDAGOGIQUE
    Théorie | Cas pratiques | Synthèse

    MODALITÉS D'ÉVALUATION
    Évaluation qualitative des acquis tout au long de la formation et appréciation des résultats