Contenu
Index
Chercher
Partie 1 : Les bases de HTML5
1-1 Votre première page web en HTML
Créer une page web avec l'éditeur
Les balises et leurs attributs
Structure de base d'une page HTML5
quelques infos et un résumé
1-2 Organiser son texte
Les paragraphes
Les titres
La mise en valeur
Les listes
1-3 Créer des liens
Un lien vers un autre site
Un lien vers une autre page de son site
Cas pratiques d'utilisation des liens
1-4 Les images
Les différents formats d'images
Insérer une image
Les figures
Le travail à faire
Partie 2 : Les joies de la mise en forme avec CSS
2-1 Mettre en place le CSS
Où écrit-on le CSS ?
Appliquer un style : sélectionner une balise
Appliquer un style : class et id
Appliquer un style : les sélecteurs avancés
2-2 Formatage du texte
La taille
La police
Italique, gras, souligné…
L'alignement
Les flottants
2-3 La couleur et le fond
Couleur du texte
Couleur de fond
Images de fond
La transparence
2-4 Les bordures et les ombres
Bordures standard
Bordures arrondies
Les ombres
2-5 Création d'apparences dynamiques
Au survol
Au clic et lors de la sélection
Lorsque le lien a déjà été consulté
Travail à faire
Partie 3 : Mise en page du site
3-1 Structurer sa page
Les balises structurantes de HTML5
Exemple concret d'utilisation des balises
Assurer la compatibilité avec IE
3-2 Le modèle des boîtes
Les balises de type block et inline
Les dimensions
Les marges
Quand ça dépasse…
3-3 Le positionnement en CSS
Le positionnement flottant
Transformez vos éléments avec display
Le positionnement inline-block
Les positionnements absolu, fixe et relatif
3-4 TP création d'un site pas à pas
Maquettage du design
Organiser le contenu en HTML
Mettre en forme en CSS
Assurer la compatibilité avec IE
Vérifier la validité
Partie 4 : Fonctionnalités évoluées
4-1 Les tableaux
Un tableau simple
Un tableau structuré
4-2 Les formulaires
Créer un formulaire
Les zones de saisie basiques
Les zones de saisie enrichies
Les éléments d'options
Finaliser et envoyer le formulaire
4-3 La vidéo et l'audio
Les formats audio et vidéo
Insertion d'un élément audio
Insertion d'une vidéo
4-4 Mise en page adaptative avec les Media Queries
Mise en place des media queries
Les règles disponibles
Media queries et navigateurs mobiles
4-5 Aller plus loin
Du site web à l'application web (JavaScript, AJAX…)
Technologies liées à HTML5 (Canvas, SVG, Web Sockets…)
Les sites web dynamiques (PHP, JEE, ASP .NET…)
Partie 5 : Annexes
A-1 Envoyez votre site sur le Web
Le nom de domaine
L'hébergeur
Utiliser un client FTP
A-2 Mémento des balises HTML
Mémento
A-3 Mémento des propriétés CSS
Mémento
A-4 Gérer la compatibilité entre les navigateurs
Les commentaires conditionnels
Les vieux hacks CSS
Les outils de débogage
Nouveau chapitre
absolu
alignement
audio
block
bordure arrondie
bordure standard
couleur
CSS
dimension
display
figure
fixe
Flottant
fond
formulaire
gras
HTML
image
inline
italique
lien
liste
ombre
Paragraphe
police
relatif
selection
souligner
survol
tableau simple
tableau structuré
taille
texte
titre
transparence
vidéo
Chercher: