Programmation HTML5 avec CSS3 Pour les Nuls by Tittel, Ed -- Read -- Imperial Library of Trantor

Index

Page de titre Page de copyright Sommaire Introduction

À propos de ce livre Quelques hypothèses Icônes utilisées dans ce livre Aller plus loin Par où commencer ?

Première partie - Débuter sur le Web avec HTML et CSS

Chapitre 1 - Un aperçu du langage HTML et CSS sur le web

Comment et où les pages web prennent vie en ligne ?

HyperText Contenu versus présentation Les navigateurs web Se familiariser avec les protocoles Internet

Comprendre HTML et ses versions

Différentes versions de HTML Créer une balise HTML Construire des documents HTML

Comprendre le rôle de CSS

Différentes versions ici aussi... Créer un balisage CSS

Exemple d’un balisage simple

Où est le HTML ? Où est CSS ? Un partenariat équilibré

Chapitre 2 - Découvrir la structure et les composants du HTML

Comme pour tout langage : il y a une syntaxe et des règles

Codage couleur du balisage Affronter les éléments

Ajouter des attributs à votre HTML Examiner les entités dans le balisage

Les caractères non ASCII Les codes de caractères Les caractères de balise spéciaux

Organiser des pages web

Organiser le texte HTML Compléter et améliorer le texte

Chapitre 3 - Créer et visualiser une page web

Avant d’aller plus loin Créer une page à partir de zéro

Étape 0 : Rassembler ses outils Étape 1 : Planifier une simple réalisation Étape 2 : Écrire un peu de HTML Étape 3 : Enregistrer votre page Étape 4 : Afficher sa page

Modifier une page web existante Mettre sa page en ligne

Deuxième partie - Bien concevoir sa structure et son texte

Chapitre 4 - Les documents HTML nécessitent une bonne structure

Créer la structure d’un document L’organisation d’un document HTML Tout commence par DOCTYPE L’élément <html>

Anatomie d’un <head> <head> <meta> Rediriger les utilisateurs vers une autre page Nommer une page avec <title> <body>

Chapitre 5 - Textes et listes

Formater du texte

Paragraphes Titres

Contrôler les blocs de texte

Blocs de citation Texte préformaté Règles horizontales

Organiser les informations

Listes numérotées Listes à puces Listes de définitions Imbriquer des listes

Chapitre 6 - Des Tables Tip-Top en HTML

Pourquoi la balise <table> a-t-elle mauvaise réputation ? Qu’est-ce qu’une table ? Un grand nombre de balises… Configurer la bordure d’une table Le chef de table (<thead>) et ses éléments Gérer la mise en forme de la table Créer le corps de la table

Façonner une table robuste

Pied de table Explorer et expliquer une table

Oh légende, ma légende ! En-tête Parcourir le corps de la table Finir par le pied de table

Chapitre 7 - Travailler avec des formulaires au format HTML

Les différents types de formulaires web

Formulaires de recherche Formulaire de collecte de données

Créer des formulaires

Structure Balises de saisie Validation des formulaires

Traitement des données

Traitement des formulaires sur vos pages

Conception de formulaires conviviaux Autres points notables sur les balises des formulaires Frameworks de formulaire

Troisième partie - Ajouter des liens, images et autres médias

Chapitre 8 - Devenir Hyper grâce aux liens HTML

Liens Basic 101

Les options de lien Liens absolus Liens relatifs Éviter les erreurs courantes

Personnaliser les liens

Ouvrir de nouvelles fenêtres Spécifier une localisation dans les pages Web Lier dans la même page Liens vers des ressources non HTML

Chapitre 9 - Travailler avec des images en HTML

Le rôle des images sur une page web Créer des images conviviales Insérer une image dans une page web

L’emplacement de l’image Utiliser l’élément <img> Ajouter du texte alternatif Spécifier la taille de l’image Bordure et alignement

Des images qui font des liens

Déclencher des liens Créer une image cliquable

Chapitre 10 - Gérer et lire les médias en HTML

La bataille des formats de médias

Principaux formats audio Principaux formats vidéo Comparaison des supports traditionnels et HTML5

Maîtriser le balisage des médias en HTML5

Faire de la belle musique avec <audio > Lire des médias avec video Tester la conversion

Travailler avec les contrôles de la page web

Afficher un compteur Suivre progress sur les activités Enregistrer et afficher le temps Mettre à jour les contrôles HTML5

Quatrième partie - Adopter le style CSS

Chapitre 11 - Les avantages des feuilles de style

Les avantages des feuilles de style

Les quatre étapes pour créer un style Comprendre le C de CSS Ce que CSS peut faire pour une page web Styliser un document avec CSS Utiliser Boilerplate pour HTML5 Normaliser avant de styliser Ce que vous pouvez faire avec CSS

