KnowWare éditions - Index
  • Abonnez-vous à notre lettre d'info :
  • Send

CSS, un jeu d'enfant - créez votre site web - janvier 2007



Moyenne des avis: 1 punto 1 punto 1 punto 1 punto 0 puntos (Donnez nous votre avis)

Description :

CSS, un jeu d’enfants ! Tout le contenu d'une page web tient dans des boîtes, ou "conteneurs". Comprendre cela est le premier pas vers la maîtrise des CSS et vers une mise en page soignée et esthétique de votre site web ! Au travers de chapitres progressifs et à l'aide d'exemples concrets, l'auteur vous propose de créer votre site web avec HTML et CSS. Voyez comment mettre en page le texte, les images les listes, les liens,... Contrôlez le placement précis des objets à l'aide des marges et des espacements. Utilisez des styles imbriqués pour obtenir des pages au graphisme soigné ! La première moitié du cahier permet une introduction en douceur des concepts de HTML et CSS. Dans la deuxième partie les explications, tout en restant facilement compréhensibles, abordent des sujets plus pointus. Les débutants comme les concepteurs chevronnés y trouveront quelque chose.

  • Avant-propos
    • Pourquoi ce manuel
    • À qui s'adresse ce manuel
  • Le web n'est pas en papier
    • Approche papier, pages Web et espoirs déçus
    • Pages pensées pour le Web : au-delà du papier
    • Créer des pages Web avec des tableaux ?
  • Fonctionnement du HTML
    • Des boîtes rectangulaires
    • Qu'est-ce que le HTML ?
    • Les trois malentendus sur le HTML
    • Présente sur chaque page Web : l'ossature
    • Informations sur les éléments HTML
    • En résumé
  • Les principaux éléments HTML
    • Diviser la page en zones : div
    • Titres h1 à h6
    • Paragraphes : p comme paragraph
    • Mettre en évidence : strong et em
    • Feuille de styles intégrée
    • Listes
    • Liens : l'essence du Web
    • Chemin vers l'image : img
    • Autres éléments utiles
    • Les tableaux ne sont pas interdits
    • Vérifier le HTML : le validateur
    • CSS pour tester : les W3C Core Styles
    • Page de contact : de la page au site
    • En résumé
  • Découverte de CSS : polices, couleurs et liens hypertextes
    • Une feuille de styles est un ensemble de modèles de formatage
    • CSS et les "boîtes" HTML
    • Notre première feuille de styles
    • Couleurs d'arrière-plan et police
    • Police et taille de police
    • Modifier la taille des titres
    • Style : structure d'une règle CSS
    • Mettre en forme l'adresse
    • Mise en forme des liens
    • Définition des styles à 3 endroits
    • En résumé
  • Sélecteurs, unités et validateur CSS
    • Sélectionner les boîtes à mettre en forme
    • Imbriquer des sélecteurs
    • Nommer avec ID et class
    • Le système de points pour les sélecteurs
    • Valeurs et unités de mesure en CSS : l'embarras du choix
    • Le validateur CSS
    • En résumé
  • Créer des espacements avec le modèle des boîtes
    • Aperçu du modèle des boîtes
    • Calibrage : définir une marge nulle
    • Définir la largeur d'un élément : width
    • Centrer la page : margin:auto
    • Créer une bordure : border
    • De l%u2019espace tout autour : padding
    • Le modèle des boîtes et les couleurs
    • Images d'arrière-plan avec CSS
    • Astuces d'écriture des feuilles de styles
    • Écritures abrégées
    • En résumé
  • Navigation, version pour l'impression etformulaire de contact
    • Éléments de liste côte à côte : display: inline
    • La spécificité (specificity) dans la pratique
    • La navigation avec des onglets
    • Créer une version "imprimable" des pages Web
    • Un formulaire pour la page de contact
    • En résumé
  • Navigateur et CSS : cascade, héritage
    • L'arborescence : la structure de la page Web
    • La cascade dans Cascading Style Sheets
    • L'héritage (inheritance)
    • La valeur par défaut (initial value)
    • En résumé
  • Le flux et le positionnement
    • La page est un long fleuve tranquille
    • Let it flow : le flux normal des boîtes
    • Le positionnement absolu : hors du flux
    • Float : boîtes flottantes
    • En résumé
  • Mises en page sur plusieurs colonnes avec CSS
    • Avec position:absolute
    • Float I : 2 colonnes avec float et margin
    • Float II : 2 colonnes, éléments flottants opposés
    • Float III : 3 colonnes, éléments flottants opposés
    • Des mises en page flexibles
    • En résumé
  • Patchwork : raccommodage en CSS
    • Correctifs et bidouillages
    • Cacher les styles aux anciens navigateurs
    • Internet Explorer
    • Les Conditional Comments en action
    • En résumé
  • Outils importants
    • Les navigateurs
    • L'extension : Web Developer pour Firefox
    • Editeur de code
    • Sites Web utiles
    • Livres intéressants
    • Catalogue
    • Index alphabétique

