Intégrationt HTML/CSS d'un template

Salut les n'amis,

Je viens de faire un long et douloureux tutoriel sur photo-shop CS5 pour créer un template
http://www.psgalaxie.com/formation/8-tutoriels/7-creer-un-template-leger-et-professionnel

Long, surtout quand c'est la première fois qu'on ouvre ce programme
Douloureux, quand on parle pas anglais
On rigole pas au fond...


Mon problème:

Comment faire l'intégration HTML/CSS d'un template?
Oui car je voulais d'abord avoir un template pour continuer...
Roh...STOP s't'agaçant a la fin


Donc merci a tout ceux qui pourront me donner un lien, tutoriel, bout de réponse,
numéro de téléphone pour me réconforter ce soir^^
Modifié par sanoc (01 Jul 2011 - 17:24)

Avant de vouloir faire une intégration tu dois commencer par apprendre les bases de HTML et CSS.

Tu trouveras des pistes sur cette article :

http://www.alsacreations.com/article/lire/1205-outils-integration-web-debuter.html

Et dans la section apprendre du site :

http://www.alsacreations.com/apprendre/

Ou sur le site du zéro :

http://www.siteduzero.com/tutoriel-3-13666-apprenez-a-creer-votre-site-web.html

En tout cas tu n'as pas choisi le meilleur tuto pour apprendre à réaliser un design Web. Leur design final est bourré d'erreurs de conception.
Modifié par jb_gfx (01 Jul 2011 - 17:33)

Merci jb_gfx,

Je sait déjà coder en HTML, en CSS, en PHP et je sais comprendre a vue de nez le JavaScript
Le problème était ici de savoir quel méthode appliqué pour tirée d'une simple image un fond de site...

Après je veut bien te croire sur le fait qu'il est plein d'erreur de conception mais pourrait tu m'expliquer en quoi? Pour moi sa reste ni plus ni moins qu'une image

Et si tu as une autre adresse plus sérieuse au niveaux de ces "erreur", je veut bien recommencer sans problème (maintenant que j'ai les base sur CS5 xD)

Merci d'avance! Par contre je clos le sujet, je vais me redirigé vers le bon forum
http://forum.alsacreations.com/topic-2-56378-1-Integration-HTMLCSS-template-photoshop-CS5-pour-site-perso-code-main.html#copy
Modifié par sanoc (01 Jul 2011 - 18:46)

sanoc a écrit :

Après je veut bien te croire sur le fait qu'il est plein d'erreur de conception mais pourrait tu m'expliquer en quoi? Pour moi sa reste ni plus ni moins qu'une image

Justement une image ce n'est pas un web design. Quand tu crées un design pour le web tu dois tenir compte des contraintes liées à ce media.

Un exemple pour t'expliquer (à part cas très particulier) ton design doit s'adapter en hauteur afin que tu puisses y placer la quantité de contenu que tu souhaites. C'est le flux naturel et attendu d'une page Web.

Pour cela tu dois concevoir ton design pour qu'il supporte cette fonctionnalité (ou contrainte si tu préfères). Par exemple si tu utilises des textures pour des effets de matières en fond de ta page tu dois les travailler pour qu'elles puissent se répéter sans que ce soit visible. C'est un travail qui demande une certaine technique et de la réflexion. Hors dans ton tutoriel le formateur n'en tient absolument pas compte, il crée son design comme on crée une affiche (encore que ça aussi ça demande de la technique et de la réflexion et quelques connaissances).

Bref le design résultant ne tient pas compte de ce genre de contraintes techniques et le résultat est inexploitable pour faire quelque chose de correct.

D'accord, effectivement vue comme sa le tutoriel est bien minime.
Admettons cependant:
-Que je parte sur un site de la taille de mon affiche.
-Que mon site reste en absolute (absoluted si tu souhaite )
-Que l'affiche réponde a mes besoins

En bref, que mon tutoriel répondait totalement a mes envie...
Comment l'intégrer? Quel balise? Quel programme?

Je verrais ensuite, une fois que je saurait faire l'intégration comment refaire un template correspondant a mes besoin réel.

Merci cependant de ton aide!

Ps: redirection: http://forum.alsacreations.com/topic-2-56378-1-Integration-HTMLCSS-template-photoshop-CS5-pour-site-perso-code-main.html#copy
Modifié par sanoc (01 Jul 2011 - 19:18)

Pour les logiciels tu n'as besoin que de celui qui a servi a créer le design (Photoshop dans ton cas) et d'un éditeur de texte.

Voilà un tuto qui explique les grandes lignes :

http://www.grafikart.fr/tutoriels/creer-un-site-web-decoupage-22

PS : Sur ce forum tu devrais éviter d'ouvrir de multiples fils pour un même sujet. Le spam n'est pas bien vu ici.
Modifié par jb_gfx (01 Jul 2011 - 20:07)

Merci du lien

Désoler c'est que sur d'autre communauté on me demande de fermer mon post et de linker le nouveaux qui lui est bien placé...

Bonne fin de journée