[faire un site] apparence du site

Répondre
Partager Rechercher
Coucou !

Je suis en train de me faire un petit site web mais je tourne en rond à cause d'un problème précis : l'apparence du site !

J'ai beau essayer tout ce que je fait exprime en moi un grand BEURK !

Quelqu'un aurait pas l'adresse d'un site ou je pourrais trouver des "textures" libres de droits ?
Les réponses à venir à ce post m'intéressent aussi.

Je trouve aussi que c'est très difficile de faire un site qui ne se résume pas par un gros BEURK. J'ai essayé, et j'ai vraiment déchanté. C'est là qu'on vois que c'est un métier à part entière.

Surtout si l'on veux faires les choses correctement, et prévoir plusieurs version du même site pour les différents types de navigateurs ou de résolution d'images.

Pour ce qui et des textures, et du coté artistique, là encore c'est vraiment dure de ne pas faire quelque chose de laid, de lourd, de mal fait.

Bref, j'ai toujours échoué dans mes pitoyables tentatives de réalisation de sites net.
Citation :
Provient du message de Petite Marine ~I~

Surtout si l'on veux faires les choses correctement, et prévoir plusieurss version du même site pour les différents types de navigateurs ou de résolution d'images.
pas la peine de prévoir plusieur version du site pour les différent navigateur
il suffit de suivre les normes W3C
Citation :
prévoir plusieurs version du même site pour les différents types de navigateurs ou de résolution d'images
Warning !!
C'est l'erreur classique : Il ne faut faire qu'une seule version du même site mais qui fonctionne avec tous les navigateurs mais aussi qui respecte la sémantique HTML.
Ainsi on n'utilise pas un Tableau pour mettre une page en forme ou encore une balise acronyme pour afficher des infos bulles d'aides.

Sinon quelques conseils : Utiliser déjà les CSS le plus possible, cela permet de faire des choses étonnantes en quelques lignes.
Garder environ 75% de blanc dans une page ou au moins de couleur très clair.
Utiliser les couleurs chaudes pour les liens, titre, bref tout ce qui doit marquer.

Niveau esthétisme cela dépend énormément du contenu, on ne va pas mettre des images de motos dans un site de jeu de rôle médiéval.

Une petite recherche sur Google te fera sûrement trouver des textures libre de droit et autres tutoriel Photoshop pour réaliser tes propres images.

Et voici une adresse où se trouve un forum destiné au graphisme si mes souvenirs sont bon : www.freegaia.com.

Pour le repompage des sources d'un autre site pour faire ton design de site :
- Cai Trai Mal
- Si le guss à un code bien gore, le tien le sera aussi
- Si le guss veut t'embetter il le fera

[Edit : Malheureusement le respect de la norme au sens stricte du terme ne fonctionne pas avec IE même version 6 car celui ci ne la respecte que partiellement; sachant qu'IE resprésente 80% des navigateurs utilisés minimum...
Il faut une page conforme à la norme qui passe correctement sous IE.
un dernier teste consiste a passer sa page sous Lynx pour voir comment cela rend au niveau sémantique]
Certains hébergeurs offrent un outil de création en ligne de site (des templates).
Certains sites offrent des templates à customiser.
Avec Adobe Photoshop on peut créer une interface totalement graphique du site, et si l'on s'y connaît en codage web, css, htm, on peut arriver à faire n'importe quoi.

Pour ceux qui s'y connaissent un peu mais pas trop, plusieurs programmes sont offerts:

Dreamweaver de Macromedia (leur Fireworks étant quasi identique à Adobe Photoshop) et quand l'on se procure Macromedia Studio MX, l'on a tous les outils nécéssaires pour un site: Freehand, Flash, Fireworks, Dreamweaver et l'Extension Manager.

HotDog de Sausage, plusieurs versions de ce programme sont accessibles:
HotDog Professionnal (7), étant de loin le plus complet, et comme son nom l'indique, adressé surtout à ceux connaissant assez bien le CSS, l'HTML, le PHP etc etc.
HotDog Wizard: Un programme adressé aux novices, assez bien fait et plutôt utile.
HotDog Junior: un programme de easy-to-make webpages, et pour les enfants de 6 ans et plus

