Page 3 sur 4

Publié : 20 oct. 2004, 16:03
par stz
PierreFox a écrit : Au fait ou trouver des logos pour le html comme celui ci Image
ici par exemple.

Publié : 20 oct. 2004, 17:20
par PierreFox
stz a écrit :
PierreFox a écrit : Au fait ou trouver des logos pour le html comme celui ci Image
ici par exemple.
Cool ca ;-)


Merci

Publié : 20 oct. 2004, 17:53
par calimo
PierreFox a écrit :C'est corrigé, voir edit plus haut mais je ne pensais pas que c'était 10% ... je ne comprends pas trop ^o)
Qu'est-ce que tu ne comprend pas ?... Que 10% des internautes aient le javascript désactivé ?
Moi par exemple j'en fais partie. Il y a aussi tous ceux qui utilisent des bornes publiques ou les entreprises qui n'autorisent JS que sur certains sites. Et tous les navigateurs qui ne le supportent pas... ça varie, certains sites de stats parlent de 5%, en gros 5-10% c'est raisonnable.
Comme quoi il faut absolument s'assurer que le site reste absolument lisible sans JS. Le seul langage sur lequel tu peux te baser avec la certitude que tes visiteurs pourront le lire, c'est le (X)HTML. Rien d'autre.

Publié : 20 oct. 2004, 21:06
par PierreFox
calimo a écrit :
PierreFox a écrit :C'est corrigé, voir edit plus haut mais je ne pensais pas que c'était 10% ... je ne comprends pas trop ^o)
Qu'est-ce que tu ne comprend pas ?... Que 10% des internautes aient le javascript désactivé ?
Moi par exemple j'en fais partie. Il y a aussi tous ceux qui utilisent des bornes publiques ou les entreprises qui n'autorisent JS que sur certains sites. Et tous les navigateurs qui ne le supportent pas... ça varie, certains sites de stats parlent de 5%, en gros 5-10% c'est raisonnable.
Comme quoi il faut absolument s'assurer que le site reste absolument lisible sans JS. Le seul langage sur lequel tu peux te baser avec la certitude que tes visiteurs pourront le lire, c'est le (X)HTML. Rien d'autre.
En JS je n'ai presque rien, juste un effet sur les image (oppacité) compatibles tous navigateurs mais si tu desactive les scripts tu vois les images normalement, les stats mais ce n'est pas de moi et c'est presque tout ! Mais je ne comprends pas : pk désactiver le javascript !


P.S : pour la prochaine version du site je pensais à étudier les feuilles de style, pourriez vous me donner plus d'infos et des liens merci :)


re P.S : au passage si vous pouvez me donner les différences entre le html et le xhtml je prends :)

Publié : 20 oct. 2004, 21:38
par Thorin
pour le CSS, je te conseille de faire un tour ici, surtout qu'il y a un générateur de feuille de style qui est pas mal ( même si c'est mieux de les faire soit même )
pour le CSS en général ce que je te conseille c'est de faire ta feuille de style à part et de mettre le lien entre les balises <head>, comme ça tu va pouvoir l'utiliser sur toutes les pages qui auront les mêmes caractéristiques

pour le xhtml je ne connais pas, mais je pense que Google est un bon ami :roll: :wink:

Publié : 20 oct. 2004, 21:40
par Kropotkine
Pour les boutons il existe aussi : http://kalsey.com/tools/buttonmaker/

PS : Supprime le TARGET="_top" s'il te plait !

Publié : 20 oct. 2004, 21:49
par jv2759
j'en est fait un :

Cliquer pour le voir ;)

Ok je ne recommence plus;)

Publié : 20 oct. 2004, 22:09
par Kropotkine
Sympa !

Publié : 20 oct. 2004, 22:21
par PierreFox
jv2759 a écrit :j'en est fait un :

Cliquer pour le voir ;)

Ok je ne recommence plus;)
Trop marrant !

Je vais mettre pour mon site : un logo pour firefox, W3C, ie ca donne les principales compatiblités, je pourrais en mettre d'autres mais j'ai pas testé et je fais pas un site sur les logos :-D

Publié : 20 oct. 2004, 22:26
par PierreFox
Thorin a écrit :pour le CSS, je te conseille de faire un tour ici, surtout qu'il y a un générateur de feuille de style qui est pas mal ( même si c'est mieux de les faire soit même )
pour le CSS en général ce que je te conseille c'est de faire ta feuille de style à part et de mettre le lien entre les balises <head>, comme ça tu va pouvoir l'utiliser sur toutes les pages qui auront les mêmes caractéristiques

