Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1576 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  WebDesign fait avec PSCS

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

WebDesign fait avec PSCS

n°635986
SniperLA
Posté le 17-04-2005 à 00:28:16  profilanswer
 

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
http://img20.echo.cx/img20/927/snipesdesignsite8st.th.jpg
 
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

mood
Publicité
Posté le 17-04-2005 à 00:28:16  profilanswer
 

n°636047
Gnub
Posté le 17-04-2005 à 13:49:24  profilanswer
 

code de qualitaÿ [:rofl]

n°636049
FlorentG
Posté le 17-04-2005 à 13:54:29  profilanswer
 

Oh maman [:delarue]

n°636074
jirotoh
Posté le 17-04-2005 à 14:49:11  profilanswer
 

FlorentG a écrit :

Oh maman [:delarue]


 
ca va t'as survécu ? [:ddr555]

n°636096
Skopos
Posté le 17-04-2005 à 15:45:16  profilanswer
 

Je suis pas sur que ça l'aide bcp en l'état [: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 :d

n°636148
SniperLA
Posté le 17-04-2005 à 17:56:20  profilanswer
 

hum jen deduis par vos commentaires rempli de subtilité que le code generer par imageready est a chier c sa?!?!

n°636202
Gnub
Posté le 17-04-2005 à 20:12:09  profilanswer
 

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

n°636408
an3k
powered on macintosh ^^
Posté le 18-04-2005 à 12:39:50  profilanswer
 

Les tableaux ca respecte peut être pas le W3C, mais au moins ca passe sur tous les navigateurs...

n°636448
thomas621
Posté le 18-04-2005 à 14:10:16  profilanswer
 

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)

n°636455
FlorentG
Posté le 18-04-2005 à 14:34:15  profilanswer
 

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 :love:


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  WebDesign fait avec PSCS

 

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 webdesignOutils pour webdesign
Nombre d'or en webdesign[avis] webdesign Ruins C66
[WEBDESIGN] Tout est t'il intégrable et de quel manière 
Plus de sujets relatifs à : WebDesign fait avec PSCS

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.053 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR