Contenu | Rechercher | Menus

Annonce

Si vous rencontrez des soucis à rester connecté sur le forum (ou si vous avez perdu votre mot de passe) déconnectez-vous et reconnectez-vous depuis cette page, en cochant la case "Me connecter automatiquement lors de mes prochaines visites".
Test de l'ISO d'Ubuntu francophone : nous avons besoin de testeurs pour la version francophone d'Ubuntu 14.04. Liens et informations ici.

Attention, une faille de sécurité dans bash a récemment été rapportée, il est recommandé de mettre à jour son système (plus de détails) *** mise à jour 12/10/2014 ***

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

jpaul

Re : Free vient de changer son site

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é smile

Je vais me mettre au CSS wink

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

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


<Mon avatar n'est pas une grenouille><Windows ça pue; Mac c'est trop cher; Linux c'est trop compliqué*, xBSD ça sert à rien><Les modos, on vous aime><Hébergement Web gratos et sympah ;)>
* Mais ça rend beau
[Membre du club des beaux Ubunteros]

Hors ligne

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

p-s

Re : Free vient de changer son site

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 wink ). Ton code seras sûrement plus clair et  te correspondras à toi toi-même personnellement (au moins tout ça).

Bon courage


Steph
Non geek et fier de l'être. Ubuntu c'est aussi pour ceux qui veulent juste un ordi qui soit un outil : on allume, on utilise, on éteind. Tout ça sans prise de tête :) .

Hors ligne

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

jpaul

Re : Free vient de changer son site

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 smile


<Mon avatar n'est pas une grenouille><Windows ça pue; Mac c'est trop cher; Linux c'est trop compliqué*, xBSD ça sert à rien><Les modos, on vous aime><Hébergement Web gratos et sympah ;)>
* Mais ça rend beau
[Membre du club des beaux Ubunteros]

Hors ligne

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

Skippy le Grand Gourou

Re : Free vient de changer son site

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... mad

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

Hors ligne

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

Eric P.

Re : Free vient de changer son site

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... mad
Entre parenthèses, j'aime beaucoup le principe du site Zentruc, là. big_smile

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, à 18:29)

Hors ligne

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

p-s

Re : Free vient de changer son site

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 smile

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 wink .

Eric P. +1

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


Steph
Non geek et fier de l'être. Ubuntu c'est aussi pour ceux qui veulent juste un ordi qui soit un outil : on allume, on utilise, on éteind. Tout ça sans prise de tête :) .

Hors ligne

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

plagiats

Re : Free vient de changer son site

jpaul : et bien tu utilises déjà une feuille de style sans le savoir lol 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 tongue

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

Hors ligne

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

jpaul

Re : Free vient de changer son site

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

Merci pour les liens smile


<Mon avatar n'est pas une grenouille><Windows ça pue; Mac c'est trop cher; Linux c'est trop compliqué*, xBSD ça sert à rien><Les modos, on vous aime><Hébergement Web gratos et sympah ;)>
* Mais ça rend beau
[Membre du club des beaux Ubunteros]

Hors ligne

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

Skippy le Grand Gourou

Re : Free vient de changer son site

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... mad
Entre parenthèses, j'aime beaucoup le principe du site Zentruc, là. big_smile

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 ! big_smile

(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... tongue )

Hors ligne

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

AlexandreP

Re : Free vient de changer son site

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 wink

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.


«La capacité d'apprendre est un don; La faculté d'apprendre est un talent; La volonté d'apprendre est un choix.» -Frank Herbert
93,8% des gens sont capables d'inventer des statistiques sans fournir d'études à l'appui.

Hors ligne

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

MuMU

Re : Free vient de changer son site

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 roll


µ²     ---       Ex-Ubuntero

Hors ligne

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

guigoz

Re : Free vient de changer son site

+1, mais avec gedit

Hors ligne

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

SouB

Re : Free vient de changer son site

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 !:)


Linux ataooo !!

Hors ligne

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

guigoz

Re : Free vient de changer son site

ouep svrai ça, g appris le php la dessus

Hors ligne

Haut de page ↑