Répondre à la discussion
Page 1 sur 2 1 DernièreDernière
Affichage des résultats 1 à 30 sur 35

Design de site



  1. #1
    yann.ld

    Design de site


    ------

    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

    -----
    Désolé pour les fautes d'orthographe :( ^^

  2. Publicité
  3. #2
    leglaude87

    Re : Design de site

    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+

  4. #3
    yann.ld

    Re : Design de site

    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
    Désolé pour les fautes d'orthographe :( ^^

  5. #4
    leglaude87

    Re : Design de site

    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+

  6. A voir en vidéo sur Futura
  7. #5
    Hollved

    Re : Design de site

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

  8. #6
    kNz

    Re : Design de site

    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.

  9. Publicité
  10. #7
    yann.ld

    Re : Design de site

    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
    Désolé pour les fautes d'orthographe :( ^^

  11. #8
    Alexbad

    Re : Design de site

    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 .

  12. #9
    leglaude87

    Re : Design de site

    Bonjour,

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

  13. #10
    kNz

    Re : Design de site

    Citation Envoyé par leglaude87
    Bonjour,

    Je ne pense pas que notre amis veut programer, mais bon
    j'ai pas compris désolé

  14. #11
    Alexbad

    Re : Design de site

    Citation Envoyé par leglaude87
    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 !

  15. #12
    Keorl

    Re : Design de site

    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)

  16. Publicité
  17. #13
    Alexbad

    Re : Design de site

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

  18. #14
    kNz

    Re : Design de site

    Citation Envoyé par Alexbad
    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 ??

  19. #15
    Alexbad

    Re : Design de site

    Citation Envoyé par Alexbad
    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.

  20. #16
    kNz

    Re : Design de site

    Citation Envoyé par Alexbad
    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.

  21. #17
    Alexbad

    Re : Design de site

    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/

  22. #18
    kNz

    Re : Design de site

    Citation Envoyé par Alexbad
    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...

  23. Publicité
  24. #19
    Alexbad

    Re : Design de site

    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 .

  25. #20
    kNz

    Re : Design de site

    Citation Envoyé par Alexbad
    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

  26. #21
    yann.ld

    Re : Design de site

    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
    Désolé pour les fautes d'orthographe :( ^^

  27. #22
    kNz

    Re : Design de site

    Citation Envoyé par yann.ld
    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.

  28. #23
    Alexbad

    Re : Design de site

    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!

  29. #24
    yann.ld

    Re : Design de site

    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
    Désolé pour les fautes d'orthographe :( ^^

  30. Publicité
  31. #25
    Alexbad

    Re : Design de site

    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 :

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

  32. #26
    yann.ld

    Re : Design de site

    oki je vois si la première est pas disponnible c'est la suivante etc. oki je vais faire ca alors
    Désolé pour les fautes d'orthographe :( ^^

  33. #27
    Sedrik

    Re : Design de site

    Citation Envoyé par Alexbad
    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
    Cédric.

  34. #28
    yann.ld

    Re : Design de site

    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.
    Désolé pour les fautes d'orthographe :( ^^

  35. #29
    puremorning_joh

    Re : Design de site

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

  36. #30
    Alexbad

    Re : Design de site

    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 .

Page 1 sur 2 1 DernièreDernière

Discussions similaires

  1. Design
    Par azt dans le forum Internet - Réseau - Sécurité générale
    Réponses: 7
    Dernier message: 05/07/2006, 13h12
  2. design
    Par jcv dans le forum Orientation après le BAC
    Réponses: 1
    Dernier message: 24/11/2005, 15h54
  3. De l'astronomie au Design
    Par Redshift dans le forum Matériel astronomique et photos d'amateurs
    Réponses: 3
    Dernier message: 26/10/2005, 13h35
  4. design joallier
    Par pmonster dans le forum Orientation après le BAC
    Réponses: 0
    Dernier message: 28/10/2004, 13h44
Découvrez nos comparatifs produits sur l'informatique et les technologies.