Ce pack vidéo fait partie d'une série sur la programmation HTML5, CSS3 et JavaScript. Il va vous montrer comment construire des pages Web de toutes pièces et les assembler pour créer des sites Web légers et compatibles avec les dernières normes du Web. Si vous n'avez aucune connaissance en programmation HTML/CSS/JavaScript, je vous rassure tout de suite, ce pack est tout à fait adapté à votre profil, puisqu'il démarre de zéro. |
HTML 5
- Définir l'arrière-plan des cellules
- Une image d'arrière-plan dans les cellules d'un tableau
- Un peu de vocabulaire
- Les divisions
- Mise en page avec des divisions
- Mise en page HTML5
- Codes couleur avec des curseurs
- Mise en exergue d'un texte
- Span vs div
- Vérifier la validité du code
CSS 3
- Une première approche des styles CSS
- Un style CSS dans une balise
- Des styles dans l'en-tête du document
- Des styles dans un fichier externe CSS
- Feuille de styles ou attribut style ?
- Surclasser un style
- Les classes CSS
- Une classe sélective
- Une connexion unique CSS-HTML
- Un premier pas vers l'interactivité en CSS
- Positionner un objet avec des coordonnées absolues
- Gestion des débordements dans une div
- Une bande verticale à gauche du contenu
- Un bas de page … en bas de la page
- Mise en page complète avec bas de page fixe
- Un design à deux colonnes
- Un design à trois colonnes
- Trois colonnes en CSS3
- Alignement avec un tableau
- Plus loin avec les sélecteurs CSS
- Un sélecteur descendant
- Un sélecteur d'attribut
- Les unités de mesure (unités.htm)
- Lettrine (lettrine.htm)
- La propriété z-Index
- Opacité
- Display
- Positionnement inline-block
- Le sélecteur universel
- Une bordure arrondie
JAVASCRIPT
- Première approche du JavaScript
- Afficher un message dès l'ouverture d'une page
- getElementById, première approche
- getElementById, Modifier la couleur d'arrière-plan
- getElementById, Obtenir le contenu d'une div
- getElementById, donner le focus à une zone de saisie
- getElementById, montrer/cacher un élément
- getElementsByName
- getElementsByTagName()
- Codes couleur en JavaScript