La Communauté Webmaster  forum rss


  Forum-webmaster
  Webdesign / graphisme
  Webdesign
(Modérateurs: Shain, Lilian, lauryv, ToToMaStEr)
  Question bête: Quels progs utilisez-vous pour le design à part photoshop?
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Question bête: Quels progs utilisez-vous pour le design à part photoshop?  (Lu 1507 fois)
Question bête: Quels progs utilisez-vous pour le design à part photoshop?
« sur: le 27-09-2003 a 06:05:48 »
Lord Inator
Membre récent
*

Hors-Ligne

Messages: 31



Hello Boy!

Voir le Profil
Répondre avec citation

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.

Rapporter au modérateur  

Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
« Répondre #1 sur: le 27-09-2003 a 08:39:34 »
Chanchan
Invité

E-Mail
Répondre avec citation

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

« Dernière Édition: le 27-09-2003 a 08:40:37 par Chanchan » Rapporter au modérateur  
Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
« Répondre #2 sur: le 27-09-2003 a 18:50:46 »
Lord Inator
Membre récent
*

Hors-Ligne

Messages: 31



Hello Boy!

Voir le Profil
Répondre avec citation

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

Rapporter au modérateur  
Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
« Répondre #3 sur: le 28-09-2003 a 00:09:58 »
SIBELIUS
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 789



Un Boulay sinon rien

Voir le Profil    WWW    E-Mail
Répondre avec citation

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 )

Rapporter au modérateur  

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"
Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
« Répondre #4 sur: le 28-09-2003 a 06:38:52 »
Lord Inator
Membre récent
*

Hors-Ligne

Messages: 31



Hello Boy!

Voir le Profil
Répondre avec citation

Oki ;-) Comment on utilise le CSS? Avec un programme ou c'est du code? D'ailleurs c'est quoi? mdr  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! 

Rapporter au modérateur  
Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
« Répondre #5 sur: le 28-09-2003 a 10:55:18 »
Chanchan
Invité

E-Mail
Répondre avec citation

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.

Rapporter au modérateur  
Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
« Répondre #6 sur: le 28-09-2003 a 13:31:13 »
Thufir
Membre récent
*

Hors-Ligne

Messages: 3



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

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.

Rapporter au modérateur  
Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
« Répondre #7 sur: le 29-09-2003 a 22:29:19 »
ilhooq
Membre récent
*

Hors-Ligne

Messages: 1



Je suis un lama!

Voir le Profil
Répondre avec citation

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

Rapporter au modérateur  
Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
« Répondre #8 sur: le 29-09-2003 a 22:35:15 »
SIBELIUS
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 789



Un Boulay sinon rien

Voir le Profil    WWW    E-Mail
Répondre avec citation

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/

Rapporter au modérateur  

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"
Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
« Répondre #9 sur: le 30-09-2003 a 19:20:14 »
Thufir
Membre récent
*

Hors-Ligne

Messages: 3



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

Citation de: SIBELIUS le le 29-09-2003 a 22:35:15
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.

Rapporter au modérateur  
Re:Question bête: Quels progs utilisez-vous pour le design à part photoshop?
« Répondre #10 sur: le 30-09-2003 a 22:14:57 »
SIBELIUS
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 789



Un Boulay sinon rien

Voir le Profil    WWW    E-Mail
Répondre avec citation

oui, en effet, c'est l'intérêt du @import pour insérer la feuille de style

Rapporter au modérateur  

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg