28173 sujets
CSS et mise en forme, CSS3
bonjour et bienvenue lo2b,
même avis: quel est le design actuel? Peut-être peux-tu poster un lien ou sinon décrire la mise en page?
Tu es en tout cas tombé au bon endroit pour mener à bien cette tâche. Cela va demander pas mal de boulot et d'apprentissage au départ (tu n'es pas obligé de remettre à plat tout le design d'un coup, peut-être commencer par le menu ou la bannière, mais parfois c'est tellement inextricable qu'il le faut ) et tu en seras récompensé (en temps et en frustration) lors de la création des futures pages ou d'un changement de design: c'est beaucoup plus simple et rapide.
En plus des tutoriels d'Alsacréations, il y a aussi le [http://www.alsacreations/livre]livre[/url] qu'a écrit Raphael (si tu es plus à l'aise pour apprendre dans un livre qu'en ligne, m'enfin certains s'en passent très bien aussi ) et de nombreuses autres ressources présentes dans le Salon du même nom. Je citerai Openweb ou Pompage pour commencer, il y a déjà de quoi s'occuper
Felipe
même avis: quel est le design actuel? Peut-être peux-tu poster un lien ou sinon décrire la mise en page?
Tu es en tout cas tombé au bon endroit pour mener à bien cette tâche. Cela va demander pas mal de boulot et d'apprentissage au départ (tu n'es pas obligé de remettre à plat tout le design d'un coup, peut-être commencer par le menu ou la bannière, mais parfois c'est tellement inextricable qu'il le faut ) et tu en seras récompensé (en temps et en frustration) lors de la création des futures pages ou d'un changement de design: c'est beaucoup plus simple et rapide.
En plus des tutoriels d'Alsacréations, il y a aussi le [http://www.alsacreations/livre]livre[/url] qu'a écrit Raphael (si tu es plus à l'aise pour apprendre dans un livre qu'en ligne, m'enfin certains s'en passent très bien aussi ) et de nombreuses autres ressources présentes dans le Salon du même nom. Je citerai Openweb ou Pompage pour commencer, il y a déjà de quoi s'occuper
Felipe
merci pour toutes vos réponses, si rapides!
je trouve l'idée du fichier css (que je ne connaissais pas lorsque j'ai commencé mon site) absolument géniale.
enfin, géniale pour les balises html de base, car pour les blocs, rien à faire, je ne parviens pas à retrouver la même mise en page (on ne peut d'ailleurs même plus parler de mise en page ).
voici ma mise en page (sans css):
http://lereseaubrn.free.fr/tentative.htm
comment la convertir en css???
...
à défaut, je vais garder ma mise en page à l'aide de tableaux html et utiliser le fichier css uniquement pour les balises html de base...
Modifié par lo2b (26 Jan 2006 - 18:30)
je trouve l'idée du fichier css (que je ne connaissais pas lorsque j'ai commencé mon site) absolument géniale.
enfin, géniale pour les balises html de base, car pour les blocs, rien à faire, je ne parviens pas à retrouver la même mise en page (on ne peut d'ailleurs même plus parler de mise en page ).
voici ma mise en page (sans css):
http://lereseaubrn.free.fr/tentative.htm
comment la convertir en css???
...
à défaut, je vais garder ma mise en page à l'aide de tableaux html et utiliser le fichier css uniquement pour les balises html de base...
Modifié par lo2b (26 Jan 2006 - 18:30)
Tu peux te baser sur un des modèles disponible sur Alsacréations :
http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS
Tu trouveras certainement quelque chose qui ressemble à ce que tu cherches.
http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS
Tu trouveras certainement quelque chose qui ressemble à ce que tu cherches.
honnêtement, je ne parviens intellectuellement pas à concevoir comment le css peut générer une mise en page.
bon, je vais aller chez mon libraire préféré feuilleter - et peut-être acheter - le bouquin de Raphaël...
sinon: retour à la mise en page à l'aide de tableaux html (au moins, c'est structuré, clair et net, y'a pas des trucs qui se chevauchent dès que tu changes quelque chose...).
Modifié par lo2b (26 Jan 2006 - 19:35)
bon, je vais aller chez mon libraire préféré feuilleter - et peut-être acheter - le bouquin de Raphaël...
sinon: retour à la mise en page à l'aide de tableaux html (au moins, c'est structuré, clair et net, y'a pas des trucs qui se chevauchent dès que tu changes quelque chose...).
Modifié par lo2b (26 Jan 2006 - 19:35)
Bonsoir,
Remarque très intéressante sur le fond
CSS2 (et l'essentiel de CSS3) sont en effet assez perturbants, parce qu'ils ne projettent aucune délimitation a priori sur le canevas, c'est à dire l'espace où le contenu s'affiche (se dessine, selon le terme consacré). A l'inverse, les tableaux au moins dans la manière dont on les pense quand on s'en sert pour faire de la mise en page, donnent l'impression qu'on délimite d'abord et qu'on dessine le contenu ensuite dans les limites en questions. Ce qui est faux quant au fonctionnement réel du moteur de rendu des navigateurs, mais très rassurant pour le designer.
En d'autres termes, en CSS :
- le contenu coule du haut vers le bas et (dans notre langue) de gauche à droite, selon une logique binaire : suis-je une boîte ligne ou une boîte bloc ?
- il se dimensionne au fur et à mesure de son écoulement selon la nature des boîtes et leurs propriétés additionnelles
- cet écoulement peut être canalisé (float, display:inline-block et display:run-in), déplacé (position relative, marges négatives) ou carrément interrompu (display:none, position absolute, fixed et display:table). Mais ça continue tout de même à s'écouler quelque-part (et parfois, par dessus le reste du flux, en effet).
CSS définit fondamentalement la page Web en référence à un flux continu, là où les tableaux l'atomisent en une mosaïque de micro-contenus cimentés... alimentés pourtant par le même flux
Modifié par Laurent Denis (26 Jan 2006 - 19:51)
lo2b a écrit :
honnêtement, je ne parviens intellectuellement pas à concevoir comment le css peut générer une mise en page
Remarque très intéressante sur le fond
CSS2 (et l'essentiel de CSS3) sont en effet assez perturbants, parce qu'ils ne projettent aucune délimitation a priori sur le canevas, c'est à dire l'espace où le contenu s'affiche (se dessine, selon le terme consacré). A l'inverse, les tableaux au moins dans la manière dont on les pense quand on s'en sert pour faire de la mise en page, donnent l'impression qu'on délimite d'abord et qu'on dessine le contenu ensuite dans les limites en questions. Ce qui est faux quant au fonctionnement réel du moteur de rendu des navigateurs, mais très rassurant pour le designer.
En d'autres termes, en CSS :
- le contenu coule du haut vers le bas et (dans notre langue) de gauche à droite, selon une logique binaire : suis-je une boîte ligne ou une boîte bloc ?
- il se dimensionne au fur et à mesure de son écoulement selon la nature des boîtes et leurs propriétés additionnelles
- cet écoulement peut être canalisé (float, display:inline-block et display:run-in), déplacé (position relative, marges négatives) ou carrément interrompu (display:none, position absolute, fixed et display:table). Mais ça continue tout de même à s'écouler quelque-part (et parfois, par dessus le reste du flux, en effet).
CSS définit fondamentalement la page Web en référence à un flux continu, là où les tableaux l'atomisent en une mosaïque de micro-contenus cimentés... alimentés pourtant par le même flux
Modifié par Laurent Denis (26 Jan 2006 - 19:51)
j'ai craqué : j'ai acheté "CSS 2"...
d'emblée, me voilà rassuré par une phrase : "Rien n'oblige le débutant à supprimer immédiatement toute mise en page en tableaux : CSS est une norme modulaire qu'on peut adopter peu à peu, en la limitant dans un premier temps au graphisme et à l'esthétique des éléments."
cela dit avant de refaire les 650 pages de mon site, je vais me plonger dans les 296 pages du bouquin (cela tombe bien, je suis en déplacement professionnel ce week-end ).
une question : aucun programmateur "fou" n'a encore pensé à un logiciel permettant de générer automatiquement un fichier css à partir d'une page html?
P.S.: cela dit, CSS bouleverse en effet beaucoup mon pauvre petit esprit cartésien
Modifié par lo2b (26 Jan 2006 - 22:53)
d'emblée, me voilà rassuré par une phrase : "Rien n'oblige le débutant à supprimer immédiatement toute mise en page en tableaux : CSS est une norme modulaire qu'on peut adopter peu à peu, en la limitant dans un premier temps au graphisme et à l'esthétique des éléments."
cela dit avant de refaire les 650 pages de mon site, je vais me plonger dans les 296 pages du bouquin (cela tombe bien, je suis en déplacement professionnel ce week-end ).
une question : aucun programmateur "fou" n'a encore pensé à un logiciel permettant de générer automatiquement un fichier css à partir d'une page html?
P.S.: cela dit, CSS bouleverse en effet beaucoup mon pauvre petit esprit cartésien
Modifié par lo2b (26 Jan 2006 - 22:53)