Mise en forme après découpage du design

Fermé
Vorochilov Messages postés 71 Date d'inscription dimanche 31 août 2008 Statut Membre Dernière intervention 30 juillet 2010 - 22 juil. 2010 à 10:35
Vorochilov Messages postés 71 Date d'inscription dimanche 31 août 2008 Statut Membre Dernière intervention 30 juillet 2010 - 22 juil. 2010 à 16:45
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]
A voir également:

3 réponses

LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
22 juil. 2010 à 11:59
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 71 Date d'inscription dimanche 31 août 2008 Statut Membre Dernière intervention 30 juillet 2010 1
22 juil. 2010 à 16:45
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
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