Maîtriser les bases des languages HTML et CSS.

Le HTML et Le CSS sont les deux langages utilisés dans la création d’un site web.
Il es essentiel d’en maîtriser les bases pour pouvoir développer un site web.

Programme

Généralités

• Comment créer des sites web ?
• Comment fonctionnent les sites web
• HTML et CSS : les deux langages pour créer un site web
• L’éditeur de texte
• Les navigateurs

Le HTML

• Créer sa première page web
• Créer une page web avec l’éditeur de text
• Les balises HTML et leurs attributs
• Structure de base d’une page HTML5
• Les commentaires

Gérer et organiser le texte

• Les paragraphes
• Les titres
• La mise en valeur du texte
• Les listes

Les liens HTML

• Un lien vers un autre site
• Un lien vers une autre page de son site
• Un lien vers une ancre
• Cas pratiques d’utilisation des liens

Gérer les images

• Les différents formats d’images
• Insérer une image
• Les figures

Le CSS

• Écrire et gérer le CSS
• Historique du CSS
• Où et comment écrire le CSS ?
• Appliquer un style : sélectionner une balise
• Les “class” et les “id”
• Appliquer un style : les sélecteurs avancés

Formater le texte

• La taille
• La police
• Italique, gras, souligné…
• L’alignement
• Les flottants

Gérer la couleur

• Couleur du texte
• Couleur de fond
• Images de fond
• La transparence

Les bordures et les ombres

• Bordures standard
• Bordures arrondies
• Les ombres

Création
de comportement dynamiques

• Au survol
• Au clic et lors de la sélection
• Lorsque le lien a déjà été consulté

Structurer sa page HTML

• Les balises structurantes de HTML5
• Exemple concret d’utilisation des balises

Le modèle des boîtes

• Les balises de type block et inline
• Les dimensions
• Les marges
• Quand le texte dépasse : la propriété overflow

La mise en page avec Flexbox

• Un conteneur parent, des éléments enfants
• Bien utilisez Flex
• Alignement avec Flex

Répartir plusieurs lignes avec Flex

• Organiser l’ordre de vos éléments
• Agir sur la taille des éléments

Autres techniques de mise en page

• Le positionnement flottant
• Transformez vos éléments avec display
• Le positionnement inline-block
• Les positionnements absolu, fixe et relatif

Création d’un site pas à pas

• Maquettage du design
• Organiser le contenu en HTML
• Mettre en forme en CSS
• Vérifier la validité
• Le code final

Les tableaux

• Un tableau simple
• Un tableau structuré

Les formulaires

• Créer un formulaire
• Les zones de saisie basiques
• Les zones de saisie enrichies
• Les éléments d’options
• Finaliser et envoyer le formulaire

La vidéo et l’audio

• Les formats audio et vidéo
• Insertion d’un élément audio
• Insertion d’une vidéo

Le responsive design avec les Media Queries

• Mise en place des media queries
• Les règles disponibles
• Mise en pratique des media queries sur le design
• Media queries et navigateurs mobiles

Votre formation HTML et CSS à Nantes, Carquefou, Orvault, Couëron, Ancenis, Redon, Angers, Brest, Vannes, Auray, Guingamp, Châteaubriand, Cholet, La Roche-sur-Yon, Lannion, Laval, Le Mans, Lorient, Luçon, Challans, Montaigu, Aizenay, Les herbiers, Les Essarts, La Rochelle, Niort, Sainte-Pazanne, Machecoul, Pornic, La Baule, Quimper, Rennes, Saint-Nazaire, Saint-Brieuc, Saint-Herblain, Saumur, Vannes, et dans les départements de Loire- Atlantique (44), des Côtes-d’Armor (22), du Morbihan (56), du Finistère (29), d’Ile et Vilaine (35), du Maine et Loire (49), de la Mayenne (53), de la Sarthe (72), de la Vendée (85), des Charente-Maritimes (17), des Deux-Sèvres (79) et en Région Pays de la Loire et en Bretagne.