[Conseil] Création site web en HTML

Bonjour!

Je viens de commencer à apprendre un peu le HTML. Et j'aimerais avoir quelques conseils par rapport à la création d'un site. Histoire de ne pas faire des bêtes sites tout moche. exemple: il vaut mieux faire un site avec des frames ou sans frames?
Si vous avez des conseils à donner à un débutant pour qu'il commence bien un beau petit site, n'hésitez pas.

Merci :-D

Sans frames

Évite la surcharge en GIFs animés

+1 sans frame. Pour référencer ton site, les moteurs sont souvent embêtés par les frames.
une page ne peut excéder 10 secondes en téléchargement.
une lecture habituelle se fait de gauche à droite et de haut en bas. Donc le plus important en haut à gauche.
etc..

Si tu commences, autant faire les choses bien, et apprendre CSS aussi.

Et pas de son MIDI en fond sonore :-D !

Tu peux aussi venir faire un tour par ici, tu y trouveras bcp de bons conseils pour débuter... =]

et pas de couleur flashy aussi..

genre un fond jaune canari avec du texte en vert fluo

Arnoz a dit:

Et pas de son MIDI en fond sonore :-D !

Cliquez pour agrandir...

ca me rappelle les site geocitie les vieux site pourri ou t'avais en midi le theme de starwars ou de berly hills :d tellement a chier quand on y repense

Ne pas mettre la taille des polices en trop gros moi je met toujours en 12-13px...

lechris a dit:

Ne pas mettre la taille des polices en trop gros moi je met toujours en 12-13px...

Cliquez pour agrandir...

Ca dépend. Parfois ca rend tres bien en très groosse police pour des titres. Assez à la mode avec le style web2.0, mais faut que ce soit bien maitrisé.

lechris a dit:

Ne pas mettre la taille des polices en trop gros moi je met toujours en 12-13px...

Cliquez pour agrandir...

Boh, faut penser aussi que les gens affichent des fois en taille "très grand" donc ton texte, faut pas qu'il bug dans ces tailles

Perso je te conseil de te rendre sur http://www.alsacreations.com/

Je pense que tout est dit.

Et effectivement, les sites proposés sont pas mal du tout

Je te conseille également le site du zéro, pour partir de rien, il est pas mal fait
http://www.siteduzero.com/index.php
Alsacréations s'adressera à un publique moins novice et te permettra de maitriser un peu mieux l'html et le CSS
http://www.alsacreations.com/

Si tu veux mettre un peu d'argent du porte monnaie, je peux te conseiller le livre écrit par le créateur du site du zéro
Réussir son site web avec XHTML et CSS aux éditions Eyrolles.

Moi qui ai une bonne expérience en codage, ça m'a permis d'apprendre qqs balises très peu utilisées, mais pratique, et également de parfaire mes connaissances dans le domaine et comprendre un peu mieux comment valider les sites que je fais aux normes W3C, et même quelques astuces pour avoir ses sites fonctionnels sous tous les navigateurs, respecteux de cette norme ou non

Pour le référencement, je te conseillerai cette base sur mon site :
http://www.xyo.be/referencement.at2.xyo

Bon amusement avec le tout, tu as de quoi faire pour le moment

ozmagic a dit:

+1 sans frame. Pour référencer ton site, les moteurs sont souvent embêtés par les frames.
une page ne peut excéder 10 secondes en téléchargement.
une lecture habituelle se fait de gauche à droite et de haut en bas. Donc le plus important en haut à gauche.
etc..

Cliquez pour agrandir...

Alors là rien a voir mais bon ... en haut à gauche, le logo du site => si pas ça, le visiteur est en déroute ... et c'est loin d'être la zone la plus visible ... (voir cours d'ergo ISFSC - 1ère Bac Ecriture Multimédia)

Après, une police d'écriture de 10-11px pour le texte contenu, une utilisation des CSS, utilisation des balises H1, H2, H3, ... pour les titres => simple raison que Google référencerait mieux suivant le code suivant car un H1 à plus de valeur que un texte de contenu habituel ...

En ce qui concerne les couleurs, utilises les mêmes procédés que les artistes / photographes etc ...

Toujours pour le texte et surtout sa couleur, ne pas mettre un texte avec une différence de moins 50% de contraste avec le fond.

Sinon mes conseils :
- Fais un site simple, avec le moin que possible d'illustrations ...
- N'utilises aucunes frames (toutes façons dans XHTML elle existe encore ? Je pense pas)
- Code en XHTML, te casses pas le cul avec le HTML 4.0
- Sois claire et aéré dans ton site ... un vide peut parfois être beaucoup plus bénéfique qu'une barre de séparation ou encore un gif tout laid.
- sur des pages avec un contenu important, utilises les ancres.
- dernier point, qui fera un petit plus pour ton site, un breadcrump path (je t invite a faire des recherches )



Voilà bon site

et le plus important dans un site n'est pas l'image de marque ?

PunkDeLouxe a dit:

- dernier point, qui fera un petit plus pour ton site, un breadcrump path (je t invite a faire des recherches )

Cliquez pour agrandir...

c'est breadcrumb path et on appelle ca aussi en francais "menu de navigation rapide" :-D

Soulsight a dit:

c'est breadcrumb path et on appelle ca aussi en francais "menu de navigation rapide" :-D

Cliquez pour agrandir...

ou chemin du petit poucet

ozmagic > une lecture habituelle se fait de gauche à droite et de haut en bas. Donc le plus important en haut à gauche.
etc..


Tu parles pas d'image de marque .

bin vi... je suppose qu'à l'école on vous apprend à coder mais pas la stratégie marketing ?
l'idéal ce sont les deux ...

ozmagic a dit:

bin vi... je suppose qu'à l'école on vous apprend à coder mais pas la stratégie marketing ?
l'idéal ce sont les deux ...

Cliquez pour agrandir...

si

(je suis aussi à l'ISFSC)

[wAly] a dit:

si

(je suis aussi à l'ISFSC)

Cliquez pour agrandir...

Merte waly ... suis démasqué
Va travailer sur ta borne !!!!!!