Liens intéressants :

Votre site web facile et gratuit avec Nvu

Créez votre site Web. Apprenez HTML et CSS

Suppléments :

Exercices (fichier zip)

Auteur :

Peter Müller
 

Commentaires :

Caroline

1 punto 1 punto 1 punto 1 punto 1 punto
Super livre. j'avais auparavant suivi tout un cours ( en ligne) sur les CSS et achete unu tres gros bouquin de l'editeur O Reilly sur le XHTML et les CSS et était toujours assez peu avancée.
Ce guide, comme d'autres chez CM, a l'interet d'etre tres bien écrit, avec un peu d"'humour et beaucoup de sens pratique. merci et bravo!

Motse

1 punto 1 punto 1 punto 1 punto 1 punto
il est génial votre document sur le CSS, je suis débutant en conception de site web et je crois que j'y est trouvé mon compte.
Merci pour l'aide que vous nous faites

Daniel Poulachon

1 punto 1 punto 1 punto 1 punto 1 punto
Excellent, très pédagogique et clair.Bravo à l'auteur

fplanglois

1 punto 1 punto 1 punto 1 punto 1 punto
Bien écrit, bien traduit, intelligent et clair sur un sujet pas si évident. Un must !

Jimmy Antoine

1 punto 1 punto 1 punto 1 punto 1 punto
Bravo, bravo et encore bravo!!!
J'ai exactement 9 ouvrages compétences Micro mais celui-ci concernant CSS est concis, intelligent. J'avais l'habitude d'utiliser Dreamweaver pour des mises en page, je ne connaissais pas CSS. Vous aves donné une excellente information à propos du site Compétence Micro, tout en CSS, bonne démonstration.

Daniel AUBRY

1 punto 1 punto 1 punto 1 punto 1 punto
Excellent, génial, super... Avec ce livre, j'ai appris le HTML et le CSS (je débute). Ce livre est pour les débutants qui veulent véritablement apprendre des choses, progresser. Il explique tout. C'est le meilleur ouvrage que j'ai lu sur le sujet. Je n'attends qu'une seule chose maintenant : une suite! car cet auteur est vraiment génial, très pédagogue.
Je suis certain que Peter Müler pourrait nous faire découvrir encore plains de choses sur le CSS ou sur des sujets se rapportant au HTML (javascript, flash, ...etc).

Evrard Pascal

1 punto 1 punto 1 punto 1 punto 1 punto
++ Super ! ++
explications simples et claires
il manque un petit paragraphe consacré aux tableaux.
attention, certaines virgules de trop dans le code !

elaabid

1 punto 1 punto 1 punto 1 punto 1 punto

Serge

