HTML & CSS Initiation

Formation : HTML & CSS Initiation

Découverte des langages HTML et CSS pour créer et mettre en forme des pages web

Type :

Catégorie :

Durée :

Public visé :

- Web designers ayant en charge la création d’un site Internet répondant aux normes standards

Objectifs :

- Concevoir et optimiser la structure des sites et des pages Web avec le langage HTML
- Mettre en forme et optimiser les pages avec le langage CSS

Pré-requis :

Aucun

Programme :

1- Concepts du développement Web
- Les langages et les standards : HTML, XHMTL, CSS, Javascript...
- Les contraintes liées aux navigateurs
- Normalisation du Web : Le W3C
- Principes des styles CSS

2- Conception d’une page Web basique
- Notions de base HTML : La structure d’une page et les balises incontournables (html, head et body)
- Référencement d’un site : La balise head et la balise meta
- Propriété d’une page : Arrière-plan, marges et titre de la page
- Propriété du texte : Police, taille et couleur
- Encodage des caractères

3- Problématiques liées au langage HTML
- Incompatibilité du code : Balises non gérées, dépréciées et propriétaires
- Lourdeur et instabilité du code source
- Contraintes liées à Internet Explorer
- Limites en matière de mise en page et de mise en forme du texte
- Mises en page composites avec la balise table

4- La hiérarchie html
- Syntaxe xhtml : Balises, attributs et valeurs
- Hiérarchie : Balises de type bloc ou balises en ligne
- Balises en ligne : a, em, img, q, span et strong:
- Balise de type bloc : blockquote, div, dl, form, h1-h6, ol, ul, p et table
- Structuration des données : Séparer le fond de la forme
- Respect de la sémantique : Utiliser les balises pour leur spécificité

5- Les styles CSS et les sélecteurs
- Syntaxe des styles CSS : Nom et attributs
- Styles internes et feuilles de styles externes
- Les balises
- Les classes
- Pseudo-classes et pseudo-éléments
- Les identificateurs (ID)
- Principe de la sélection hiérarchique

6- Positionnement en CSS
- Le modèle de boîte
- Élément parents et enfants
- Positionnement dans le flux
- Positionnement flottant, relatif et absolu

7- Formatage du texte et des images
- Options HTML et options CSS
- Propriétés CSS : Type, arrière-plan, bloc, bordures et listes.
- Propriétés CSS : Arrière-plan, bloc, et bordures

8- Bordures et attributs d’arrière-plan
- Rappel sur le modèle de boîte
- Styles, épaisseur et couleur des bordures
- Définition d’une couleur ou d’une image d’arrière-plan

9- Gestion Des liens
- Aspect des liens : Pseudo-classes et styles spécifiques
- Composition : Destination, étiquette et cible
- Lien interne ou externe
- Liens de messagerie et de téléchargement
- Les formulaires
- Présentation de la balise FORM
- Insertion d’une zone de texte
- Insertion d’une case à cocher, d’un bouton radio et d’un menu déroulant
- Validation du formulaire

Prix :

Prix intra-entreprise :

Si vous décidez de suivre cette formation en auto-financement, vous bénificiez d'une remise de 10% sur le prix.

Date de mise à jour : 05/09/2022