Les bases de CSS

Des pixels, des points, et encore autre chose Comprendre le viewport Les valeurs des propriétés de mesure

À propos du standard CSS

Chapitre 12 - La structure et la syntaxe de CSS

Explorer la structure et la syntaxe de CSS

Les sélecteurs et les déclarations Les sélecteurs L’héritage de styles

Comprendre la cascade

Chapitre 13 - Utiliser différents types de feuilles de style

Appliquer des styles en ligne Découvrir les feuilles de style internes

Comprendre l’élément <style> Connaître la portée d’une feuille de style interne

Travailler avec des feuilles de style externes

Les fichiers CSS Les attributs de l’élément link Importer et quand utiliser @import

Cinquième partie - Améliorer l’apparence de vos pages

Chapitre 14 - Gérer l’agencement et le positionnement

Gérer l’agencement

Des petites boîtes Les éléments bloc et les éléments en ligne Le flux normal

Gérer le positionnement

Au sujet des coordonnées et des décalages Le positionnement relatif Le positionnement absolu Faire flotter les éléments

Utiliser un générateur de layout

Chapitre 15 - Travailler avec les boîtes, les bordures et les boutons

Rencontre avec le modèle de la boîte Le modèle de la boîte en pratique

Spécifier les largeurs du padding et de la marge Ajouter des bordures Aligner le texte Indenter le texte Créer des boutons avec CSS

Chapitre 16 - Utiliser les couleurs et les fonds

Définir les valeurs des couleurs

Les noms de couleurs Les nombres des couleurs

Définir les couleurs

Le texte Les liens Les fonds Les fonds élaborés

Chapitre 17 - La typographie sur le web

En savoir plus sur les polices

La famille de polices La taille

Essayer des traitements de texte

Graisser le texte Mettre en exergue avec l’italique Modifier la casse Décorer avec la propriété text-decoration

Évaluer la propriété attrape-tout font Expérimenter les polices du web

Les formats de fichiers de polices Trouver des polices Se lier des polices Utiliser des polices Google

Chapitre 18 - Les effets de texte et d’ombre de CSS

Créer des ombres

text-shadow box-shadow

Créer du texte renfoncé Créer du texte en 3D Créer un effet de caractères d’impression Les ombres portées Faire tourner le texte

Chapitre 19 - Multimédia et animation avec CSS

Utiliser CSS avec du multimédia

Les styles de médias visuels Les styles de médias paginés

Animer

Utiliser les propriétés d’animation Créer des animations avec @keyframes

Sixième partie - Les dix commandements

Chapitre 20 - Dix clés pour la conception web pour mobiles

Concevoir pour les différents terminaux mobiles Concevoir pour vos utilisateurs Concevoir pour de petits écrans Concevoir pour une faible bande passante Concevoir pour le tactile Conception pour surfeurs distraits Testez sur de nombreux terminaux mobiles Concevoir pour la simplicité Mettre en place des adresses web mobiles Inclure un lien vers le site pour ordinateurs

Chapitre 21 - Dix choses à faire et à ne pas faire

Ne perdez pas de vue votre contenu Structurez vos documents et votre site Tirez le meilleur du peu Réalisez des pages attrayantes Ne perdez pas la trace de toutes ces balises Évitez les dépendances au navigateur Ne compliquez pas la navigation sur votre site Ne pensez pas révolution, mais évolution Ne tombez pas dans le piège de la linéarité Ne laissez pas l’inertie vous gagner

Chapitre 22 - Dix manières d’éradiquer les bogues

Faites une liste et vérifiez-la – deux fois Vérifiez le texte La chasse aux liens erronés Conservez des liens pour l’éternité Maintenez votre contenu en lien avec votre univers Recherchez les problèmes partout Couvrez vos bases avec des revues par des pairs Utilisez les meilleurs outils de test Planifiez des revues de site Incitez les utilisateurs à vous faire des retours Si vous leur donnez, ils vous le rendront bien !

Chapitre 23 - Dix technologies et outils HTML cool

Les éditeurs HTML WYSIWYG

Dreamweaver Les autres éditeurs WYSIWYG

Les éditeurs HTML assistants

Aptana Studio Les autres éditeurs assistants

Les éditeurs graphiques abordables Les éditeurs graphiques professionnels

Adobe Photoshop Adobe Fireworks

Le vérificateur de liens du W3C Les autres vérificateurs de liens Les validateurs HTML Les clients FTP Divers outils web utiles

Annexe - À propos du site HTML pour les nuls

À propos de WordPress

Le Tableau de bord Les apparences et les thèmes Les pages et les articles

Les widgets Le design réactif

Le café HTML5 La page d’accueil About Us Menu Contact Us

HTML5 Boilerplate

Index

← Prev
Back
Next →

← Prev
Back
Next →