1 punto 1 punto 1 punto 1 punto 1 punto
J'ai créé un site web avec NVU à l'aide du compétencemicro sur le sujet, enrichi du CSS toujours avec compétencemicro (http://perso.orange.fr/cncsam). Je cherche à afficher des photos d'identité dans des pages HTML juste autour au format de la photo et non pas dans une page qui fait tout l'écran. Je n'arrive pas à trouver comment faire surtout en supprimant les menus "fichier" et autres barres de menu.
Faut-il de la programmation JavaScript ou est-ce possible en HTML ?
Existe-t'il une solution simple ?

Merci

Réponse: David

Bonjour,

Ne posez pas de question dans les commentaires : ils servent à partager votre avis sur les publications avec les autres lecteurs et les visiteurs.

Pour les questions relatives au contenu, contactez-nous par email, merci.

fabre

1 punto 1 punto 1 punto 1 punto 1 punto
Bonjour,
Le livret est très interessant. J'en suis à ma 3ème lecture. Je venais de digérer le HTLM, puis de me plonger dans dreamweaver avant de diverger pour couronner le tout par la nécessité d'utiliser les bienfaits de PHP dans MYSQL.Et depuis... je ne sais plus trop ou j'en suis.
-A quoi sert dreamweaver tant vanté?
-Que devient CSS un jeu d'enfant.... dans l'hypothèse de la création d'un site dynamique en utilisant l'indsispensable PHP...
Merci

Réponse: David

Que devient CSS un jeu d'enfant.... dans l'hypothèse de la création d'un site dynamique en utilisant l'indsispensable PHP

Ca ne change rien en réalité : CCS s'occupe de la mise en page à partir du code HTML. tandis que php, lui, s'ets chargé de créer ce code HTML, en amont.
En clair : PHP crée dynamiquement la page HTML, la page HTML fait appel aux CSS pour sa présentation.

EDIT : Dreamweaver facilite le travail en prenant enc harge une bonne part du codage (voire la totalité, dans le cas de sites pas trop complexes). Mais c'est clair qu'il n'est pas indispensable pour créer un site, même un site très sophistiqué.
Par contre, il peut faire gagner du temps à un développeur professionnel qui doit gérer plusieurs sites, ou à un webmaster qui ne souhaite pas apprendre les langages qui se cachent derrière les pages web :-)

hedi

1 punto 1 punto 1 punto 1 punto 1 punto
bonjour,
J'ai acheté le livre, bravo! c'est très pédagogique et très intéressant, continuez.

pierre

1 punto 1 punto 1 punto 1 punto 1 punto
Excellent, rapide sans être pauvre. Permet de remettre les choses au clair et de partir sur de bonne base.
Un excellent rapport qualité prix

Patrice

1 punto 1 punto 1 punto 1 punto 1 punto
ce livre est un don du ciel il m'est apparu au bon moment jetant un oeil sur les publications parues chez mon libraire préféré je l'ai acheté d'instinct. Ai commencé à le lire puis je suis passé aux exercices "todo".

J'ai finalement décidé de le mettre en application sur un développement professionnel qui m'était demandé à ce moment là...
Bon, de fil en aiguille j'ai redessiné le site dont j'ai la charge qui était bâti en jeux de cadres et ce en moins de 3 semaines en conjuguant ces préconisations avec l'usage des .dwt (modèles): je dis chapeau à son auteur. Même la rédaction est écrite de façon à faciliter l'apprentissage.

J'en redemande ! d'ailleurs je vais jeter un oeil aux autres ouvrages.
Patrice

laurent

1 punto 1 punto 1 punto 1 punto 1 punto
Superbe travail de l'équipe competence micro.
Vive le CSS

sarzotti

1 punto 1 punto 1 punto 1 punto 1 punto

Bonjour,



Encore une fois bravo: nous sommes plusieurs informaticiens professionnels à préférer votre revue
"compétencemicro" par ... son intelligence (tous points de vue: présentation, rigueur, précision) et ... la pertinence des sujets techniques sélectionnés au meilleur niveau y compris ... humain !


Nous vous en remercions et propageons votre référence car vous le méritez (sans pub comment faites vous ?) !


Vous êtes les meilleurs en publication informatique par rapport au nombre de "spécialistes/experts" qui écrivent !


