1. Accueil
  2. >
  3. Formations
  4. >
  5. Bureautique, Web et Multimédia
  6. >
  7. Création de sites web
  8. >
  9. Normandie
  10. >
  11. Calvados
  12. >
  13. CAEN
  14. > DATA FORMATION - HTML5 et CSS3 - La création de page web de A à Z.

HTML5 et CSS3 - La création de page web de A à Z.

  • Lieu :
    CAEN
  • Date :
    16-07-2018
  • Durée :
    14 heures
  • Prix :
    695
  • Nombre des participants :
    1-5
  • Séquençage :
    Nous pouvons organiser une session de formation en fonction de vos disponibilités sur simple demande, dans la ville et à la date que vous souhaitez. La formation sera garantie dès que vous aurez inscrit un stagiaire.
  • Pré-requis :

    Maîtriser l'environnement Windows et avoir des bases solides en Web/Internet

Fleche
Dernières demandes
pour une Formation
  • Il y a 2 heures par Nathalie r.
  • Il y a 2 heures par Claire a.
  • Il y a 2 heures par Bourgaux i.

OBJECTIFS :

HTML et CSS3

  • Créer ou modifier des pages HTML
  • Découvrir les nouveautés du HTML 5
  • Intégrer des feuilles de styles CSS3

PROGRAMME :

Jour 1

1 Présentation du HTML5
  • Bref historique du HTML5
  • Lignes de force du HTML5
  • Les nouveautés du HTML5
  • Le HTML5 est un langage de balises
  • Le bon usage des balises
  • Les balises et attributs HTML 4.0 disparus
  • Les navigateurs de notre étude
  • Le document HTML5 minimum
  • La façon de procéder
  • La validation du code HTML5
2 Premiers éléments de feuilles de style
  • Les propriétés de style
  • Les sélecteurs
  • L'incorporation du style
3 Le texte
  • Le texte simple
  • Le contrôle de passage à la ligne
  • La mise en gras
  • La mise en italique
  • La mise en exposant et en indice
  • Les autres balises de texte
  • Les commentaires
  • Les caractères spéciaux
  • Les balises Html 4.0 supprimées
  • Le formatage du texte avec les feuilles de style
4 La structuration du document
  • Les titres
  • Les paragraphes
  • Les citations
  • Les séparateurs horizontaux
  • Les listes
  • Les divisions de page
5 Les liens
  • L'insertion d'un lien
  • Le lien vers une autre page
  • Le lien à l'intérieur d'une page
  • Le lien vers un autre site
  • Le lien vers une adresse e-mail
  • Le lien pour télécharger un fichier
  • Le lien vers une fenêtre spécifique
  • La couleur et le soulignement des liens
  • Une infobulle sur un lien
  • Les nouvelles possibilités de liens
6 Les tableaux
  • La création d'un tableau
  • Les cellules de tableaux
  • La fusion des cellules
  • Les cellules d'en-tête
  • La légende d'un tableau
  • Le groupement de colonnes
  • La structuration d'un tableau
7 Les images et arrière-plans
  • Les formats d'image
  • L'insertion d'une image
  • L'insertion d'un lien sur une image
  • L'insertion d'une couleur d'arrière-plan
  • L'insertion d'une image d'arrière-plan
8 Les balises sémantiques et d'organisation
  • Les anciennes balises sémantiques
  • Les nouvelles balises d'organisation
  • De nouvelles balises sémantiques
9 Les formulaires
  • La déclaration de formulaire
  • La ligne de texte
  • La zone de texte
  • La liste déroulante
  • Les boutons de choix unique (radio)
  • Les boutons de choix multiples (checkbox)
  • Le bouton d'envoi
  • Le bouton d'annulation
  • Le bouton de commande
  • Les formulaires cachés
  • Les formulaires de transfert de fichiers
  • Les formulaires de mot de passe
  • L'organisation des champs de formulaires
  • L'étiquetage des champs de formulaires
  • La ligne de texte avec liste de suggestions
  • La ligne de texte d’adresse e-mail
  • La ligne de texte d’url
  • La ligne de texte de format numérique
  • La ligne de texte de format de date
  • La ligne de texte de recherche
  • La ligne de texte de couleur
  • Les curseurs
  • Une application complète
10 Le multimédia
  • L'insertion d'un fichier audio
  • L'insertion d'un fichier vidéo
11 Présentation des feuilles de style
  • Concept des feuilles de style
  • Utilité des feuilles de style
  • Bref historique
  • Compatibilité avec les navigateurs
  • Outils pour les feuilles de style
