Formation HTML5 CSS3 Initiation - 3 jours ( éligible CPF )

HTML 5 CSS3
Apprendre à écrire les bases du langage web

Maîtrisez les bases du langage Web

La formation vous permettra d’appréhender HTML5 et CSS3, les deux langages de programmation à la base de tous les sites internet. Vous réaliserez des mises en pages, insérerez du texte, des images et des liens.

Vous verrez également, comment créer des menus, des formulaires personnalisés pour la création de vos sites internet.

Objectifs

  • Construire une structure de document HTML accessible et valide
  • Maîtriser les balises sémantiques
  • Améliorer la présentation et la maintenance des pages Web
  • Concevez des feuilles de style avec CSS3 pour la mise en forme

Publics visés et débouchés professionnels

  • Développeurs Web
  • Webmaster
  • Maquettistes
  • Infographistes
  • Chefs de projets
  • Community manager

Pré-requis

  • Utilisation courante d’un ordinateur et d’internet
  • Notre responsable pédagogique peut vous aider à évaluer vos besoins lors d’un entretien personnalisé

Certifications

  • TOSA
  • PCIE/ICDL
  • Adobe ACA

Nos tarifs

  • Tarifs Journaliers (inter en Présentiel): 320 euros – soit 960 euros la session
  • Tarifs Journaliers (inter à distance): 320 euros – soit 960 euros la session
  • Tarifs Journaliers (Intra): 690 euros – durée sur mesure

Déroulé pédagogique :

Formation HTML 5 CSS3

Découvrez notre programme HTML 5 CSS3

1ER JOUR

LES BASES DU CSS/HTML
Avantages des Cascading Style Sheets
Règles CSS
Sélecteurs
Priorité des Sélecteurs
La Cascade
Feuille de Style embarquée
Feuille de Style externe
Styles en ligne
Types de Médias
Divs et Spans
Unités de Mesure
Héritage
@import
CSS FONT
Font, Font-family, Font-size
Font Style, Font Variant et Font Weight
CSS TEXT
Letter-spacing
Word-spacing
Line-height
Text-align, Text-decoration, Text-indent, Text-transform
Vertical-align
White-space
Propriétés de Text
COULEURS ET BACKGROUNDS
Les codes de couleur
Colors et Backgrounds
CURSEURS
Styles de Curseurs
Curseurs personnalisés
BORDERS, MARGINS ET PADDING
Principe
Borders
Margin
Padding
Borders, Margin et Padding
STYLER LES TABLES EN CSS
Syntaxe HTML Table
Styler une table
POSITION ET VISIBILITÉ
Flux d’éléments
Position, Positionner
Z-index, Display
Visibility, Float
Clear
MISE EN PAGE CSS AVANCÉE
Redéfinir les Styles, Positionner les titres
Pleine largeur, Largeur Fixe
Recommandations sur le positionnement
Autres méthodes
Bien utiliser Float pour la mise en page

2EME JOUR

CSS : PROPRIÉTÉS ABRÉGÉES
Pourquoi les P.A. ?
Liste des P.A. CSS
Margins et Padding
Border et Outline
Backgrounds
Fonts. Lists
Utiliser les P.A.
LES LISTES CSS POUR LA NAVIGATION (MENUS)
Navigation Verticale
Listes imbriquées pour la Navigation
Navigation Horizontale
Drop-Down & Fly-Out
Créer un Menu de Navigation
CSS BACKGROUND
Boîtes à coins arrondis de largeur fixe, de largeur relative
Technique « Mountaintop »
Navigation tabulée
Ombres portées
Remplacer du texte par une image
Utiliser les Backgrounds
PRÉSENTATION DES FORMULAIRES EN CSS
Ergonomie
Création du formulaire
Reset
Styler le Formulaire
Agrandir le Formulaire
CSS : LES BONNES PRATIQUES
COMPATIBILITÉS NAVIGATEURS
Quirks Mode
Internet Explorer : instructions conditionnelles
Les soucis habituels & leurs solutions
Bug du modèle Box

3EME JOUR

COMPATIBILITÉS NAVIGATEURS
Quirks Mode
Internet Explorer : instructions conditionnelles
Les soucis habituels & leurs solutions
Bug et modèle Box
METTRE EN PAGE AVEC DES TABLEAUX
Créer un tableau, spécifier les propriétés d’un tableau : bordure, centrage, couleur de fond…
Définir les propriétés des cellules : couleur, alignement du texte
DÉFINIR LA NAVIGATION AVEC LES LIENS HYPERTEXTES
Lien vers une ancre, vers une page du site, vers une adresse externe, vers une messagerie.
CRÉER L’INTERACTIVITÉ AVEC DES FORMULAIRES
Créer un formulaire
Définir les types de champ : texte, multilignes, mot de passe, menu déroulant, case à cocher…
Envoyer  les informations par mail
Récupérer les informations
FRAGMENTER LES FENÊTRE AVEC LES CADRES
Principe de création d’une page de cadres
Cadres verticaux, horizontaux, combinaisons
Ajouter des liens dans les cadres

Maquer les bordures, ajouter un ascenseur

Moyens pédagogiques - Formation à distance (classe virtuelle)

  • Matériel informatique (Ordinateur, internet, plateforme GoogleMeet)
  • Formation délivrée à distance par visio-conférence
  • Ecran partagé entre le formateur et les stagiaires
  • Echanges oraux possibles ainsi que par messagerie instantanée tout au long de la formation
  • Formation délivrée à raison de 7 heures/jour
  • Exercices et travaux pratiques tout au long de la formation
  • Réalisation de travaux types

Moyens pédagogiques - Formation en présentiel (en centre)

  • Un poste fixe par stagiaire
  • Exercices et travaux pratiques, en fonction du profil du stagiaire tout au long de la formation
  • Réalisation de travaux types

Modalités d'évaluation

Contrôle continue + passage de la certification demandée

Documents délivrés

  • Attestation de formation professionnelle avec mentions des compétences acquises
  • Certificat de compétences (dans le cas du passage de la certification)

Nombre de stagiaires par sessions

  • Minimum 3
  • Maximum 8

Nous sommes à votre disposition si vous souhaitez plus d’informations ! 

Un devis ou un renseignement sur cette formation

Formations certifiées

Établissement de formation certifié qualité par l’état

logo-cpf

Salariés, indépendants ou en recherche d’emploi, le coût de ces formations peuvent être pris en charge par votre Compte Personnel de Formation (CPF).
Toutes nos formations sont éligibles à un financement par le CPF, demandez à un de nos conseillers plus d’informations au 04 42 50 60 28.

Logo-Qualiopi-web

Formaltic a obtenu la certification Qualiopi en date du 17/02/2020 correspondant au référentiel national qualité des organismes prestataires d’actions concourant au développement des compétences, visés à l’article l. 6351-1 du Code du travail.

Logo-Qualiopi

Organisme validé au Datadock et conforme aux critères qualités des OPCO. Déclaration d’activité enregistrée sous le numéro 931450013.

logo-formaltic

Aix-en-Provence

1 Allée des informaticiens
13290 Aix-en-Provence
04 42 50 60 28

Montpellier

429 Rue de l'Industrie
34000 Montpellier
04 67 06 20 01

Horaires d'ouverture

Du Lundi au Vendredi
De 9h à 17h