Formation HTML 5 CSS3
3 jours
  • Utiliser du code HTML et CSS
  • Structurer une page web en HTML
  • Mettre en forme une page web en CSS

Toute personne souhaitant maîtriser le langage HTML 5

  • Webmaster
  • Développeurs Web
  • Webdesigner
  • Chargé(e) de projet Web…
Adobe, TOSA, ICDL (PCIE)

Maîtrise de l’outil informatique et de la navigation sur le Web.

Tarif journalier : 350 euros
Où souhaitez vous faire cette formation ?

Vous pouvez choisir d’effectuer cette formation en classe virtuelle ou dans nos centre. La qualité pédagogique ainsi que le déroulé de la formation sont identique.

A distance

Formation délivrée en classe virtuelle par visio-conférence. Toute la qualité d’une formation présentielle à distance.

Dans nos centres

Choississez dans quel centre vous souhazitez faire cette formation :

– Aix en Provence

– Montpellier

-Cannes

Demande d’infos

N’hésitez pas à nous contacter afin que nous puissions échanger ensemble sur votre projet de formation. Nous pouvons vous aider à la réalisation administrative.

Compétences attendues

 

 

  • Créer des pages avec le langage HTML5
  • Améliorer la présentation et la maintenance des pages Web
  • Concevez des feuilles de style avec 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

Je peux réserver cette formation

Avec :

– mon compte CPF
– un plan de formation entreprise
– un financement personnel
– mon OPCO

Votre titre va ici

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Vestibulum Malesuada Non Magna Lacinia

Nos Avis Google

Sans filtre, nous affichons les avis que nos stagiaires laissent sur Google afin de vous faire une véritable idée de ce qui vous attend.

  • 5 star review  Très bonne organisation, formateurs compétents, et équipe disponible ! Je recommande !

    thumb ANNE-CECILE HANOT
    11/28/2019

    5 star review  Centre de formation très professionnel, accueil très agréable. Équipe de direction à l'écoute des stagiaires. La formation PAO est très complète et enrichissante. Formateur à l'écoute, disponible, s'adapte aux stagiaires. Centre de formation et formateur au top.

    thumb Carine Lemonnier
    11/29/2019
  • 5 star review  C'est un très bon centre de formation. Le matériel est de dernière génération, les formateurs très compétents, les locaux sont accueillants comme l'ensemble du personnel. A tester sans hésiter.

    thumb nikola nowicki
    11/05/2019

    5 star review  Centre de formation très professionnel, et équipe de direction au top. La formation PAO est très intéressante et très bien encadrée. Formateur disponible et pédagogue. Je recommande à 100%

    thumb Si ham
    11/27/2019
  • 5 star review  Really satisfied with my REVIT classes.. easy to fallow in small groups with highly qualified and devoted professors. Highly recommending! Thanx to all team! 🙂

    thumb Ana Vukicevic
    4/18/2019