Aperçu
Objectifs :
Apprendre les bases des langages web HTML et CSS
Appréhender et être à même de créer vos premières pages web
Préparer le Bloc 2 du BTS SIO SLAM
Caractéristiques Formation
- Réf IFFP 5101324
- Lectures 0
- Quiz 0
- Durée 50 heures
- Participants 7413
- Certificat Oui
- Évaluations Self
Détails
FORMATION ENTIÈREMENT EN E-LEARNING AVEC UN ACCÈS DURANT 3 MOIS RENOUVELABLE TOUS LES MOIS PENDANT 1 AN SUR DEMANDE
HTML/CSS – COURS INTERACTIF INTRODUCTION
• Bases HTML
• Bases CSS
• Mise en forme
• Modèle de boîtes
• Position des éléments
• Création de tableaux
• Insertion de médias
• Fonds dégradés et ombres
• Sélecteurs CSS complexes
• Formulaires
• Transitions et animations
• Flexbox
• Responsive
• Sémantique
• Grille CSS
• Futur du CSS
TUTORIEL VIDEO – NIVEAU DEBUTANT
• Présentation du cours
• Pourquoi apprendre à coder ?
• Définitions et rôles
• Versions HTML et CSS
• Travail en local et en production
• L’éditeur de texte
• Eléments, balises et attributs
• Structure d’une page HTML
• Création d’une page HTML
• Indentation et commentaires HTML
• Titres et paragraphes en HTML
• Espaces et retours à la ligne en HTML
• Les niveaux d’importance des textes
• Les listes en HTML
• Liens internes et externes en HTML
• Autres types de liens HTML
• Insérer des images en HTML
• Validation et compatibilité du code
TUTORIEL VIDEO – NIVEAU INTERMEDIAIRE
• Sélecteurs et propriétés CSS
• Où écrire le CSS
• Les commentaires en CSS
• Les sélecteurs CSS simples
• Les attributs id et class
• L’héritage en CSS
• Les types block et inline
• Les éléments HTML div et span
• La propriété CSS font family
• Autres propriété CSS de type font
• Autres propriété CSS de type font
• Couleur et opacité en CSS
• Propriétés CSS de type text
• Gestion des espaces en CSS
• Le modèle des boîtes
• Largeur et hauteur en CSS
• Les bordures en CSS
• Padding et margin en CSS
• Les ombres des boîtes
• La propriété CSS display
• Les propriétés position et z index
• Les propriétés float et clear
• L’alignement en CSS
• La couleur de fond
• Images de fond et gestion du fond
• Dégradés linéaires
• Dégradés radiaux
• Créer un tableau simple
• Créer un tableau structuré
• Opérations sur les tableaux
• Opérations sur les images
• Insérer de l’audio en HTML
• Insérer des vidéos en HTML
• Intégration de média et sémantique
TUTORIEL VIDEO – NIVEAU CONFIRME
• Notations CSS short hand et long hand
• Sélecteurs CSS complexes
• Pseudo classes CSS
• Pseudo éléments CSS
• Les sprites en CSS
• Les transitions CSS
• Les animations CSS
• Présentation des formulaires
• Créer un formulaire HTML simple
• Types d’input et listes d’options
• Les attributs des formulaires
• Organiser et mettre en forme un formulaire
• Introduction au responsive design
• Meta viewport et valeurs CSS relatives
• Media queries CSS
• Création d’un site personnel (site cv) 1/4
• Création d’un site personnel (site cv) 2/4
• Création d’un site personnel (site cv) 3/4
• Création d’un site personnel (site cv) 4/4
• Conclusion