Hey,
Ik heb 2 design's in .PSD formaat, en ik wil het ZELF alleen ik weet niet precies hoe dit moet. Het moet gewoon naar HTML zodat ik in 'Dreamweaver' kan typen. Ik heb de design's in PS al gesliced alleen nu moet ik het coderen (div's etc.) Alleen weet niet precies hoe het moet op internet staat het heel ONDUIDELIJK zou iemand het mij stap voor stap kunnen uitleggen.
bvd
Quincy de Graaf
-
23-01-2009, 12:31 #1
Particulier
- Berichten
- 369
- Lid sinds
- 18 Jaar
Hulp bij basing.
-
In de schijnwerper
-
23-01-2009, 12:37 #2
Moderator Layouts
- Berichten
- 1.917
- Lid sinds
- 18 Jaar
-
23-01-2009, 12:48 #3
Particulier
- Berichten
- 369
- Lid sinds
- 18 Jaar
Bedankt voor uw reactie maar ik snap het nog niet. Kom ook omdat in Engels is en mijn 'begrijpend Engels' is niet perfect om zo te zeggen. Ik snap dus niet hoe ik hem kan coden met zo'n script;
En hoe je div's etc.. maaktPHP Code:<html>
<head>
<title>thijsd</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 (thijsd.psd) -->
<table id="Table_01" width="1153" height="1251" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="6">
<img src="images/thijsd_01.jpg" width="1152" height="262" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="262" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/thijsd_02.jpg" width="425" height="222" alt=""></td>
<td colspan="2">
<img src="images/thijsd_03.jpg" width="285" height="222" alt=""></td>
<td>
<img src="images/thijsd_04.jpg" width="305" height="222" alt=""></td>
<td rowspan="8">
<img src="images/thijsd_05.jpg" width="137" height="988" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="222" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/thijsd_06.jpg" width="425" height="62" alt=""></td>
<td colspan="3" rowspan="2">
<img src="images/thijsd_07.jpg" width="590" height="63" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="62" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/thijsd_08.jpg" width="425" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="images/thijsd_09.jpg" width="1" height="703" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/thijsd_10.jpg" width="677" height="288" alt=""></td>
<td colspan="2">
<img src="images/thijsd_11.jpg" width="337" height="57" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="57" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="4">
<img src="images/thijsd_12.jpg" width="337" height="646" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="231" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/thijsd_13.jpg" width="677" height="3" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/thijsd_14.jpg" width="677" height="350" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="350" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/thijsd_15.jpg" width="677" height="62" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="62" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="424" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="253" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="32" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="305" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="137" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
bvd
Quincy de Graaf
-
23-01-2009, 12:51 #4
Particulier
- Berichten
- 1.197
- Lid sinds
- 17 Jaar
Dat moet je gewoon helemaal weghalen en opnieuw beginnen, want daar heb je niets aan, dat zijn tabellen en geen div's
Een DIV combineer je met een css, en deze tabellen zijn dus eigenlijk afbeeldingen.
-
23-01-2009, 12:53 #5
Particulier
- Berichten
- 408
- Lid sinds
- 16 Jaar
Je hebt classes en id's.
Meestal voor de grote dingen zoals header, footer, content, menu, sidebar gebruik ik id's en alle kleinere dingen die erin of buiten staan gebruik ik classes.
Je begint meestal eerst met een container dus <div id="container">, hiermee kun je dan gelijk je site in het midden centreren, vaste breedte geven en evt. een border eromheen doen.
Dan komt je header dus <div id="header">Hier alles wat erin moet</div>
En ga zo maar door tot je alles hebt gehad.
En als je de header een background wil geven dan zet je in de css bij header:
#header {
background: url(hier je link);
}
Al met al, zou ik het gewoon laten doen door een slicer.
-
23-01-2009, 15:14 #6
Particulier
- Berichten
- 369
- Lid sinds
- 18 Jaar
Ik wil het graag zelf doen dus niet door een slicer. Moet het zelf ook is leren.
-
23-01-2009, 15:18 #7
Ondernemer
- Berichten
- 1.355
- Lid sinds
- 18 Jaar
Als je wilt leren basen (ofwel: slicen, lay-out omzetten naar html)
dan moet je eerst xhtml leren. In het tutorial-forum van SD heb ik al
enkele xhtml tutorials gezien.
Daarna moet je enkele technieken leren waarmee je afbeeldingen etc. kan
uitsnijden in Photoshop. Ook daarvoor staan verschillende tutorials
op het internet. (google)
-
23-01-2009, 18:24 #8
Particulier
- Berichten
- 336
- Lid sinds
- 17 Jaar
http://www.wmcity.nl/artikelen.php?actie=bekijk&id=801<-- geweeldige tutorial:O ik heb hierdoor leren basen/slicen.. het werkt geweldig
