Design de site

[invite0367c7fb]

Bonjour, je voudrais savoir comment on fait le design d'un site, si il faut le dessiner sur papier ou sur un logiciel ou autre ? quel logiciel ?

Merci pour vos réponse
-----

[invitee8559664]

Bonjour,

euh ca veut dir quoi le design d'un site, précise.
Tu a déja un site, tu veux créer un site ?

Dis nous exactement ce que tu veux faire !

Cordialement, A+

[invite0367c7fb]

j'ai un site, qui est très moche lol, et j'ai déjà un début de design la et je voudrais votre avis, le design c'est la présentation "graphique" oO dites moi si c'est pas assé précis

[invitee8559664]

Bonjour,

Oui, en effet il n'y a pas grand chose, en plus problème de résolution (1024/768 recommandé !)

Je te propose de tout reprende depui le début

Si tu veut pas te casser la tête, je te conseil ca :
http://www.01net.com/telecharger/win...hes/29699.html

Tu poura faire tout ce que tu veux avec lui, si tu y passe un peut de temps et que tu a du goût (images, barres, banière, ... tout d'un simple clique), tu va voir, au bout d'une heure, tu est un vraie webmaster ^^

J'espère que ca va te convenir

Cordialement, A+

[A voir en vidéo sur Futura]

[invite63a99723]

Salut,

Pour faire plus simple. il existe une multitude de sites qui vendent des kits graphiques ou templates prêts à utiliser. tu n'as qu'à les agrémenter avec le contenu de ton site.
Pour ne pas faire de pub, tapes sur un moteur de recherche ces mots clé.
ça coute d'1€ à 300 ou plus.
Un p'tit site sympa et français : kitgrafik.com
Zut, je fais de la pub quand même...

[invitea7fcfc37]

Salut,

Oui, en effet il n'y a pas grand chose, en plus problème de résolution (1024/768 recommandé !)

800*600 recommandé tu veux dire, tout le monde n'est pas 1024*768 ...
Et on ne peut pas parler de résolution pour ça, bref.

Les kits graphiques sont une solution, seulement, c'est quand même vachement mieux d'avoir fait son p'tit truc soi même

La conception graphique, est la première étape, tu peux la réaliser à l'aide de logiciels tels que Photoshop, Paint Shop Pro, ou autre... Tu réalises ton site sur un seul document pour avoir une vue d'ensemble.

La découpe, tu dois ensuite découper ton document en plusieurs images afin de les agencer pour pouvoir écrire sur ton site quand même.

L'agencement des images, dans un éditeur de HTML, tu introduis tes images dans des tableaux pour donner forme à ton site, en laissant les cases du tableau où tu veux écrire vide.

Je t'admets qu'il faut tatônner au départ, mais ça vient vite

Bonne chance, cordialement.

[invite0367c7fb]

Déjà merci a tous pour vos réponses, moi j'ai utiliser Gimp on m'a dit que c'était pas terrible, je comprends pas la "résolution" sur Gimp j'ai mi en 1024*768 pour la taille de l'image c'est ça ? on m'a dit que mon menu était pas au gout du jour lol et on m'avait pas expliquer pour les tableaux et ca risque de beaucoup m'aider

[invite17c77fd5]

Salut,

Ce n'est pas au niveau des logiciels que tu dois t'attarder, un éditeur de codes suffit largement. Je te recommande Notepad++, qui est gratuit et sous licence GPL.

Ensuite, tu maîtriser certains langages (le (x)HTML bien entendu, pour la structure de tes documents et le CSS, pour appliquer des styles à ton site). Pour apprendre ces deux langages, je te réfère vers le Site du Zér0 où un cours de création de sites web est disponible.

Personnellement, avant de coder, j'utiliser parfois Photoshop pour déplacer facilement les éléments (ou tout autre logiciel gérant les calques), ainsi tu peux rapidement déplacer ton menu et lorsque je suis décidé, je code .

[invitee8559664]

Bonjour,

Je ne pense pas que notre amis veut programer, mais bon

[invitea7fcfc37]

Bonjour,

Je ne pense pas que notre amis veut programer, mais bon

j'ai pas compris désolé

[invite17c77fd5]

Bonjour,

Je ne pense pas que notre amis veut programer, mais bon

Le XHTML et le CSS ne sont pas de la programmation puisqu'ils ne permettent pas la gestion du contenu dynamique.

Les WYSIWYG sont à bannir, ça donne des résultats invalides et on n'apprend rien de nouveau en les utilisant.

Bref, si on veut obtenir un désign de type professionnel, rien ne fait mieux que de le coder soi-même !

[invitefc84ad56]

Bon pour créer un design, commence déjà à le déssiner sur papier. ce n'est pas indispensable, mais ça aide.
Ensuite, code en html la page déssinée, et créé les images une à une avec The Gimp (qui est très bien).
Dans le cas de ce que tu as fait, essaie d'améliorer les couleurs, et la distance entre les différents menus doit être plus grande qu'entre deux liens (donc ajoute un BR entre livre d'or et artiste).
Bien sur il doit être fait avec un tableau html, et pour éviter les problemes de résolution, créé le tableau en largeur 100% :<table width="100%">...</table>, le menu en taille fixe: <tr width="xxx">le menu</tr>, et la case blanche sans préciser le largeur: elle prendra le reste de l'écran.

Je ne sais pas si ce que tu as fait là est une image GIMP ou ue captude d'écran de page web, mais dans le premier cas, c'est du travail inutile! Tu ne feras rien d'une image comme celle là sur un site.

Et pour finir je te souhaite un bon apprentissage du html, c'est la premiere chose à faire (avant même de penser au design)

[invite17c77fd5]

Un tableau sert à mettre en relation des données et pour les organiser. Ce n'est pas fait pour un design très loin de là, même si le nombre de personne qui le font est trop gros...

Il y a moyen de dimensionner en pourcentage en CSS, je vous réfère vers ce site : http://www.intensivstation.ch/en/templates/ .

[invitea7fcfc37]

Un tableau sert à mettre en relation des données et pour les organiser. Ce n'est pas fait pour un design très loin de là, même si le nombre de personne qui le font est trop gros...

Ah bon ? Et pourquoi ??

[invite17c77fd5]

Un tableau sert à mettre en relation des données et pour les organiser.

Voilà, et le CSS sert à faire de la mise en page, chaque chose son utilité. Les gens utilisent les tableaux parce que ça leur parait plus simple et dès qu'ils découvrent la fusion de cellules ils croient que tout est possible.

[invitea7fcfc37]

Voilà, et le CSS sert à faire de la mise en page, chaque chose son utilité. Les gens utilisent les tableaux parce que ça leur parait plus simple et dès qu'ils découvrent la fusion de cellules ils croient que tout est possible.

J'ai toujours réalisé des sites avec des tableaux, et comme tu le dis également, beaucoup de monde, même des professionels s'en servent.

Un tableau sert à mettre en relation des données et pour les organiser.

Les images sont des données, leur organisation conduit au design du site.
Les tableaux remplissent très bien cette fonction, ils sont pratiques et facilement utilisables, pourquoi ne pas les utiliser ?
Si une chose remplit aussi bien une fonction qu'une autre chose, même si elle est spécialisée dans cette fonction, rien n'empêche de s'en servir

Cordialement.

[invite17c77fd5]

Si tu utilises un tableau pour faire ton désign, ça implique que pour apporter tout changement graphique considérable, tu dois revoir tout le code HTML. Avec le CSS, tu modifies juste ta feuille de style et tu peux changer toute la mise en page.

La sémantique de la balise <table></table> n'a pas été faite pour faire un design, et ça c'est important de respecter la sémantique sinon on s'en va vraiment n'importe où.

Voici un exemple (que j'ai pas trouvé seul) de site qui serait pratiquement impossible à faire avec des tableaux : http://www.csszengarden.com/tr/francais/

[invitea7fcfc37]

Si tu utilises un tableau pour faire ton désign, ça implique que pour apporter tout changement graphique considérable, tu dois revoir tout le code HTML. Avec le CSS, tu modifies juste ta feuille de style et tu peux changer toute la mise en page.

La sémantique de la balise <table></table> n'a pas été faite pour faire un design, et ça c'est important de respecter la sémantique sinon on s'en va vraiment n'importe où.

Voici un exemple (que j'ai pas trouvé seul) de site qui serait pratiquement impossible à faire avec des tableaux : http://www.csszengarden.com/tr/francais/

D'accord que le CSS permet ça je ne l'ai jamais nié, mais généralement, une fois que j'ai fait le design d'un site, je ne le change pas, et je n'aime pas laisser le choix du thème aux visiteurs

Bon et puis après chacun sa façon de faire, j'ai des automatismes avec les tableaux, donc je vais beaucoup plus vite...

[invite17c77fd5]

Je serais tenté de répondre "Chacun son choix" mais il m'est clair que les tableaux ne font pas partie de ce choix...

Mais bon, je crois que nous pouvons arrêter le débat, on s'éloigne du sujet principal .

[invitea7fcfc37]

Je serais tenté de répondre "Chacun son choix" mais il m'est clair que les tableaux ne font pas partie de ce choix...

Mais bon, je crois que nous pouvons arrêter le débat, on s'éloigne du sujet principal .

Oui ça devient stérile là

See ya

[invite0367c7fb]

hihihi merci pour tout encore alors je connais le html (pas par coeur mais j'ai appris avec un livre) et le css je suis en train de l'apprendre, l'image que j'ai mise est un enregistrement en jpg d'un document fait avec GIMP (qui a été fait avec des calques que je n'ai pas assembler pour n'en faire qu'un donc que peux encore les enregistrer séparément) je voudrais savoir si les couleur que j'ai mis sont trop claire ou trop quelques choses ? :s

Merci d'avance

[invitea7fcfc37]

je voudrais savoir si les couleur que j'ai mis sont trop claire ou trop quelques choses ? :s

Merci d'avance

Ca devient plus une question de goût, moi j'aime bien le clair, je trouve que ça fait plus propre, après le dégradé en bleu clair, j'aime pas trop

Mais il y a un début à tout, et du moment que toi tu aimes bien le design de ton premier site, c'est le principal

Cordialement.

[invite17c77fd5]

Peut-être que tu pourrais choisir une police un peu moins traditionnelle aussi, comme Trebuchet Ms par exemple, ajuster les tailles de texte etc. Sinon c'est pas mal pour un début!

[invite0367c7fb]

Merci la ça me met de bonne humeur je pensais que c'était assé naz lol.
pour la police dans mon livre pour le css il disait de pas mettre trop fantaisiste donc j'en ai mis une simple mais en faites comme dit kNz:

Mais il y a un début à tout, et du moment que toi tu aimes bien le design de ton premier site, c'est le principal

je vais me faire plaisir
Merci beaucoup

[invite17c77fd5]

Bien l'idée c'est que tu mettes une police disponible sur pratiquement tous les ordinateurs, par exemple Trebuchet Ms est plutôt joli et disponible partout presque.

Avec le CSS tu peux définir plusieurs polices. Si la première n'est pas disponible, le navigateur essaie la deuxième etc.

Exemple :

body
{
     font-family:'Trebuchet Ms', Arial, 'Arial Narrow', Times, Serif;
}

[invite0367c7fb]

oki je vois si la première est pas disponnible c'est la suivante etc. oki je vais faire ca alors

[inviteb579d45d]

Pour apprendre ces deux langages, je te réfère vers le Site du Zér0 où un cours de création de sites web est disponible.

Salut,

c'est une très belle référence qu'on te proposes là...en tout cas pour aller un peu plus loin quoi, ils reprennent tout depuis le debut et le texte est clair, parsemmé intelligement d'exemples et d'applications, bref toutes personnes se sentant naitre une âme de webmaster devrait y passer jeter un oeil!

Bonne continuation

[invite0367c7fb]

oui le site du Zéro je connais j'avais même la page de ce tuto en favoris mais je ne mi été pas interesser lais je m'y suis hier soir et c'est vrai que c'est très clair.

[invitead720f99]

sinon niveau design, pour ceux (comme moi) qui ne connaisse pas de language de programmation et qui aime les pommes, apple a sorti iweb... très facile d'utilisation (déprimant)...

[invite17c77fd5]

Iweb me paraît bien, c'est un service semblable à celui de Voilà! et Google Page Creator. C'est en effet très bien pour créer de simples pages personnelles statiques (statique étant l'opposé de dynamique, ça signifie "qui ne change pas").

Petite correction car je vois la faute un peu partout : en français on écrit langage et non language. Ce n'est qu'une simple petite correction à ne pas prendre personnellement .