Titre: Question bête: Quels progs utilisez-vous pour le design à part photoshop?
Posté par: Lord Inator le le 27-09-2003 a 06:05:48
Salut tout le monde,
Voilà j'ai déjà réalisé quelques sites, en apprenant sur le tas et jusqu'ici côté design j'ai toujours créé le site "en entier" sous photoshop. Ensuite il ne me restait plus qu'à faire une sauvegarde en .html avec les images préalablement découpées.
J'aimerais savoir quelle est la méthode commune, pour réaliser le design d'un site... et quels sont les logiciels utilisés à part photoshop. Parceque le graphisme "commun" des sites web n'a pas un aspect très "dessin" et "ludique" comme on l'obtient si tout est fait sous photoshop. J'aimerais réaliser des sites d'aspect plus "sobre" et je ne pense pas que photoshop soit l'outil le plus adapté. Merci d'avance pour vos futurs infos! ;)
ps: une question subsidiaire: lorsque je réalise tout le site sous photoshop, comme tout représente une image, je n'ai pas de zone de texte éditable sous dreamweaver. Comment faire pour en avoir une? J'ai déjà découpé le centre de l'image pour que sous dreamweaver, cela corresponde au "background" et que je puisse ainsi insérer du texte, mais je pense qu'il doit y avoir une autre méthode. Car si je veux avoir un zone de texte éditable sous dreamweaver, d'une couleur différente que le fond, cette méthode ne marche plus. |
Titre: Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
Posté par: Chanchan le le 27-09-2003 a 08:39:34
Hello !
Il existe Fireworks (de Macromedia) qui est très efficace pour concevoir des sites web.
Je pense que la meilleure technique pour concevoir un design au look pro est de faire les choses par petit-bout.
Je m'explique : tu prends Toshop et tu conçois ton header. Ensuite tu fais de même pour les boutons de navigation. etc... Et ensuite, tu assembles tout ceci en utilisant XHTML et CSS ;D... D'autant plus qu'en CSS, tu peux inclure des effets graphiques fort intéressants sans avoir à utiliser un programme comme Toshop ou Fireworks (tels que bordures, filets, etc...)
Pour ta question subsidiaire :
Par expérience, l'exportation d'un graphisme photoshop en HTML se fait au moyen de tables. L'astuce est que tu donnes à ta (tes) cellule(s) qui recevront ton texte, donc ta zone éditable, une couleur de fond. En concret cela donnera :
Code:
| <table><tr><td bgcolor="#FFFFFF"></td><tr></table> |
|
Ceci dit, il existe une autre méthode plus "propre" que celle donnée ci-dessus et vivement recommandée par le W3C.
Avec feuille de style (CSS)
Code:
.background {
background-color : #FFFFFF;
}
<table><tr><td class="background"></td></tr></table> |
|
Après, l'étape supérieure, est de supprimer de ta mise en page toutes les tables et de faire cette mise en page au moyen de calques.
Voilà, j'espère avoir bien compris ta question subsidiaire.
Chanchan |
Titre: Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
Posté par: Lord Inator le le 27-09-2003 a 18:50:46
Merci pour ta réponse, je note. Hummm xhtml et css? C'est pareil? ??? Heuuu j'en ai entendu parler mais je dois dire que je sais pas bien ce que c'est... Css = feuille de style = ça permet de ne pas avoir à recréer le design pour chaque page... Voilà ce que j'ai compris. Mais comment on utilise ça? Je vois pas le rapport avec le design...
Si qqun pouvait m'éclairer ;-) |
Titre: Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
Posté par: SIBELIUS le le 28-09-2003 a 00:09:58
Le rapport avec le design est simple :
- d'un côté, le (x)HTML ne s'occupe QUE du contenu
- de l'autre côté, les CSS s'occupent de la mise en page de ce contenu.
C'est ça le design (à ne pas confondre avec le graphisme ;)) |
Titre: Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
Posté par: Lord Inator le le 28-09-2003 a 06:38:52
Oki ;-) Comment on utilise le CSS? Avec un programme ou c'est du code? D'ailleurs c'est quoi? mdr ;D Xhtml: Quelle différence avec le html?
Bah vi désolé je demanderai qu'on m'offre "l'informatique pour les nuls" pour mon anniversaire le 16 octobre! ::)
|
Titre: Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
Posté par: Chanchan le le 28-09-2003 a 10:55:18
Arf, bien sûr...
Vallait mieux lire design que graphique... autant pour moi. ;)
Je te conseille d'aller faire un tour sur ces deux sites :
http://www.openweb.eu.org
http://www.alsacreations.com/articles/
Ces deux sites proposent de très bons tutoriels pour te mettre gentillement et en douceur au XHTML et CSS. |
Titre: Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
Posté par: Thufir le le 28-09-2003 a 13:31:13
| Moi je crée d'abord une structure du site, après je dessine un layout sur du papier A3. Aprés je code le xhtml et le css avec HTML Editor, le PHP avec Weaverslave. Les quelques grafiques que j'utilise sont faits avec photoshop. |
Titre: Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
Posté par: ilhooq le le 29-09-2003 a 22:29:19
:-\J'aimerais préciser ici que l'utilisation des CSS sous Netscape navigator 4.5 est catastrophique. Si vous voulez testez essayer cette adresse: http://perso.wanadoo.fr/sphilip
|
Titre: Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
Posté par: SIBELIUS le le 29-09-2003 a 22:35:15
Oui, l'affichage sous NN4.5 est catastrophique. C'est voulu.
D'un autre côté, tu y gagnes énormément en compatibilité récente et en Accessibilité (handicaps, ...)
--> http://www.pompage.net/pompe/paitre/ |
Titre: Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
Posté par: Thufir le le 30-09-2003 a 19:20:14
| Oui, l'affichage sous NN4.5 est catastrophique. |
|
On peut empêcher les navigateurs qui ne comprennent pas de CSS á lire les stylesheets. Ils affichent alors seulement le HTML pur. |
Titre: Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
Posté par: SIBELIUS le le 30-09-2003 a 22:14:57
| oui, en effet, c'est l'intérêt du @import pour insérer la feuille de style |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|