Book description
Choisissez la simplicité et l'élégance du couple HTML et CSS
pour créer vos sites web avec style et panache !
- Séparez mise en forme CSS et contenu HTML pour plus de simplicité et de souplesse ;
- Changez sans peine la charte graphique de votre site ;
- Apprenez à écrire une feuille de style CSS pour une présentation homogène ;
- Comprenez le HTML : l'imbrication, la hiérarchie des éléments et balises ;
- Enrichissez vos pages : mise en forme et alignement du texte et des images, marges et positionnement des blocs ;
- Insérez des images, sons, vidéos et animations Flash ;
- Spécifiez des styles destinés aux terminaux mobiles : Android, iPhone, Windows Phone...
Cette quatrième édition tient compte de l'évolution des standards (HTML 5 et CSS 3) et des navigateurs. Depuis les notions de base, elle vous conduit jusqu'à la mise en place d'un site complet, adapté aux écrans d'ordinateur comme aux smartphones, grâce à deux
En annexes : Codage des principales couleurs - Spécificités des navigateurs Mozilla Firefox, Internet Explorer, Chrome, Safari, Opéra - Aide-mémoire des propriétés CSS 2 et 3.
Au sommaire
- Introduction au XHTML et aux feuilles de style CSS
- L'essentiel du XHTML
- Nouveautés du HTML5
- Ecriture des feuilles de style
- Propriétés de mise en forme
- Positionnement des blocs
- Principales nouveautés des CSS 3
- Exemples de sites web
- Un site web pour les mobiles
- Différents types de média
- A. Couleurs
- B. Comportement des principaux navigateurs
- C. Résumé des propriétés CSS
- D. Références bibliographiques et sites web
Table of contents
- Couverture
- Page de titre
- Copyright
- Avant-propos
- Table des matières
- 1. INTRODUCTION AU HTML ET AUX FEUILLES DE STYLE CSS
-
2. L’ESSENTIEL DU HTML/XHTML
- Principe des balises
- Évolution de la norme HTML
- Premières règles d’écriture HTML
-
Principales balises HTML
- Un exemple pour commencer
- Paragraphes et titres
- Mise en forme commune à une partie du texte
- Principales mises en forme
- Italique et gras
- Liens hypertextes
- Les listes
- Listes à puces ou numérotées
- Tableaux
- Insertion d’images
- Objets multimédias
- Sauts, lignes et caractères spéciaux
- Formulaires
- Une page dans un cadre
- Autres balises de texte
- Deux catégories d’éléments : blocs et en ligne/niveau texte
- Hiérarchie des éléments : l’héritage
- Compléments sur les balises d’en-tête
- Balise DOCTYPE
- Balise meta et codage en utf-8
- Autres balises d’en-tête
- Validation du code HTML
-
3. NOUVEAUTÉS DU HTML
- Orientations du HTML 5
- Blocs et sections en HTML 5
- Davantage de signification pour le texte
- Images, sons, vidéos et animations
- Contrôle précis des formulaires
- À utiliser progressivement
-
4. ÉCRITURE DES FEUILLES DE STYLE
- Définition d’une règle de style
- Feuille de style interne
- Feuille de style externe
- Styles en ligne
- Sélecteurs de style
- Ordre de priorité des styles
- Valeurs, tailles et couleurs
- Exemple de page avec feuille de style interne
-
5. PROPRIÉTÉS DE MISE EN FORME
- Mise en forme des caractères
-
Paragraphes et blocs de texte
- Alignement horizontal du texte
- Retrait de première ligne
- Interligne minimum
- Espacement entre les lettres
- Espacement entre les mots
- Conservation des espaces et sauts de ligne saisis
- Modification du curseur de la souris
- Affichage automatique d’un contenu
- Guillemets à utiliser
- Réinitialisation d’un compteur
- Incrémentation d’un compteur
- Sens de l’écriture
- Écriture bidirectionnelle
- Bordures
- Images et couleurs d’arrière-plan
- Listes à puces ou numérotées
- Les tableaux
-
6. POSITIONNEMENT DES BLOCS
-
Marges et dimensions d’un bloc
- Marges externes autour d’un bloc
- Raccourci pour les marges externes
- Marges internes d’un bloc
- Raccourci pour les marges internes
- Largeur fixe pour un bloc ou une image
- Hauteur fixe pour un bloc ou une image
- Largeur et hauteur totales d’un bloc
- Largeur et hauteur minimales
- Largeur et hauteur maximales
-
Position des éléments
- Flux normal des éléments
- Principe du positionnement des blocs
- Types de position possibles
- Utilisation des différents types de positionnement
- Type de positionnement d’un bloc
- Décalages indiquant la position d’un bloc
- Niveau d’empilement des blocs
- Transformation en bloc flottant
- Pas d’éléments flottants sur le côté
- Affichage ou non d’un élément
- Affichage des débordements
- Zone visible d’une boîte
- Changement de type d’élément
- Délimitation des blocs
- Exemples de positionnement
- Centrage d’éléments à l’intérieur des blocs
-
Marges et dimensions d’un bloc
-
7. PRINCIPALES NOUVEAUTÉS DES CSS
- Du relief pour nos pages
- Nouveaux types de sélecteurs
- Codes couleurs et niveaux de transparence
- De nouveaux effets pour le texte
- Des bordures plus variées
- Couleurs et images de fond
- Multicolonnage
- Transformations géométriques
- Le Web s’anime en CSS 3
- Les CSS 3 : bientôt et déjà !
- 8. EXEMPLES DE SITES WEB
- 9. UN SITE WEB POUR LES MOBILES
-
10. DIFFÉRENTS TYPES DE MÉDIAS
- Types de médias
- Média paginé : styles CSS 2 et CSS 3 pour l’impression
- Média sonore : fonctions audio CSS 3
- A. COULEURS
- B. COMPORTEMENT DES PRINCIPAUX NAVIGATEURS
- C. RÉSUMÉ DES PROPRIÉTÉS CSS
- D. RÉFÉRENCES BIBLIOGRAPHIQUES ET SITES WEB
- INDEX
Product information
- Title: Premiers pas en CSS et HTML
- Author(s):
- Release date: January 2012
- Publisher(s): Eyrolles
- ISBN: 9782212133387
You might also like
book
HTML5 et CSS3
Cours d'initiation aux standards du Web, avec exercices corrigés HTML5 et CSS3 sont aujourd'hui pris en …
book
HTML 5
Présentation Au sommaire HTML5 intègre enfin dans sa conception l'architecture à trois piliers qu'est HTML pour …
book
Concevoir et déployer ses sites web avec Drupal, 2 edition
Exploitez la puissance de Drupal pour construire vos sites web ! Comprenez l'architecture de Drupal et …
book
PHP and MySQL for Dynamic Web Sites: Visual QuickPro Guide, Fifth Edition
Learn PHP and MySQL programming— the quick and easy way! Easy visual approach uses demonstrations and …