www.apprendre-html-et-css.com Open in urlscan Pro
109.234.167.54  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Introduction

 * HTML et CSS, kesako ?
 * Travailler en local et sur un serveur
 * Quel logiciel pour coder ?
 * Comment organiser ses fichiers ?

Les bases du HTML

 * Sémantique, balises et attributs
 * Indentation et commentaires
 * Structure d'une page
 * Balises inline et block
 * Paragraphes et titres
 * Strong, em
 * Listes
 * Images
 * Liens internes, externes et ancres
 * Div et span
 * Les balises de structure

Les bases du CSS

 * Les sélecteurs et les propriétés
 * L'héritage des propriétés
 * Bien cibler un élément
 * .class et #id

Mise en forme de texte

 * La propriété font-
 * La propriété text-
 * Les polices de caractères
 * Les couleurs
 * Les listes
 * Autres propriétés

Modèle de boite

 * Dimensions et dimensions maximales
 * Marges externes et internes
 * Bordures
 * Box sizing et taille totale
 * Le multi colonne

Alignement des blocs

 * float
 * flex
 * grid
 * inline-block et vertical-align
 * Positionnement relatif, absolu et fixe
 * Positionnement sticky

Gestion du fond

 * Couleurs
 * Images
 * Dégradés

Les balises vidéo et audio

 * Vidéo
 * Audio

Tableaux

 * Structure d'un tableau
 * Titre et légende
 * Fusion des cellules

Formulaires

 * Structure d'un formulaire
 * Les champs textes
 * Les listes à puce
 * Les cases à cocher
 * Les listes déroulantes

Responsive design

 * Introduction
 * Les points de rupture
 * Les balises images

Programme avancé

 * ::nth-child
 * ::after et ::before
 * La propriété transform
 * Les filtres css3
 * Les images vectorielles svg
 * Animations et transitions

La mise en production

 * Nom de domaine, serveur et DNS
 * Transfert FTP
 * Sauvegardes

© PUShAUNE - v0.7.3 - 12.2022


APPRENDRE LE HTML ET LE CSS

Vous souhaitez apprendre le HTML et le CSS ? Vous êtes sur le bon site :)
Ici, nous allons voir les bases de ces deux langages, puis apprendre plus en
profondeur les spécificités de chacun.


À PROPOS DE L'AUTEUR

Nicolas AUNE, aka. PUShAUNE, est un graphiste intégrateur freelance basé sur
Marseille.
Il enseigne dans plusieurs écoles et met à disposition ses cours sur internet
pour que tout le monde puisse y accéder. Vous pouvez aussi trouver des tutoriels
utiles sur son blog ;)

J'ai l'habitude de dire à mes élèves que le HTML et le CSS sont deux langues
étrangères. Seulement, elles sont très simple à apprendre ; en effet, elles ne
comportent que 200 mots de vocabulaire et pas plus de 10 règles de grammaire !
Vous voyez, ce n'est pas la mer à boire :)

Les cours se découpent selon un ordre logique qui va vous permettre d'apréhender
ces deux langages le plus serainement possible :

 1. Une introduction à l'utilité de l'HTML et du CSS, pour bien comprendre à
    quoi sert l'un et l'autre.
 2. Les bases du fonctionnement du HTML, pour maîtrise sa syntaxe.
 3. Les bases du fonctionnement du CSS, pour maîtrise sa syntaxe qui diffère du
    HTML.
 4. La mise en forme du texte, qui nous permet de faire le lien entre le HTML et
    le CSS.
 5. Le positionnement, qui nous permet de structurer une page web.

Arrivé à ce stade, vous aurez déjà compris comment fonctionnent ces deux
langages, et vous pourrez volez de vos propres ailes.
Je propose tout de même d'autres leçons pour se perfectionner dans les domaines
suivants :

 * la gestion des fonds,
 * les balises vidéo et audio,
 * les tableaux,
 * les formulaires,
 * comment gérer le responsive

Enfin, pour clôturer ces cours, vous avez deux dernières thématiques :

 * Le programme avancé de CSS pour devenir un cador,
 * la mise en production de son code sur un serveur.


RESSOURCES UTILES

Il est conseillé de télécharger et de garder dans un coin de son disque dur
l'Ultimate HTML Cheat Sheet et l'Ultimate CSS Cheat Sheet qui vous permettent en
un coup d'œil d'avoir l'ensemble des propriétés CSS et des balises HTML.

Cours suivant :
HTML et CSS, kesako ?

--------------------------------------------------------------------------------

Vous avez détecté une faute ou bien un élément incorrect ? Vous pouvez m'en
faire part à l'adresse suivante : nicolas.aune@pushaune.com