webleads-tracker

Formations SITE INTERNETData Formation vous ouvre les portes de l'informatique

2

Jours

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

Objectifs de la formation

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 de la formation

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

Pré-requis

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


Public cible

Personne qui souhaite créer ou mettre à jour des pages Web


Pédagogie

Méthode d’évaluation : Alternance de contenus théoriques et cas pratiques afin de permettre aux participants se s’approprier progressivement les outils et méthodes.

Tout d’abord, l’animateur détaille les principes essentiels. Puis des exercices d’application et des études de cas illustrent ses exposés et facilitent l’appropriation des connaissances. Enfin, l’animateur termine la formation par des exercices de test. Les exercices pratiques sont élaborés en tenant compte des spécificités de l’activité professionnelle du stagiaire.

Intervenant : Formateur de terrain de haut niveau professionnel, doté d’un véritable sens de la pédagogie.

Supports de formations remis: Kit écriture, livrets récapitulatifs et corrigés des excercices

Une attestation de formation sera délivrée à chaque participant.

Dernière date de mise à jour 2018-09-10T00:00:00


Villes dans lequelles nous organisons la formation HTML5 et CSS3 - La création de page web de A à Z
Formation HTML5 et CSS3 - La création de page web de A à Z Paris (75000)
Formation HTML5 et CSS3 - La création de page web de A à Z Marseille (13000)
Formation HTML5 et CSS3 - La création de page web de A à Z Toulouse (31500)
Formation HTML5 et CSS3 - La création de page web de A à Z Bordeaux (33300)
Formation HTML5 et CSS3 - La création de page web de A à Z Montpellier (34000)
Formation HTML5 et CSS3 - La création de page web de A à Z Lille (59800)
Formation HTML5 et CSS3 - La création de page web de A à Z Strasbourg (67000)
Formation HTML5 et CSS3 - La création de page web de A à Z Lyon (69000)
Formation HTML5 et CSS3 - La création de page web de A à Z Toulon (83200)
Formation HTML5 et CSS3 - La création de page web de A à Z Grenoble (38000)
Formation HTML5 et CSS3 - La création de page web de A à Z Nantes (44200)
Formation HTML5 et CSS3 - La création de page web de A à Z Dijon (21000)
Formation HTML5 et CSS3 - La création de page web de A à Z Nimes (30000)
Formation HTML5 et CSS3 - La création de page web de A à Z Rennes (35000)
Formation HTML5 et CSS3 - La création de page web de A à Z Saint Etienne (42000)
Formation HTML5 et CSS3 - La création de page web de A à Z Orleans (45000)
Formation HTML5 et CSS3 - La création de page web de A à Z Clermont Ferrand (63000)
Formation HTML5 et CSS3 - La création de page web de A à Z Annecy (74000)
Formation HTML5 et CSS3 - La création de page web de A à Z Versailles (78000)
Formation HTML5 et CSS3 - La création de page web de A à Z Avignon (84000)
Formation HTML5 et CSS3 - La création de page web de A à Z Evry (91000)
Formation HTML5 et CSS3 - La création de page web de A à Z Nanterre (92000)
Formation HTML5 et CSS3 - La création de page web de A à Z Saint Denis (93200)
Formation HTML5 et CSS3 - La création de page web de A à Z Angers (49000)
Formation HTML5 et CSS3 - La création de page web de A à Z Brest (29200)
Formation HTML5 et CSS3 - La création de page web de A à Z Metz (57050)
Formation HTML5 et CSS3 - La création de page web de A à Z Caen (14000)
Formation HTML5 et CSS3 - La création de page web de A à Z Mulhouse (68100)
Formation HTML5 et CSS3 - La création de page web de A à Z Nancy (54100)
Formation HTML5 et CSS3 - La création de page web de A à Z La Rochelle (17000)
Formation HTML5 et CSS3 - La création de page web de A à Z Agen (47000)
Formation HTML5 et CSS3 - La création de page web de A à Z Albi (81990)
Formation HTML5 et CSS3 - La création de page web de A à Z Alençon (61000)
Formation HTML5 et CSS3 - La création de page web de A à Z Amiens (80090)
Formation HTML5 et CSS3 - La création de page web de A à Z Angoulême (16000)
Formation HTML5 et CSS3 - La création de page web de A à Z Argenteuil (95100)
Formation HTML5 et CSS3 - La création de page web de A à Z Arras (62000)
Formation HTML5 et CSS3 - La création de page web de A à Z Auch (32810)
Formation HTML5 et CSS3 - La création de page web de A à Z Aurillac (15000)
Formation HTML5 et CSS3 - La création de page web de A à Z Auxerre (89000)
Formation HTML5 et CSS3 - La création de page web de A à Z Belfort (90000)
Formation HTML5 et CSS3 - La création de page web de A à Z Besançon (25000)
Formation HTML5 et CSS3 - La création de page web de A à Z Blois (41000)
Formation HTML5 et CSS3 - La création de page web de A à Z Bourg en Bresse (01000)
Formation HTML5 et CSS3 - La création de page web de A à Z Bourges (18000)
Formation HTML5 et CSS3 - La création de page web de A à Z Cahors (46000)
Formation HTML5 et CSS3 - La création de page web de A à Z Carcassonne (11000)
Formation HTML5 et CSS3 - La création de page web de A à Z Châlons en Champagne (51000)
Formation HTML5 et CSS3 - La création de page web de A à Z Chambéry (73000)
Formation HTML5 et CSS3 - La création de page web de A à Z Chartres (28000)
Formation HTML5 et CSS3 - La création de page web de A à Z Châteauroux (05380)
Formation HTML5 et CSS3 - La création de page web de A à Z Colmar (68000)
Formation HTML5 et CSS3 - La création de page web de A à Z Créteil (94000)
Formation HTML5 et CSS3 - La création de page web de A à Z Digne les Bains (04000)
Formation HTML5 et CSS3 - La création de page web de A à Z Epinal (88000)
Formation HTML5 et CSS3 - La création de page web de A à Z Evreux (27000)
Formation HTML5 et CSS3 - La création de page web de A à Z Gap (05000)
Formation HTML5 et CSS3 - La création de page web de A à Z Guéret (23000)
Formation HTML5 et CSS3 - La création de page web de A à Z La Roche sur Yon (85000)
Formation HTML5 et CSS3 - La création de page web de A à Z Laval (53000)
Formation HTML5 et CSS3 - La création de page web de A à Z Le Mans (72100)
Formation HTML5 et CSS3 - La création de page web de A à Z Limoges (87280)
Formation HTML5 et CSS3 - La création de page web de A à Z Mâcon (71870)
Formation HTML5 et CSS3 - La création de page web de A à Z Melun (77000)
Formation HTML5 et CSS3 - La création de page web de A à Z Mende (48000)
Formation HTML5 et CSS3 - La création de page web de A à Z Montauban (82000)
Formation HTML5 et CSS3 - La création de page web de A à Z Moulins (03000)
Formation HTML5 et CSS3 - La création de page web de A à Z Nevers (58000)
Formation HTML5 et CSS3 - La création de page web de A à Z Niort (79000)
Formation HTML5 et CSS3 - La création de page web de A à Z Périgueux (24000)
Formation HTML5 et CSS3 - La création de page web de A à Z Perpignan (66100)
Formation HTML5 et CSS3 - La création de page web de A à Z Poitiers (86000)
Formation HTML5 et CSS3 - La création de page web de A à Z Quimper (29000)
Formation HTML5 et CSS3 - La création de page web de A à Z Reims (51100)
Formation HTML5 et CSS3 - La création de page web de A à Z Rodez (12000)
Formation HTML5 et CSS3 - La création de page web de A à Z Rouen (76100)
Formation HTML5 et CSS3 - La création de page web de A à Z Saint Brieuc (22000)
Formation HTML5 et CSS3 - La création de page web de A à Z Saint Lô (50000)
Formation HTML5 et CSS3 - La création de page web de A à Z Tarbes (65000)
Formation HTML5 et CSS3 - La création de page web de A à Z Tours (37100)
Formation HTML5 et CSS3 - La création de page web de A à Z Valence (26000)
Formation HTML5 et CSS3 - La création de page web de A à Z Vannes (56000)
Formation HTML5 et CSS3 - La création de page web de A à Z Vesoul (70000)
Formation HTML5 et CSS3 - La création de page web de A à Z Pau (64000)
Formation HTML5 et CSS3 - La création de page web de A à Z Mont de Marsan (40000)