Mise en forme après découpage du design

Vorochilov Messages postés 83 Statut Membre -  
Vorochilov Messages postés 83 Statut Membre -
Salut salut,

J'ai dessiné mon premier template sous photoshop, et maintenant j'attaque le XHTML / CSS, j'ai suivi des tutos, chipoté à droite à gauche ... et ça donne pas grand chose !

Je pense avoir mal découpé mon design , pourriez vous me conseiller ?

[URL=https://imageshack.com/][IMG]http://img97.imageshack.us/img97/2512/heajackywebplat.png[/IMG][/URL]

Uploaded with [URL=https://imageshack.com/]ImageShack.us[/URL]

Ma page web (on rigole pas )

[URL=https://imageshack.com/][IMG]http://img33.imageshack.us/img33/1521/paget.png[/IMG][/URL]

Uploaded with [URL=https://imageshack.com/]ImageShack.us[/URL]

3 réponses

LelLex Messages postés 1753 Statut Membre 112
 
Si tu veux avoir des bases solides en XHTML/CSS, vas faire un tour sur le siteduzero.com

Puis pour compléter tes connaissances, tu pourrais aller sur : alsacreations.com , dossiers/astuces de commentcamarche.net

Il suffit de prendre son courage à deux mains pour tout lire. ;)
0
Vorochilov Messages postés 83 Statut Membre 1
 
J'ai vu quelques tutos ou le design était fait sur Photoshop, j'ai cru que ...
Je n'ai fais que deux sites web pour l'instant, je manque encore un peu de pratique, merci pour vos réponses, je vais m'y prendre comme vous le conseillez :)
0
psudeu
 
Quant à faire son design sous photoshop et le découper puis l'exporter en html(oui c'est possible), c'est vraiment pas recommandé. Le site risque de pas être au normes, ne sera pas fonctionnel(il faudra rajouter l'interactivité) et la compatibilité sur les différents navigateurs est loin d'être assurée...

Justement le html c'est séparer le fond de la forme, le mieux c'est de commencer par le contenu(texte, images illustratives hors design graphisme) puis aprés de mettre en forme d'abord avec les bonnes balises html puis avec quelques styles css(images de fond, taille, positionnement,etc...). L'idéal quand on a séparé le contenu de la forme c'est de pouvoir au fil du temps changer soit l'un soit l'autre sans avoir à refaire les 2 = gain de temps.

EDIT: je viens de voir les images... en aucun cas de texte tu feras sur Photoshop, rendons à César ce qui est à Jules. Photoshop sert à faire du traitement d'image, du graphisme ou du design mais pas du web. Le principe d'une page html c'est que c'est du texte(dans des balises) avec l'URL des images qui va indiquer quand les afficher. Donc d'abord le contenu(texte) et après le design à partir d'iamges que tu met sur le serveur web. Il faut commencer par le début, et ce n'est pas la publication, donc go un tuto de html; c'est très simple à comprendre mais demandes un peu de pratique.
-1