WebDesign fait avec PSCS
WebDesign fait avec PSCS - Web design - Graphisme
![[:rofl]](https://forum-images.hardware.fr/images/perso/rofl.gif "[:rofl]")
![[:delarue]](https://forum-images.hardware.fr/images/perso/delarue.gif "[:delarue]")
![[:ddr555]](https://forum-images.hardware.fr/images/perso/ddr555.gif "[:ddr555]")
Marsh Posté le 17-04-2005 à 15:45:16
Je suis pas sur que ça l'aide bcp en l'état ![[:spamafote]](https://forum-images.hardware.fr/images/perso/spamafote.gif "[:spamafote]")
Pour le design, globalement je peux pas dire que ce soit mauvais mais j'accroche pas trop, trop vu peut-être ce style je sais pas.
Ya quelques problèmes de lisibilité. Notament sur l'entête (le snipe design). Faudrait de l'espace autour.
Le miroir sur le titre du panneau "content" est génant aussi , pour moi tu peux le virer.
Pour le code, je les laisse te conseiller, je vais pas m'hasarder dans ce domaine 
Marsh Posté le 17-04-2005 à 17:56:20
hum jen deduis par vos commentaires rempli de subtilité que le code generer par imageready est a chier c sa?!?!
Marsh Posté le 17-04-2005 à 20:12:09
Oui. Malheureusement ça demande un peu de temps pour assimiler les principes du positionnement en css, et comment faire un beau code en respectant les recommandations du w3c 
En gros l'idéal serait d'éviter les tableaux, et d'utiliser des div...
Marsh Posté le 18-04-2005 à 12:39:50
Les tableaux ca respecte peut être pas le W3C, mais au moins ca passe sur tous les navigateurs...
Marsh Posté le 18-04-2005 à 14:10:16
Les tableaux ça passe pas sous Lynx 
Et bien fait, un site valide w3c passera, si l'on connait certaines subtilités propres à qq navigateurs (notamment ie < v6 et opera)
Marsh Posté le 18-04-2005 à 14:34:15
| an3k a écrit : Les tableaux ca respecte peut être pas le W3C, mais au moins ca passe sur tous les navigateurs... |
Sur mon mobile qui intègre un navigateur XHTML, les tableaux qui font 760px de large, il aime pas. Par contre, un CSS pour media de type "handeld", il adore 
Sujets relatifs:
- Intégrer la 3D au webdesign...
- démarches administratives et webdesign
- Avis webdesign.
- de l'usage d'une tablette graphique pour du webdesign
- Avis sur mon webdesign
- Outils pour webdesign
- Nombre d'or en webdesign
- [avis] webdesign Ruins C66
- [WEBDESIGN] Tout est t'il intégrable et de quel manière
Marsh Posté le 17-04-2005 à 00:28:16
Bonjour, j'ai décidé de faire me faire un siteweb, jusqua présent j'ai fait le ''layout'' ''design''(appeler ca comme vous voulez) avec photoshop
grace a image ready jai obtenu le ''code'' de mon site:
<html>
<head>
<title>..::Snipe'sDesign::..</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Site(slices)Qua100.jpg) -->
<table id="Table_01" width="1043" height="865" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="22">
<img src="images/Site%28slices%29Qua100_01.jpg" width="1042" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td rowspan="17">
<img src="images/Site%28slices%29Qua100_02.jpg" width="20" height="858" alt=""></td>
<td colspan="20">
<img src="images/Header.jpg" width="1002" height="152" alt=""></td>
<td rowspan="17">
<img src="images/Site%28slices%29Qua100_04.jpg" width="20" height="858" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="152" alt=""></td>
</tr>
<tr>
<td colspan="20">
<img src="images/Site%28slices%29Qua100_05.jpg" width="1002" height="5" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td rowspan="15">
<img src="images/Site%28slices%29Qua100_06.jpg" width="1" height="701" alt=""></td>
<td colspan="3" rowspan="2">
<img src="images/SD.jpg" width="244" height="47" alt=""></td>
<td colspan="15">
<img src="images/UPBUTTON.jpg" width="756" height="23" alt=""></td>
<td rowspan="15">
<img src="images/Site%28slices%29Qua100_09.jpg" width="1" height="701" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td>
<img src="images/House.jpg" width="42" height="24" alt=""></td>
<td colspan="2">
<img src="images/homeUP.jpg" width="100" height="24" alt=""></td>
<td colspan="3">
<img src="images/aboutUP.jpg" width="100" height="24" alt=""></td>
<td colspan="3">
<img src="images/portfolioUP.jpg" width="100" height="24" alt=""></td>
<td colspan="2">
<img src="images/contactUP.jpg" width="100" height="24" alt=""></td>
<td colspan="3">
<img src="images/linksUP.jpg" width="100" height="24" alt=""></td>
<td>
<img src="images/bookmarkUP.jpg" width="214" height="24" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
<td colspan="18">
<img src="images/Site%28slices%29Qua100_17.jpg" width="1000" height="8" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
<td>
<img src="images/vip-mtlBAR.jpg" width="217" height="25" alt=""></td>
<td rowspan="10">
<img src="images/Site%28slices%29Qua100_19.jpg" width="5" height="616" alt=""></td>
<td colspan="13" rowspan="2">
<img src="images/contentBAR.jpg" width="552" height="29" alt=""></td>
<td rowspan="10">
<img src="images/Site%28slices%29Qua100_21.jpg" width="9" height="616" alt=""></td>
<td colspan="2">
<img src="images/advertisementsBAR.jpg" width="217" height="25" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td rowspan="9">
<img src="images/vipBOX.jpg" width="217" height="591" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/advertisementsBOX.jpg" width="217" height="105" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="13" rowspan="8">
<img src="images/contentBOX.jpg" width="552" height="587" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="101" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/Site%28slices%29Qua100_26.jpg" width="217" height="31" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="31" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/partnersBAR.jpg" width="217" height="25" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/partnersBOX.jpg" width="217" height="277" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="277" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/Site%28slices%29Qua100_29.jpg" width="217" height="32" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="32" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/counterBAR.jpg" width="217" height="25" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/counterBOX.jpg" width="217" height="77" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="77" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/Site%28slices%29Qua100_32.jpg" width="217" height="19" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/Copyright.jpg" width="351" height="20" alt=""></td>
<td colspan="2">
<img src="images/homeDOWN.jpg" width="40" height="20" alt=""></td>
<td>
<img src="images/aboutDOWN.jpg" width="41" height="20" alt=""></td>
<td>
<img src="images/portfolioDOWN.jpg" width="54" height="20" alt=""></td>
<td>
<img src="images/contactDOWN.jpg" width="51" height="20" alt=""></td>
<td>
<img src="images/linksDOWN.jpg" width="39" height="20" alt=""></td>
<td colspan="2">
<img src="images/bookmarkDOWN.jpg" width="63" height="20" alt=""></td>
<td colspan="5">
<img src="images/powered.jpg" width="361" height="20" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="18">
<img src="images/Site%28slices%29Qua100_41.jpg" width="1000" height="10" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="20" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="217" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="22" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="42" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="65" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="35" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="41" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="54" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="51" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="39" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="53" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="47" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="88" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="9" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="214" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="20" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
mon probleme: je ne my connais pas beaucoup en html donc a present j'ai besoin de votre aide...je n'arrive pas a insérer du txt et des liens sur le site
et j'aimerais savoir aussi si le code générer par imageready est fiable
j'ai dreamweaver et frontpage....donc de l'aide avec un de ces deux logiciels serait grandement apprécié
merci