Free vient de changer son site

jpaul · Le 01/02/2006, à 14:44

Ecoute, moi je suis designer à mes temps libres, et le code c'est pas trop mon truc. Donc si Dreamweaver me sortait des <div> ou autres en wysiwig et aussi simple à utiliser que les tableaux je serais d'accord. Mais là :s

Oh et puis tu as gagné

Je vais me mettre au CSS

Tu me conseille quoi dans le style phpdebutant.org mais pour la CSS?

Dernière modification par jpaul (Le 01/02/2006, à 14:54)

p-s · Le 01/02/2006, à 15:08

L'article donné par plagiats est très bien pour commencer. A la fin de cet article il y a d'autres liens dans complément. Articles très intéressants, j'ai bien appris grace à eux.

Ensuite parcourt le site d'openweb. Par contre il faut fouiller un peu. Sur ce point c'est mal pensé et c'est bien dômmage.

Alors tu en penses quoi de csszengarden?

Au final jpaul, je pense que tu gagneras à taper toi même tes balises, dans un bon éditeur de texte (perso j'utilise jEdit, écrit en java donc un brin lent, mais bien agréable à utiliser. Mais celui de dreamweaver est bien aussi ). Ton code seras sûrement plus clair et te correspondras à toi toi-même personnellement (au moins tout ça).

Bon courage

jpaul · Le 01/02/2006, à 16:49

Exact, j'ai jeté un oeuil, c'est pa si compliqué, c'est meme marant. En ce moment, je bosse sur le design de www.C-System.be/CS/ qui est vraiment baclé pour ce que j'ai pu faire. Je vais tout recommencer

Skippy le Grand Gourou · Le 01/02/2006, à 17:24

Arrêtez-moi si je me trompe, mais les feuilles de styles on peut pas les récupérer ? Je veux dire, une page en html avec des tables, si elle nous plaît, on peut éditer le code source et voir comment c'est boutiqué (je parle évidemment pas de recopier), alors qu'un css qui nous plait, on ouvre le code source de la page et là on voit "fichier css machin" ? C'est nul...

Entre parenthèses, j'aime beaucoup le principe du site Zentruc, là.

Eric P. · Le 01/02/2006, à 17:28

Skippy le Grand Gourou a écrit :

Arrêtez-moi si je me trompe, mais les feuilles de styles on peut pas les récupérer ? Je veux dire, une page en html avec des tables, si elle nous plaît, on peut éditer le code source et voir comment c'est boutiqué (je parle évidemment pas de recopier), alors qu'un css qui nous plait, on ouvre le code source de la page et là on voit "fichier css machin" ? C'est nul...
Entre parenthèses, j'aime beaucoup le principe du site Zentruc, là.

Ben tu copies le nom du fichier css, et tu le colles dans la barre d'adresse de ton navigateur, apres le path courant, et tu peux mater le CSS que tu veux (attention a ne pas le reutiliser pour ton site s'il n'est pas sous licence libre).

Dernière modification par Eric P. (Le 01/02/2006, à 17:29)

p-s · Le 01/02/2006, à 18:10

jpaul a écrit :

En ce moment, je bosse sur le design de www.C-System.be/CS/ qui est vraiment baclé pour ce que j'ai pu faire. Je vais tout recommencer

Je suis allé voir, comme ça pour le fun.
Ben là je trouve que c'est le bon exemple où l'usage du <table> est pratique. Pour aligner des données comme ça en css avec des div ou des listes, je trouve que c'est vachement coton.
Si tu arrives à faire plus simple, n'hésite pas à le dire. Par contre dans l'état, tu peux effectivement sûrement enlever deux ou trois tableaux imbriqués .

Eric P. +1

Dernière modification par p-s (Le 01/02/2006, à 18:13)

plagiats · Le 01/02/2006, à 19:19

jpaul : et bien tu utilises déjà une feuille de style sans le savoir Dreamwaver t'a généré un code où tout ce qui est texte/lien est régit par une feuille de style (== regarde le code source de ta page, tout le début, c'est du css).

Pour apprendre, je te conseille :
http://mammouthland.free.fr/cours/css/index.php
http://css.alsacreations.com/
http://pompage.net/
http://openweb.eu.org/

Les tutoriaux d'alsacreations sont une référence, mais pour comprendre les principes de base rien de tel que mammouthland

Dernière modification par plagiats (Le 01/02/2006, à 19:22)

jpaul · Le 01/02/2006, à 19:29

oui, je sais que dreamweaver génère du code CSS (je suis gandeur mais pas ignorant ).
Mais ce design va etre remis à zéro, 100% XHTML/CSS.

