CSS - Le guide complet
Maîtrisez le style de vos pages web
Alexandre Boni, Nicolas Stemart - Collection Le guide complet
Résumé
Le tour complet du sujet traité
- Les bonnes pratiques
- Le positionnement des blocs
- La personnalisation des textes
- Les tableaux et formulaires
- Les effets
- Les dessins et animations
- Les mobiles et tablettes
- Les préprocesseurs et frameworks
- Les nouvelles balises HTML 5
- Les astuces et les hacks
La pratique par l'exemple
- Appliquez les bons positionnements
- Débutez avec les grilles
- Exploitez les polices web
- Réalisez un tableau de données
- Utilisez les transformations géométriques
- Créez des animations
- Appliquez des ombrages
- Développez pour tablettes et mobiles
- Simplifiez le code avec LESS
L'approfondissement à travers des exercices
- Réalisez une première page web simple
- Personnalisez l'apparence d'un texte
- Réalisez un formulaire et un tableau personnalisé
- Créez un menu pour votre site web
- Créez un effet Coverflow
- Utilisez les Sprites CSS
- Mettez en place un reset CSS
- Insérez une vidéo dans votre page web
L'auteur - Alexandre Boni
Passionnés par le Web et le graphisme depuis plusieurs années, Alexandre Boni et Nicolas Stemart lancent en 2000 un site consacré à Photoshop, CREATiKS (www.creatiks.com). Aujourd'hui graphistes et développeurs Web Freelance (www.studio-bs.fr), ils interviennent dans toute la France auprès de grandes entreprises, les conseillent et développent leurs moyens de communication.
Autres livres de Alexandre Boni
L'auteur - Nicolas Stemart
Passionnés par le Web et le graphisme depuis plusieurs années, Alexandre Boni et Nicolas Stemart lancent en 2000 un site consacré à Photoshop, CREATiKS (www.creatiks.com). Aujourd'hui graphistes et développeurs Web Freelance (www.studio-bs.fr), ils interviennent dans toute la France auprès de grandes entreprises, les conseillent et développent leurs moyens de communication.
Autres livres de Nicolas Stemart
Sommaire
- Chapitre 1 Les bonnes pratiques : standards web, HTML et CSS
- 1.1. Pourquoi des standards ?
- Qu'est-ce que le W3C ?
- Les avantages des standards et recommandations web
- 1.2. L'accessibilité des sites web
- L'accessibilité : plus qu'un besoin, un devoir
- Mise en place de l'accessibilité
- 1.3. L'ergonomie des sites web
- L'ergonomie et l'accessibilité des interfaces web, ce qu'il faut savoir
- Organiser son site web
- 1.4. Initiation et bonne pratique des langages HTML et CSS
- Le langage HTML
- Pourquoi séparer la présentation de la structure ?
- Les notions de base de HTML
- Comprendre les CSS
- Quelques propriétés CSS pour modifier le design d'une page
- 1.5. Mise en pratique : réaliser une première page web simple
- Le squelette XHTML
- Les feuilles de style
- 1.1. Pourquoi des standards ?
- Chapitre 2 Maîtriser le positionnement
- 2.1. Appliquer les bons positionnements
- Réaliser un zoning pour préparer son intégration : le mockup
- Maîtriser l'héritage
- Placer les éléments dans le flux
- Le positionnement relatif
- Positionner certains éléments en absolu
- Fixer un bloc
- Replacer un élément dans le flux
- Hériter la position d'un parent
- Les flottants
- Superposer des blocs grâce à la propriété z-index
- Modifier le rendu des boîtes
- 2.2. Les boîtes flexibles
- Distribuer les boîtes
- Définir les tailles des boîtes
- Gérer les alignements et les débordements
- 2.3. Centrer des éléments
- Centrer un contenu horizontalement
- Centrer un contenu verticalement
- 2.4. Débuter avec les grilles
- 2.5. Mise en pratique : créer une page avec une structure complexe
- La structure HTML
- Mise en place des styles
- Ajouter le contenu
- Appliquer les styles du contenu
- 2.1. Appliquer les bons positionnements
- Chapitre 3 Personnaliser le texte
- 3.1. Quelques notions de typographie
- Qu'est-ce qu'une police de caractères ?
- Quelques conseils pour l'utilisation des polices
- 3.2. Les unités de mesure
- Définir une police en pixels
- Définir une police en em ou rem
- 3.3. Les familles de polices
- 3.4. Les polices adaptées au Web
- 3.5. Charger une police personnalisée sur son site
- Optimiser une police pour le Web
- 3.6. Exploiter les Web Fonts
- Utiliser le catalogue Google Fonts
- Plus de choix avec Adobe Edge Tools
- Pourquoi privilégier un chargement distant des fichiers ?
- D'autres choix de polices
- 3.7. Personnaliser l'apparence d'un texte
- Modifier le style d'un texte
- Ecrire en petites majuscules
- Changer la graisse d'un texte
- 3.8. Maîtriser la césure
- 3.9. Mettre en valeur les liens hypertextes
- 3.10. Écrire un texte sur plusieurs colonnes
- 3.11. Mise en pratique : personnaliser l'apparence du texte
- 3.1. Quelques notions de typographie
- Chapitre 4 - Appliquer des styles aux tableaux et formulaires
- 4.1. Réaliser un tableau de données
- La structure du tableau
- Ajouter les styles de base
- Personnaliser un tableau avec des feuilles de style
- 4.2. Réaliser un formulaire
- La structure du formulaire
- Ajouter les styles de base
- Personnaliser les éléments d'un formulaire
- 4.3. Mise en pratique : réaliser un formulaire et un tableau personnalisés
- ...
- 4.1. Réaliser un tableau de données
Caractéristiques techniques
| PAPIER | |
| Éditeur(s) | Micro Application |
| Auteur(s) | Alexandre Boni, Nicolas Stemart |
| Collection | Le guide complet |
| Parution | 23/10/2013 |
| Nb. de pages | 400 |
| Format | 15 x 21 |
| Couverture | Broché |
| Poids | 510g |
| Intérieur | Noir et Blanc |
| EAN13 | 9782822402583 |
| ISBN13 | 978-2-8224-0258-3 |
Avantages Eyrolles.com
Nos clients ont également acheté
Consultez aussi
- Les meilleures ventes en Graphisme & Photo
- Les meilleures ventes en Informatique
- Les meilleures ventes en Construction
- Les meilleures ventes en Entreprise & Droit
- Les meilleures ventes en Sciences
- Les meilleures ventes en Littérature
- Les meilleures ventes en Arts & Loisirs
- Les meilleures ventes en Vie pratique
- Les meilleures ventes en Voyage et Tourisme
- Les meilleures ventes en BD et Jeunesse