pour le xhtml je ne connais pas, mais je pense que Google est un bon ami :roll: :wink:
Est-ce compliquer d'adapter une page totalement en html en une page de contenu et une css ?

Publié : 20 oct. 2004, 22:54
par jv2759
PierreFox a écrit :Est-ce compliquer d'adapter une page totalement en html en une page de contenu et une css ?
Cela dépend beaucoup de tes competence en css et surtout de la maniére d'avoir programmer sans css... Car si tu est un adepte du tableaux à 15 niveaux, tu vas avoir beaucoup de mal.

Le mieux et de commencer à regarder quelque tuto sur le sujet et extraire une pages et t'entréner dessu, une fois que tu te sent, tu peux faire le reste.

Les css c'est un coup à prendre, une logique dans ta pages, en soit ce n'est pas extraimement compliquer...

Publié : 21 oct. 2004, 13:25
par calimo
Pour les différences entre le html et le xhtml, il y en a très peu, c'est essentiellement une adaptation au xml : fermer toutes les balises, attributs entre guillemets, balises tout en minuscule... bref des détails si ta page html est bien faite.
Plus de détail directement dans les spécifications :wink:

Le CSS simplifie énormément l'écriture du (x)html. En effet il te permet de virer toutes les balises de mise en forme et de ne garder dans le code que le contenu, donc ton code est beaucoup plus clair et lisible, y-compris pour toi. Remarque qu'on peut très bien le faire en html aussi :wink:
Il faut juste changer le doctype de sa version transitionnelle en stricte.

À la base tu aurais du commencer directement par ça plutôt que d'apprendre à maîtriser les tables. Je te conseille vivement ce tutoriel sur le html et des bases de CSS. Il t'apprend à coder proprement.
Pour le CSS il y a
http://mammouthland.free.fr/cours/css/ pour les bases de la syntaxe
http://www.alsacreations.com/articles/ pour des designs "tout prêts"
et bien sur les spécifications CSS1 et CSS2


EDIT :
pk désactiver le javascript !
Pour la majorité : pas le choix (pc en entreprise, cybercafés, ou handicapés). Pour moi (entre autres) : pour surfer tranquille :wink:

Publié : 21 oct. 2004, 14:14
par bobo
calimo a écrit :Le CSS simplifie énormément l'écriture du (x)html. En effet il te permet de virer toutes les balises de mise en forme et de ne garder dans le code que le contenu, donc ton code est beaucoup plus clair et lisible, y-compris pour toi. Remarque qu'on peut très bien le faire en html aussi :wink:
Il faut juste changer le doctype de sa version transitionnelle en stricte.
Il n'y a aucune obligation à changer le doctype en stricte. On peut très bien utiliser un doctype transitionnel et utiliser les CSS correctement. Enfin, c'est mon avis, surtout si c'est pendant une phase de transition vers plus de standards.

Publié : 21 oct. 2004, 16:16
par PierreFox
Ok merci j'étudierais tout ceci ;-)

Publié : 23 oct. 2004, 11:37
par PierreFox
J'ai un peu commencé mais j'ai un peu de mal car j'ai une bannière en haut, là aucun problème, donc un bloc, ensuite un autre bloc à gauche qui correpond au menu et dans ce bloc différentes images qui viennent s'assembler les unes au dessus des autres pour creer le menu au complet, mais pas des images de fond, ensuite dans un bloc de droite : un bloc en haut avec image de fond et en dessus un bloc central pour écrire et de part et d'autre 1 bloc pour accueillir des images de marges !

C'est un petit galère :s


Edit : j'ai fais le menu de gauche mais j'observe un phénomène très étrange, voici les parties de mes contenus css puis html

Code : Tout sélectionner

.news {
float: left;
width: 195px;
}

Code : Tout sélectionner

<div class="news">
<img src="images/arch_menu_news.gif" alt="News" />
<img src="images/arch_menu_gallerie.gif" alt="Gallerie" />
<img src="images/arch_menu_wip.gif" alt="Wip" />
<img src="images/arch_menu_dl.gif" alt="Download" />
<img src="images/arch_menu_forum.gif" alt="Forum" />
<img src="images/arch_menu_links.gif" alt="Links" />
<img src="images/arch_menu_contact.gif" alt="Contact" />
<img src="images/arch_menu_logo.gif" alt="Logo" />
</div>
Là mon menu s'affiche parfaitement, par contre si je renomme le nom des class à la fois dans le css et dans le code html ex : news > menu alors là tout est à la ligne !!! Je ne comprends pas ^o)