Formation HTML CSS

Cette formation va vous permettre de commencer à écrire du HTML (5) et du CSS (3)

Description de la formation HTML CSS : Les bases

La formation HTML CSS : Les bases a pour objectif de vous permettre de passer d’une idée à une page HTML. Cette formation vous apporte toutes les clés pour mettre en place des sites Web en utilisant toutes les bonnes pratiques HTML et CSS. A l’issue de cette formation, vous serez capable d’intégrer n’importe quel graphisme sur vos sites Internet, tout en respectant l’état de l’art pour garantir l’accessibilité de vos créations.

Bulletin d’
inscription
 Demande de
devis
 Détail du
programme

Programme de la formation HTML et CSS : Les bases

  • Introduction et notions de base
    • Qu’est-ce HTML5 ?
    • Qu’est-ce CSS3 ?
  • Le contenu : titrage et paragraphe
    • Balises de titres et de paragraphes (<h1>, … <h6>, <p>)
    • Premières décorations CSS : color et background-color
    • Alignements de contenus : text-align
    • Formats de couleurs (hexadécimal, mots-clés)
    • Familles de polices avec et sans empattements : font-family
  • Appliquer des marges (internes et externes)
    • Introduction au Modèle de Boîte en CSS
    • Appliquer une marge sous ou sur un élément
  • Les listes
    • Créer une liste d’éléments : <ul> et <li>
    • Les puces par défaut et personnalisées
  • Anatomie d’une page web standard
    • Notion de “Doctype”
    • Éléments de structure : , ,
  • À l’assaut de ma première page web
    • Arborescence des fichiers
    • Comment appliquer les styles CSS ?
    • Les éditeurs de code
  • Les images
    • Afficher une image de contenu : et ses attributs
    • Afficher une image décorative : background-image et propriétés associées
    • Distinguer une image (HTML) d’une image de fond (CSS)
  • Applications pratiques
    • Insérer une image dans le corps de la page
    • Un logo cliquable
    • Personnalisation de listes
  • Les sections d’un document
    • Notion de “section” : (<header>, … <aside>, <main> <footer&gt ),(et autres éléments sectionnants)
    • Jouez vous aussi : deviner les sections d’après la maquette du projet
    • Listing des sections, titres et paragraphes de la page
    • Application des styles CSS généraux en conformité avec la maquette
  • Les composants
    • Qu’est-ce qu’un composant ?
    • Deviner les composants d’après la maquette
    • Mon premier composant : le bouton (avec bordures, notions de flux et pseudo-classes)
    • Le composant navigation (avec notion d’héritage et les sélecteurs CSS)
    • Les composants du pied de page
    • Le bloc info (avec le modèle de boîte suite et fin, width, height, box-sizing)
    • Le Composant « Card » (éléments HTML
      et
      )
    • Le Composant de formulaire de contact (éléments HTML du formulaire)
  • Qu’est-ce que le Responsive Web Design ?
    • Les points de rupture
    • Le viewport
    • Les CSS Media Queries
  • Centrer le contenu dans la page
    • Avec les propriétés CSS width et les marges automatiques
    • Ajout d’éléments neutres (<div> )
    • Les priorités en CSS
  • Le modèle Flexbox
    • Comment fonctionne Flexbox ?
    • Où a-t-on besoin d’appliquer Flexbox sur la maquette ?
    • Application pratique : composants « Séjours », « nav » et « footer »
  • Le modèle Flexbox
    • Comment fonctionne Flexbox ?
    • Où a-t-on besoin d’appliquer Flexbox sur la maquette ?
    • Application pratique : composants « Séjours », « nav » et « footer »
  • Positionnement flottant
    • La propriété float
    • Application pratique : bloc « infos »
  • Éléments bonus
    • Les tableaux de données
    • Une grille d’éléments (composant “Destinations”)
  • Le futur de CSS avec Grid Layout
    • Qu’est-ce-que Grid Layout ? (principes, support, application)
    • Composant “Destinations” en Grid Layout
  • Les standards
    • Votre code passera-t-il au validateur ?/li>
    • Notions d’entités HTML
  • Ressources HTML et CSS
  • Niveau : débutant à intermédiaire
  • Ref : LAHTN1
  • Durée : 3 jours
  • Prix : 1490€
  • Niveau : débutant à intermédiaire
  • Ref : LAHTN1
  • Durée : 3 jours
  • Prix : à définir

Paris

  1. 20/03/2019

Strasbourg

Aucune date pour le moment.

organiser votre formation

Objectifs

  • Savoir réaliser une conception de pages web en langages HTML5 et CSS3 de façon totalement autonome, sans éditeur visuel ni tableaux de mise en page.
  • Concevoir des sites internet valides selon les standards W3C, connaître les principales balises HTML existantes, structurer son contenu (utiliser des éléments de liste, des liens hypertexte, des images), appliquer ses premières mises en forme à l'aide des styles CS

Public

  • Graphistes
  • Webmasters débutants
  • Rédacteurs de contenu souhaitant comprendre le code manipulé

Pré-requis

  • Être déjà familier avec les outils informatiques et le Web en général.
Pré-inscription
Toutes nos dates se font avec Alsacreations
logo_alsacreations
Nous proposons
Consulting
Formation