Vous devriez créer un club de fans comme l'OL, l'UMP ou le PC


Cordialement bon courage et continuons à suivre ce que vous allez faire ... (pourvu que vous ne dériviez pas de la base éditoriale de départ par ... obligation alimentaire !)


Alain Sarzotti

gille

1 punto 1 punto 0 puntos 0 puntos 0 puntos
bonjour j'ai acheté ce livre
et je ne parvien meme pas a faire le 1er exercices créé une ossature htlm (avec titre)je ne trouve pas le symbole sur mon clavier (la petite flecheen fin de phrase)je recopie tout le code et en visualisant dans mon navigateur il est comme je l'ai recopier je trouve que cette ouvrage n'est pas pour débutant je comprend rien merci

Réponse: David

Bonjour,

Cette flèche indique que ce qui est affiché sur une nouvelle ligne dans le manuel doit en réalité être tapé sur une seule ligne.

natjimphi

1 punto 1 punto 1 punto 1 punto 1 punto
super, comme tous les numérios de compétence micro, ravie de pouvoir maintenant acheter en ligne. cela m'évitera de chercher desesperement mon bouquin préféré dans divers librairies de la ville.

pierrot

1 punto 1 punto 1 punto 1 punto 1 punto
ils sont super vos magazines,celui ci en particulier,"creer son site web".
quel est le but de mon site web?.....
bonne continuation a tous.

Yves

1 punto 1 punto 1 punto 1 punto 1 punto
Un très grand merci à vous pour avoir publié ce manuel ! (Comme à chaque fois que j'achète un de vos manuels d'ailleurs ! Je les trouve excellents !) Votre collection donne envie d'apprendre et d'appliquer ! MERCI !

Jean-Louis Taffarelli

1 punto 1 punto 1 punto 1 punto 1 punto
J'ai acheté un certain nombre de numéros. Je n'ai jamais été déçu. Bien au contraire, je ne connais rien d'aussi clair et pratique. C'est très supérieur à ce que l'on trouve dans des livres qui valent trois fois le prix de ces cahiers.

Mario

1 punto 1 punto 1 punto 1 punto 1 punto

morizur

1 punto 1 punto 1 punto 1 punto 0 puntos
Peut être que laisser penser qu'on peut gérer un site complet de plusieurs centaines de pages avec des contenus variés (classique, tableaux de données, galeries photos,...) à partir de feuilles de styles est un peu ambitieux, non ?

Réponse: David

Bonjour,


En quoi est-ce ambitieux? Notre site est entièrement "géré" par CSS. En plus du HTML et de PHP/MySQL, bien entendu, qui en constitue le squelette.

Daniel B.

1 punto 1 punto 1 punto 1 punto 1 punto

Fabrice

1 punto 1 punto 1 punto 1 punto 1 punto

mik90

1 punto 1 punto 1 punto 1 punto 1 punto

Fahdos

1 punto 1 punto 1 punto 1 punto 1 punto

Anonyme

1 punto 1 punto 1 punto 1 punto 1 punto

Dominique Nugues

1 punto 1 punto 1 punto 1 punto 1 punto
J'utilise beaucoup les manuels de Competence Micro.
Mon site art-nugues a été construit entièrement à la main à partir du manuel HTML et CSS paru précedemment. CElui-ci, consacré au CSS est très bien, très informatif sur les nouveautés, les informations connexes. Le we graphisme est pour moi l'"art" du CSS.
Bravo.
Reste le titre : Un jeu d'enfant, pas tout à fait quand même.
Enfin, je trouve que, peut-être sur le site, ou en version papier il serait intéresant d'approndir certaines notions avec un abord théorique et prospectif.
Amicalement
Dominique Nugues, peintre écrivain.

Anonyme

1 punto 1 punto 1 punto 1 punto 1 punto

BOUVE Alain

1 punto 1 punto 1 punto 1 punto 1 punto

anonyme

1 punto 1 punto 1 punto 1 punto 1 punto

Compétence Micro en espagnol