12 Notions de base des CSS
  • La déclaration de style CSS
  • Les sélecteurs de base
  • Les commentaires
  • Les unités de mesure
  • La notation des couleurs
  • Une convention d'écriture
  • Les CSS intégrées à un élément Html5
  • Les CSS internes au document Html5
  • Les CSS externes au document Html5
  • CSS importée (@import)
  • La notion de cascade
  • La notion d'héritage
13 La police de caractères
  • Type de police
  • Italique
  • Petites majuscules
  • Graisse
  • Taille des caractères
  • Raccourci font
  • Les polices système
14 Le texte en CSS
  • Couleur
  • Décoration
  • Transformation
  • Indentation
  • Espace entre les lettres
  • Espace entre les mots
  • Interligne
  • Espaces vides
  • Alignement horizontal
  • Alignement vertical
  • Direction du texte
  • Longueur et hauteur

Jour 2

15 Les listes et les tableaux
  • Sortes de marqueurs
  • Marqueur graphique
  • Retrait
  • Écriture de liste raccourcie
  • Espace entre les cellules de tableaux
  • Les bordures des tableaux
  • Les cellules vides de tableaux
  • Position de la légende
16 Les arrière-plans
  • Couleur d'arrière-plan
  • Insertion d'une image d'arrière-plan
  • Répétition de l'image
  • Positionnement de l'image
  • Défilement de l'image
  • Écriture raccourcie
17 Les propriétés de boîte
  • Concept du modèle de boîte
  • Élément bloc ou en ligne
  • Largeur et hauteur
  • Marges externes
  • Marges internes
  • Couleur de la bordure
  • Épaisseur de la bordure
  • Style de la bordure
  • Écriture raccourcie de bordure
18 Les pseudo-classes
  • Notion de pseudo-classe
  • Pseudo-classes de lien
  • Pseudo-classes de paragraphe
  • Insérer un contenu
19 Les propriétés d'affichage
  • Positionnement
  • Flottement
  • Dégagement
  • Superposition
  • Dépassement
  • Découpage
  • Affichage
  • Visibilité
  • Curseur de la souris
  • Numérotation automatique
20 Les propriétés d'impression
  • Utilité des feuilles de style pour l'impression
  • Feuilles de style selon le média de sortie
  • Optimiser une page d'impression
  • Saut de page avant
  • Saut de page arrière
  • Éviter les sauts de page
  • Le sélecteur @page
21 Les feuilles de style CSS3
  • Les sélecteurs CSS3
  • Les bords arrondis
  • Les bordures imagées
  • Les ombres
  • Les polices personnalisées
  • Les lettres creuses
  • Traiter les longs intitulés
  • La césure automatique
  • Redimensionner un élément
  • Ajuster la hauteur des caractères
  • Les arrière-plans multiples
  • Le dégradé de couleurs
  • L'opacité ou la transparence
  • Les colonnes multiples
  • Transformations
  • Les transitions
  • Du texte défilant
  • Les filtres graphiques
  • Les masques
  • Effet de reflet ou de miroir
  • Les fondus d'images
22 Le dessin 2D
  • La balise
  • Appel de l'API de dessin
  • Dessiner un rectangle
  • Ajouter de la couleur
  • Tracer une ligne droite
  • Dessiner des formes géométriques
  • Importer des images
  • Ajouter du texte
  • Ajouter de l'ombre
  • Transformations
23 La géolocalisation
  • Concept et utilité
  • Le fonctionnement
  • Les navigateurs
  • Protection de la vie privée
  • Longitude et latitude
  • Localisation sur une carte
  • Suivre les déplacements
24 Le stockage de données en local
  • Le stockage persistant
  • Le stockage temporaire

25 Les applications en mode déconnecté (offline)

  • Le fichier de mise en cache (manifest)
  • Exemple complet
26 Les autres API JavaScript du HTML5
  • Les lignes de force
  • Les API opérationnelles
  • Les API en développement

OBSERVATIONS :

  • Cette formation est éligible à la VAF (Validation des Acquis de Formation). Concrètement il s'agit d'une journée optionnelle positionnée 6 mois après la fin du parcours de formation initiale. L'objectif est de valider la mise en application des connaissances et ainsi obtenir un certificat délivré par le Groupe Lexom valorisant votre parcours de formation. N'hésitez pas à nous contacter pour de plus amples informations sur la VAF.
  • CONTACTER LE CENTRE DATA FORMATION

    Les champs E-mail ne sont pas identiques

    Les champs E-mail ne sont pas identiques

    Nous ne cédons et ne revendons pas vos coordonnées à des tiers.

    TOUS LES La Formation DANS LE CALVADOS