Formation html5 et css3 à montpellier

Montpellier

Cette formation permet aux apprenants de créer des pages Web en utilisant directement le langage HTML5 et les mettre en forme avec CSS3.

Comprendre l'architecture

>Outils de développement

>Historique

>Elaboration des spécifications

>Evolution du HTML

>Evolution des CSS

>Les conseils sur la conception des pages Web

>Evolution des navigateurs

>Compatibilité des navigateurs

>Séparation du contenu et de la mise en forme

>Structure sémantique

>Optimisation du code et organisation des fichiers

>Validation du code

Réaliser un formulaire de saisie

>Boutons d’action

>Structure

>Champs de texte

>Listes de valeurs

>Boutons radio à choix unique

>Cases à cocher à choix multiple

>Elément "input"

>Aides à la saisie

Créer un tableau

>Cellules

>Structure

>Lignes

>Fusion des cellules

>Titre

>Groupes de colonnes

>Regroupement des colonnes

>Ciblage de colonnes

>Tableaux structurés

Gérer les styles

>Imbrication des schémas

>Rôle des CSS

>Styles intégrés dans un élément HTML

>Styles définis dans la page

>Styles définis dans un fichier .css

>Styles importés

Structurer

>Commentaires

>Balises et contenus

>Attributs

>Syntaxe

>Imbrication des éléments

>Structure générale des pages web

>Déclaration doctype

>Elément "html"

>Elément "head"

>Elément "body"

Utiliser les feuilles de style

>Commentaires

>Structure

>Unités de mesure

>Notation des couleurs

>Sélecteurs

>Application des styles

Utiliser les conteneurs sémantiques

>Elément "div"

>Elément "span"

>Elément "header"

>Elément "footer"

>Elément "aside"

>Elément "nav"

>Elément "main"

>Elément "section"

>Elément "article"

Utiliser les conteneurs de texte

>Langue et direction du texte

>Titres

>Paragraphes

>Citations

>Listes

>Adresses

>Texte préformaté

>Lignes horizontales

Appliquer une mise en forme sémantique au texte

>Insertion de caractères spéciaux

>Emphase forte

>Emphase simple

>Gras et italique

>Indice et exposant

>Soulignement

>Barré

>Taille des caractères

>Titres d’œuvres et citations courtes

>Insertions et suppressions

>Retour à la ligne

>Autres mises en forme sémantiques

>Propriétés de mise en forme

Créer des interactions

>Affichage des détails

>Utilisation d'une boîte de dialogue

Créer des liens

>Insertion de liens pour lier les pages

>Structure des liens

>Liens vers des pages

>Liens internes

>Contexte d’ouverture du lien

>Relations des liens

>Liens vers les messageries

>Liens de téléchargement

>Liens en image

Gérer les images

>Formats de compression

>Elément "img"

>Elément "figure"

Gérer le multimédia

>Formats et les codecs

>Insertion d’une vidéo

>Insertion d’un fichier audio

Utiliser Microdata

>Etat des lieux du Web sémantique

>Objectif de Microdata

>Schéma pour les personnes

Modéliser les polices de caractères

>Taille des caractères

>Module CSS3 pour les polices de caractères

>Polices de caractères

>Mise en forme des caractères

>Syntaxe raccourcie

Modéliser le texte et ses conteneurs

>Tableaux

>Formulaires

>Listes

>Application des styles

>Couleur du texte

>Décorations

>Mise en forme du texte

>Titres, les paragraphes et citations

Modéliser les boîtes

>Concept du modèle de boîte

>Affichages

>Marges externes

>Bordures

>Remplissages internes

>Largeur et hauteur

>Arrière-plans

>Coins arrondis

>Ombres portées

Mettre en page à l'aide des boîtes

>Objectifs

>Positionnement

>Flottement

>Superposition

>Mise en page en affichage tableau

>Débordement

>Visibilité

>Mise en page flexible

>Mise en page en grille

Gérer le Responsive Web Design

>Développement responsive

>Requêtes de média

>Taille des écrans

Utiliser les modules d’animation

>Modules CSS

>Transformations

>Transitions

>Animations

Utiliser des modules CSS pour les graphistes

>Modules en devenir

>Masques

>Habillage du texte

Créer des feuilles de style pour l’impression

>Liens hypertextes

>Polices de caractères

>Impression des pages web

>Feuilles de style spécifiques

>Propriétés globales des pages

>Eléments non imprimés

>Ruptures de lecture

Pour accéder directement à notre site, cliquez ici