Sinon Netscape offre aussi Netscape Composer, qui est pratique pour débuter et est assez bien fait.

En passant, avec photoshop, en taillant des slices, lorsque vous sauvegarderez, vous pouvez sauvegarder directement un fichier html généré avec toutes les images découpées une à unes.
Il suffira donc d'ouvrir le fichier html, d'utiliser les images en tant que background de tableaux pour pouvoir placer votre texte (à éditer avec dreamweaver ou un autre programme...je ne sais pas pour le composer de netscape, j'ai jamais tenté l'expérience...)
__________________
http://caithgalliano.free.fr/signjol.jpg
Malheureusement, l'accident ne l'a pas défiguré. La Terre, n'est pas ronde.
Quels points rapidement :
Les images libres de droit, on peut en trouver quelques-unes gratuitement, mais souvent elles sont payantes.

Pour moi (je dis bien pour moi), un design doit être léger et fluide ; ce qui compte, ce sont surtout des couleurs bien harmonisées, un ensemble fluide. Pas besoin de grosses textures pour ça.

Il est sûr que quelques images peuvent changer pas mal de choses, mais en fait il n'y en a pas besoin de tant que ça.

Déjà trouve des couleurs qui vont ensembles, qui ne jurent pas trop, un design simple et sobre peut faire pas mal d'effet.
Rajoute ensuite quelques éléments, affine le tout.

Enfin bon, je dis ça mais je suis un peu beaucoup naze en graphisme, ceci expliquant cela, et je m'insurge contre tous les graphistes qui font une image dans Photoshop et te font "tiens découpe et intègre moi ça" ensuite.

Pour les couleurs, si tu as IE ( ) : http://www.colormatch.dk/
depuis quand IE est compatible W3C ?

euh, sinon, la meilleure manière pour faire un site web qui a l'air bien, c'est de ne pas utiliser de texture, et de jouer avec des zones de couleurs. On peut pas se tromper en étant dans des couleurs claires avec des tons pastels.

les sites minimalistes peuvent donner très bien aussi, et la, pas vraiment besoin de textures.

ou alors, on fait une interface sous photoshop.

mais les textures, c'est a bannir.

exemples de sites sans textures qui donnent a mon avis 100x mieux que la grosse majorité des sites :
http://www.simiandesign.com/blog-fu/cat_Art.cfm
http://www.jmreid.net/design.php
http://www.motorola.com/

aucun de ces sites n'utilisent de textures, et c franchement pas compliqué d'arriver a un résultat dans le genre.

Maintenant si tu veux un truc kitch médiéval, faut faire une interface sous photoshop, je vois pas d'autre solution.
y a des bases de sites toutes pretes à modifier qui sont assez jolies mais la j'ai pas d'adresse

sinon les portails en php en général avec les thèmes ca rend bien, à condition de trouver un bon hebergeur php
Mouai les portails Php ça rend bien avec un bon template bourré de <table> et un code Php digne d'une usine à gaz.

T'as intérêt a avoir un dédié ou alors un super serveur de base de données sinon ton portails il n'y a pas grand monde qui va le voir au vue du temps de génération d'une page surtout en mutualisé.

Sans oublié les pauvres colocataire de serveur en cas de mutualisé.

Pour IE 6, il respecte plutôt bien les standards comparé au version antérieur.
Pour information, j'ai posé des question il y a peu sur la réalisation de site.

J'ai finalement opté pour la modification d'une structure libre de droits et bien connue: Nuked Klan.

Je trouve le résultat potable sachant que je peux changer les couleurs de mon site selon mon bon vouloir en modifiant trois fois rien.

www.GIL.clan.st merci entre autre à Elric pour son aide.
__________________
Ma vie, mon oeuvre. Mon Feedback à l'Hotel des Ventes. Mon blog geekoludique. Joyeux Noël à tous.
Citation :
J'ai finalement opté pour la modification d'une structure libre de droits et bien connue: Nuked Klan.
On trouve ca ou ???

