01 56 59 33 00
united-kingdom

HTML 5 / CSS 3 – Initiation

2-H5-BASE
2-H5-BASE
Durée : 2 jour(s)
soit 14 heures
Prix : 990 €
Programmes
Présentation de l’environnement général
  • Quel est le rôle d’un serveur web ?
  • Logiciels et langages côté client
  • Logiciels et langages côté serveur
  • Quels logiciels pour créer un serveur web local sous Windows ?
  • Installation d’un serveur web pour développer en local
  • Analyser une page existante
HTML – Généralités et outils
  • Le langage HTML – CSS
  • Les standards du web
  • Principe d’une requête en HTML – CSS
  • Quelques outils pour développer
HTML – Syntaxe des balises et attributs
  • Structure de base d’une page HTML
  • Les commentaires HTML
  • Codage des caractères spéciaux en HTML
HTML – Balises de structuration d’une page WEB
  • Faire un retour à la ligne
  • Balises de sens dans un texte
  • Balises pour formater le texte
  • L’héritage en cascade
HTML – Inclure des images et des vues
  • Balise img et attributs
  • Les différentes sources d’une image : chemin relatif ou absolu
  • Balise iframe et attributs
HTML – Inclure des liens
  • Balise et attributs
HTML – Inclure de l’audio
  • Balise audio et attributs
HTML – Inclure des vidéos
  • Balise vidéo et attributs
CSS – Généralités, outils et syntaxe
  • Les différents moyens d’inclure un style CSS dans une page HTML
  • Syntaxe de base du CSS
  • Les commentaires CSS
  • L’héritage de style CSS en Cascade
CSS – Comprendre les couleurs et les dimensions
  • Définir une couleur HEX et RGB
  • Comprendre la notion Alpha et le style opacity
  • La fonction rgba()
  • Unités de dimensions
  • Width et height
  • Unités absolues et relatives
CSS – Les sélecteurs
  • Les sélecteurs courants
  • Les sélecteurs parent-enfant
CSS – Les pseudos-classes
  • Les pseudos-classes courantes
  • Les pseudos-classes évoluées
CSS – Arrière-plan
  • Mettre une couleur d’arrière-plan
  • Gestion de l’opacité
  • Mettre une image en arrière-plan
CSS – Les textes
  • L’alignement du texte
  • La couleur du texte
  • Les décorations de texte
  • Les familles de caractères
  • Taille et épaisseur des caractères
  • Gras, italique
CSS – Les borduresCSS – Le pointeur de la sourisCSS – Les effets artistiques
  • Les dégradés
  • Les arrondis
  • Les effets d’ombre
HTML – Les tableaux
  • Les balises pour construire un tableau simple
  • Fusionner les lignes et les colonnes
  • La sémantique complète d’un tableau
CSS – Les tableaux
  • Déterminer les tailles dans un tableau
  • Mettre en forme les bordures
  • Mettre en couleur un tableau
  • Gérer les marges et espaces
  • Structuration d’une page en utilisant un tableau
HTML – Structuration d’une page
  • Balises span et div
  • Les sections logiques d’une page
  • Exemples de mise en page
  • Les balises block et inline
  • Propriété CSS display
  • Définir la largeur, la hauteur et l’alignement
  • Définir les marges externes et internes
  • Structuration d’une page en utilisant des « divs »
Objectifs
Connaître la syntaxe des langages HTML et CSS pour construire une page Web
Utiliser des outils pour analyser des pages existantes
Mettre en pratique les connaissances reçues pour développer une page dans un navigateur
Prérequis
Connaissances de base informatique requises
Profil des participants
Toute personne désirant créer des sites Internet
Dates des prochaines sessions :
Du 22 au 23 janvier 2024
Du 25 au 26 mars 2024
Du 12 au 13 juin 2024
Du 2 au 3 septembre 2024
Du 18 au 19 novembre 2024
Connaître la syntaxe des langages HTML et CSS pour construire une page Web
Utiliser des outils pour analyser des pages existantes
Mettre en pratique les connaissances reçues pour développer une page dans un navigateur
Présentation de l’environnement général
  • Quel est le rôle d’un serveur web ?
  • Logiciels et langages côté client
  • Logiciels et langages côté serveur
  • Quels logiciels pour créer un serveur web local sous Windows ?
  • Installation d’un serveur web pour développer en local
  • Analyser une page existante
HTML – Généralités et outils
  • Le langage HTML – CSS
  • Les standards du web
  • Principe d’une requête en HTML – CSS
  • Quelques outils pour développer
