Formation HTML et CSS (développement de site internet)

Woospeak, centre de formation en langues et bureautique depuis 2006, vous propose son expertise pour votre formation HTML et CSS. Nos formateurs expérimentés vous aideront à vous perfectionner et à maîtriser HTML et CSS.

Objectif:	Créer des sites responsives. Maîtriser les bonnes pratiques de programmation HTML CSS. Développer des interfaces en HTML 5 / CSS. Préparer le référencement naturel.
Méthode:	Face à face, téléphone, visioconférence, e-learning
Pré-requis:	Avoir déjà développé ou participer au développement d’une application professionnelle et avoir une pratique d’un langage de programmation.
Public:	Webmaster ou toute personne en charge de la refonte d’une application existante.
Durée:	2, 4, 6, 8, 10 heures... durée modulable selon les besoins
Certifications possibles:	TOSA et ENI.

Les objectifs de votre formation HTML et CSS

Notre formation HTML et CSS est l’une de nos formations de notre catalogue bureautique. Elle vous aidera à maîtriser HTML et CSS. Cette formation vous permettra entre autre : de créer des sites responsives, de maîtriser les bonnes pratiques de programmation HTML CSS, de développer des interfaces en HTML 5 / CSS, de préparer le référencement naturel.
Quel que soit votre niveau de base, nos formations sur-mesure s’adaptent totalement pour vous faire progresser.

Le programme de votre formation HTML et CSS (développement de site internet)

Le contenu du programme de formation HTML et CSS s’organise en 3 axes majeurs, et seront adaptés en fonction de vos objectifs et de vos besoins :

Module 1 : Présentation de l’écosystème

• 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

Module 2 : Pratique du langage

• Les liens :
• Créer un lien vers une autre page avec l’élément et son attribut href
• Souligner (ou pas) un lien : text-decoration
• 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
• Vue d’ensemble des tags HTML

Module 3 : Anatomie d’une page web standard

• La page web standard
• Notion de “Doctype”
• Éléments de structure
• Première page web
• Arborescence des fichiers
• Comment appliquer les styles CSS ?
• Les éditeurs de code (dream, notepad++, web expression 4)
• 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)

Module 4 : Mise en place des composants

• 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)
• 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

Module 5 : Partie responsive

• 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
• 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 ?
• Notions d’entités HTML
• Les Framework html 5 et CSS
• BOOTSTRAP
• SKELETON
• KICKSTART
• KNACCSS 5(fr)

Travaux pratiques & Contrôle des acquis

Si vous le souhaitez, nous vous proposons également de passer une certification bureautique comme le TOSA. Cette formation HTML et CSS est éligible au CPF (Compte Personnel de Formation).

HTML et CSS en visioformation, par téléphone ou en face à face

En tant qu’organisme de formation spécialisé, Woospeak vous propose différentes modalités de formation :

• Une formation en webcam, où vous suivez vos cours d’HTML et de CSS depuis votre ordinateur en direct avec votre formateur via votre webcam.
• Une formation par téléphone, où vous suivez des sessions intensives de 30 minutes
• Une formation en face à face, où vous êtes en présence de votre formateur
• Une formation mixte qui combine plusieurs parcours

Cette formation HTML et CSS peut se dérouler à domicile ou au sein de votre entreprise.

Nous organisons des sessions de formation où que vous soyez et partout en France

Vous souhaitez en savoir plus ? N’hésitez pas à nous contacter pour toute question.
Vous pouvez également nous demander un devis sur votre formation HTML et CSS..