Ce pack formation HTML/CSS en 3 parties vous permettra d'acquérir les bases du langage HTML et du CSS qui sont souvent négligées par les débutants et qui constituent la base solide de tout site internet ou application web.
Voici le sommaire de cette formation de plus de 3h :
PARTIE 1
Nous verrons ensemble comment construire une page HTML avec les balises principales (Html, head, body, title, les méta, le doctype...) puis nous aborderons les points suivants :
- La hiérarchie des titres Hn
- Les paragraphes agrémentés de balises pour le gras et l'italique
- La balise pour les citations
- Intégrer une image
- Créer un lien
- Créer une liste,
- Faire un tableau
- Créer un formulaire
PARTIE 2
Nous continuerons l'apprentissage de ce langage et nous verrons qu'il est étroitement lié au CSS pour styliser nos balises et construire une structure avec des zones définies.
- Créer et lier un fichier javascript à notre page HTML
- Tester le fonctionnement de ce script
- Qu'est-ce qu'un favicon ?
- Lier ce favicon à la page HTML
- Créer et lier une feuille de style CSS
- Explications sur les différences entre une balise inline & block
- Apparition des balises DIV & SPAN
- Création de notre première structure HTML (en-tête, contenu, sidebar, pied de page)
- Différence entre ID et CLASS pour styliser nos div
- Création d'un commentaire en HTML
- Styliser nos différentes div dans la feuille de style
- Tester le résultat dans le navigateur
- Ajouter une fonctionnalité de lien "remonter en haut de page" dans le footer
PARTIE 3
Nous terminerons cette formation avec un exercice pratique de plus de 2h et créer un mini site internet. Nous allons créer ensemble la structure HTML, puis nous la styliserons pour arriver au résultat montré dans l'extrait de cette formation.
- Différentes façons de cibler un élément
- 2 types d'écritures pour le CSS
- La couleur en CSS
- Marges et padding
- Background
- Positionnement en float
- Mise en forme de texte : taille de police, espacement des lettres, hauteur de ligne, graisse, style...
- Bordures
- Balises inline & block avec une nouvelle apparition qui utilise le meilleur des 2 mondes
- Créer un bouton en CSS3
- Créer un menu à l'aide d'une liste non ordonnée, puis un sous-menu
- Cacher une image derrière un lien
- Styliser un champ de recherche
- Positionnement en absolu
- Positionnement en fixe
- Et d'autres choses encore...
Vous pouvez aussi acquérir les 3 parties à l'unité :
- Les bases du HTML 1ère partie
- Les bases du HTML 2ème partie
- Apprenez les bases du CSS pour intégrer votre site web
Tous les fichiers sources sont inclus dans le pack formation.
Bonne formation à tous !
Avis des apprenants