HTML – Syntaxe des balises et attributs
  • Structure de base d’une page HTML
  • Les commentaires HTML
  • Codage des caractères spéciaux en HTML
HTML – Balises de structuration d’une page WEB
  • Faire un retour à la ligne
  • Balises de sens dans un texte
  • Balises pour formater le texte
  • L’héritage en cascade
HTML – Inclure des images et des vues
  • Balise img et attributs
  • Les différentes sources d’une image : chemin relatif ou absolu
  • Balise iframe et attributs
HTML – Inclure des liens
  • Balise et attributs
HTML – Inclure de l’audio
  • Balise audio et attributs
HTML – Inclure des vidéos
  • Balise vidéo et attributs
CSS – Généralités, outils et syntaxe
  • Les différents moyens d’inclure un style CSS dans une page HTML
  • Syntaxe de base du CSS
  • Les commentaires CSS
  • L’héritage de style CSS en Cascade
CSS – Comprendre les couleurs et les dimensions
  • Définir une couleur HEX et RGB
  • Comprendre la notion Alpha et le style opacity
  • La fonction rgba()
  • Unités de dimensions
  • Width et height
  • Unités absolues et relatives
CSS – Les sélecteurs
  • Les sélecteurs courants
  • Les sélecteurs parent-enfant
CSS – Les pseudos-classes
  • Les pseudos-classes courantes
  • Les pseudos-classes évoluées
CSS – Arrière-plan
  • Mettre une couleur d’arrière-plan
  • Gestion de l’opacité
  • Mettre une image en arrière-plan
CSS – Les textes
  • L’alignement du texte
  • La couleur du texte
  • Les décorations de texte
  • Les familles de caractères
  • Taille et épaisseur des caractères
  • Gras, italique
CSS – Les borduresCSS – Le pointeur de la sourisCSS – Les effets artistiques
  • Les dégradés
  • Les arrondis
  • Les effets d’ombre
HTML – Les tableaux
  • Les balises pour construire un tableau simple
  • Fusionner les lignes et les colonnes
  • La sémantique complète d’un tableau
CSS – Les tableaux
  • Déterminer les tailles dans un tableau
  • Mettre en forme les bordures
  • Mettre en couleur un tableau
  • Gérer les marges et espaces
  • Structuration d’une page en utilisant un tableau
HTML – Structuration d’une page
  • Balises span et div
  • Les sections logiques d’une page
  • Exemples de mise en page
  • Les balises block et inline
  • Propriété CSS display
  • Définir la largeur, la hauteur et l’alignement
  • Définir les marges externes et internes
  • Structuration d’une page en utilisant des « divs »
Toute personne désirant créer des sites Internet
Connaissances de base informatique requises

Formateur expert dans le domaine

  • 1 ordinateur par stagiaire, 1 support de cours par stagiaire (version papier ou numérique), 1 stylo et un bloc-notes par stagiaire
  • Vidéoprojecteur et tableau blanc
  • Feuille d’émargement à la demi-journée, questionnaire de satisfaction stagiaire, évaluations des acquis tout au long de la formation, attestation de stage
  • Éligible au CPF avec passage de certification TOSA ou PCIE (en option)

En amont de la formation

  • Audit par téléphone par nos commerciaux et formateurs
  • Tests d’auto-positionnement avant l’entrée en formation par le biais de questionnaire

Au cours de la formation

  • Exercices pratiques et mises en situation professionnelle pour valider la compréhension de chaque notion abordée dans le programme de cours.

En fin de formation

  • Validation des acquis par le formateur ou via un questionnaire renseigné par les stagiaires
  • Evaluation qualitative par les participants à l’issue de la formation via un questionnaire de satisfaction accessible en ligne
  • Une attestation de fin de formation reprenant les objectifs de formation est également remise aux stagiaires puis signée par le formateur

Modalités d’inscription

  • Inscription possible jusqu’à la veille de la formation, sous réserve de places disponibles, en nous contactant au 01 56 59 33 00 ou par mail formation@sii.fr

Modalités particulières

  • Nos formations sont accessibles aux personnes en situation de handicap. Renseignez-vous auprès de notre référente handicap au 01 56 59 33 00 ou par mail pedagogie@sii.fr
Du 22 au 23 janvier 2024
Du 25 au 26 mars 2024
Du 12 au 13 juin 2024
Du 2 au 3 septembre 2024
Du 18 au 19 novembre 2024

Réservez votre formation

Que cherchez-vous ?