Pack formation HTML et CSS débutant : Créer votre premier site web
ERROR
00:00
00:00

TUTO Pack formation HTML et CSS débutant : Créer votre premier site web

Adrien Gazaix
14,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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 !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Apprenez les bases du CSS pour intégrer votre site web
Leçon 2
Bases du HTML Vol.1
Leçon 3
Bases du HTML Vol.2

Plan détaillé du cours

Leçon 1Apprenez les bases du CSS pour intégrer votre site web
2h27m
Leçon 2Bases du HTML Vol.1
27m38s
Leçon 3Bases du HTML Vol.2
32m40s

Avis des apprenants

Détail des avis
477
Apprenants
26
Commentaires
4,7/5
Note moyenne
5/5
19
4/5
4
3/5
1
2/5
1
1/5
0
Cyrille Felix
Cyrille Felix
Publié le 15/11/2019
bien pour commencer le html !
Doume56
Doume56
Publié le 03/11/2016
Tuto très clair, plutôt pour débutants déjà un peu confirmés à mon avis. Mais comme Adrien va pas à pas, on s'y retrouve. L'avantage de cette approche - qui va parfois assez loin dans le détail - est qu'on arrive à un résultat très bluffant sur le plan esthétique. Cela donne vraiment envie de continuer. Bravo et merci à Adrien.
Adrien Gazaix
Adrien Gazaix
Merci à toi d'avoir suivi mon cours et si cela te permet de créer ton propre site alors mon pari est gagné ;) Bonne continuation et à bientôt sur de prochains tuto !
David Eugène
David Eugène
Publié le 05/09/2016
Bonjour, C'était très bien quoique un peu rapide dans la partie CSS de la création du site où selon moi, le pur débutant peut être "largué". Ciao ;)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

HTML 4, HTML 5

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données