Merci pour les liens

Skippy le Grand Gourou · Le 01/02/2006, à 20:12

Eric P. a écrit :

Skippy le Grand Gourou a écrit :
Arrêtez-moi si je me trompe, mais les feuilles de styles on peut pas les récupérer ? Je veux dire, une page en html avec des tables, si elle nous plaît, on peut éditer le code source et voir comment c'est boutiqué (je parle évidemment pas de recopier), alors qu'un css qui nous plait, on ouvre le code source de la page et là on voit "fichier css machin" ? C'est nul...
Entre parenthèses, j'aime beaucoup le principe du site Zentruc, là.
Ben tu copies le nom du fichier css, et tu le colles dans la barre d'adresse de ton navigateur, apres le path courant, et tu peux mater le CSS que tu veux (attention a ne pas le reutiliser pour ton site s'il n'est pas sous licence libre).

Bien vu ! Vivement la fin de mes partiels, que je puisse me mettre à mon propre site !

(bon, j'ai déjà promis des wikis ici, je sais pas comment je vais me démerder pour trouver du temps pour tout ça, moi... )

AlexandreP · Le 02/02/2006, à 07:03

Euh... Attention: un design en tableaux peut utiliser les feuilles de style CSS. De même, un design avec des <div> et tout et tout peut utiliser des <font> à profusion et autres trucs pas vraiment marrants pour la maintenance. 'faut pas mélanger

Ce qu'il faut faire, c'est une distinction entre structure et mise en page.

- Une page HTML/XHTML contient une structure: texte, images essentielles, données tabulaires, etc. La structure doit être logique: ici, il y a un ensemble de paragraphes, ici un paragraphe, un titre, un autre paragraphe, une image, ... Et il faut utiliser les bonnes balises pour la bonne fonction: on n'utilisera pas la basile <div> pour créer un paragraphe, mais bien <p>; on n'utilisera pas des <p> pour indiquer des titres; etc. Bref, on devrait être en mesure de prendre le code source d'une page HTML et de comprendre toute sa structure en ne voyant que le code.

- La feuille de style CSS gère la mise en page: mes titres ont cette taille-là, cette couleur-là, ce bloc de paragraphes doit être aligné à droite, ici le texte est centré, mes liens sont pointillés, etc.

C'est là le réel problème des gens qui font des mises en page en tableaux, qui insèrent des balises de mise en forme un peu partout dans le code de la page, qui utilisent des mauvaises balises pour une fonction qui n'est pas la leur: il n'y a pas de logique et la mise en page n'est pas séparée de la structure.

Les tableaux, c'est bien. Ça sert à présenter des données tabulaires (des données qui ont un lien entre elles). Ça ne sert surtout pas à faire un menu de page à gauche et une entête.

MuMU · Le 02/02/2006, à 22:59

Personnellement, j'ai découvert le XHTML+CSS il n'y a pas longtemps, et depuis je crée/modifie ma page perso uniquement avec Emacs

guigoz · Le 03/02/2006, à 08:06

+1, mais avec gedit

SouB · Le 03/02/2006, à 13:54

Hé les gars vous avez oublié LA référence du createur de site web débutant :
http://www.siteduzero.com
Il est très bien ce site !:)

guigoz · Le 03/02/2006, à 20:06

ouep svrai ça, g appris le php la dessus

Ubuntu-fr

Navigation

Liens de recherche

Annonce

#26 Le 01/02/2006, à 14:44

Re : Free vient de changer son site

#27 Le 01/02/2006, à 15:08

Re : Free vient de changer son site

#28 Le 01/02/2006, à 16:49

Re : Free vient de changer son site

#29 Le 01/02/2006, à 17:24

Re : Free vient de changer son site

#30 Le 01/02/2006, à 17:28

Re : Free vient de changer son site

#31 Le 01/02/2006, à 18:10

Re : Free vient de changer son site

#32 Le 01/02/2006, à 19:19

Re : Free vient de changer son site

#33 Le 01/02/2006, à 19:29

Re : Free vient de changer son site

#34 Le 01/02/2006, à 20:12

Re : Free vient de changer son site

#35 Le 02/02/2006, à 07:03

Re : Free vient de changer son site

#36 Le 02/02/2006, à 22:59

Re : Free vient de changer son site

#37 Le 03/02/2006, à 08:06

Re : Free vient de changer son site

#38 Le 03/02/2006, à 13:54

Re : Free vient de changer son site

#39 Le 03/02/2006, à 20:06

Re : Free vient de changer son site

Pied de page des forums