Sinon euh si on s'y connais pas trop en HTML vous conseiller quoi comme editeur ? (j'utilise actuellement Frontpage qui fonctionne presque que par tableau)
tu peux essayer dreamweaver ou homepage qui sont parmis les plus connus .

pour le nuked klan , je suppose qu'il parle de la base php-nuke. je penseque meme telecharger.com sera à meme de te renseigner à ce sujet . Cependant attention, on sort du cadre html pur la
Citation :
Provient du message de Gorneryan Midbor
On trouve ca ou ???

Sinon euh si on s'y connais pas trop en HTML vous conseiller quoi comme editeur ? (j'utilise actuellement Frontpage qui fonctionne presque que par tableau)
Telecharge le navigateur internet Mozilla, la 1.4 est dispo depuis peu et une version beta en français aussi.
Il intègre un éditeur HTML qui a l'avantage de respecter les standards et d'être gratuit.

Parce que Front Page avec ses 200 balises inutiles par page et ses balises non valides c'est moyen....
Ben la compatibilité de IE pour le W3C, c'est pas génial, par exemple, il ne gère absolument pas le CSS2, qui fait partie du W3C. Il ne gère pas non plus les png, et y'a encore pleins d'autres trucs que j'ai oublié.

exemple d'interface CSS2 qui tue et que IE ne gère pas :
http://www.meyerweb.com/eric/css/edg...iral/demo.html
http://www.meyerweb.com/eric/css/edg...al/glassy.html
http://www.meyerweb.com/eric/css/edge/index.html

regardez la différence entre IE et mozilla
EUH !

J'ai trouvé Mozilla je vais tester ca ...
Mais pour PhP-Nuke j'ai trouvé PLEIN de site ... mais sur aucun je n'ai compris le principe de ce truc ...
Quelqu'un peu m'expliquer ou me donner un bon lien ?
Citation :
Provient du message de Gorneryan Midbor
EUH !

J'ai trouvé Mozilla je vais tester ca ...
Mais pour PhP-Nuke j'ai trouvé PLEIN de site ... mais sur aucun je n'ai compris le principe de ce truc ...
Quelqu'un peu m'expliquer ou me donner un bon lien ?
Normalement tu dois même pouvoir trouver un tutoriel...

http://www.roxorgamers.com

http://www.nuked-klan.org
En effet, le problème avec IE et le CSS, c'est qu'il le gère très mal et ne respecte pas vraiment ce que l'on veut faire.

Par exemple, regardez mon site avec IE puis Mozilla : www.galanodel.org

Normalement le cadre du menu chevauche la bande grisée du haut. Ce qui s'affiche parfaitement sous Mozilla, mais pas avec IE. Ce n'est pas dramatique mais ça ne rend pas forcément ce que l'on voudrait.

Donc quand vous utilisez les CSS, faites le test IE/Mozilla pour voir ce que ça donne.
Citation :
Provient du message de Mr_efbie
depuis quand IE est compatible W3C ?

euh, sinon, la meilleure manière pour faire un site web qui a l'air bien, c'est de ne pas utiliser de texture, et de jouer avec des zones de couleurs. On peut pas se tromper en étant dans des couleurs claires avec des tons pastels.

les sites minimalistes peuvent donner très bien aussi, et la, pas vraiment besoin de textures.

ou alors, on fait une interface sous photoshop.

mais les textures, c'est a bannir.

exemples de sites sans textures qui donnent a mon avis 100x mieux que la grosse majorité des sites :
http://www.simiandesign.com/blog-fu/cat_Art.cfm
http://www.jmreid.net/design.php
http://www.motorola.com/

aucun de ces sites n'utilisent de textures, et c franchement pas compliqué d'arriver a un résultat dans le genre.

Maintenant si tu veux un truc kitch médiéval, faut faire une interface sous photoshop, je vois pas d'autre solution.

Bah justement les sites que tu donne je les trouves pas beaux

Comme quoi c'est surtout une question de goûts...
Répondre

Connectés sur ce fil

 
1 connecté (0 membre et 1 invité) Afficher la liste détaillée des connectés