Photoshop slicing and Concrete5?
Permalink
I have some experience slicing up websites created in photoshop then exporting the images and html in one piece but how do I do it in Concrete5? Where do I add the nav/header/body/footer code?
I've looked all over google for tutorials on how to do this with concrete5 as i'm not great with the coding side of things but if anyone knows of a good tutorial that would help it would be much appreciated!
This is the website:
http://zoe-life.info
This is the website i've sliced up into 4 images (it's a very basic site so I haven't had to slice up much):
http://zoe-life.info/concrete/themes/default/images/website_templat...
Here's the html coding after exporting the slices out of photoshop:
and this is the
<html>
<head>
<title>website_template</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 (website_template.psd) -->
<table id="Table_01" width="1280" height="1412" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/nav.jpg" width="1280" height="108" alt=""></td>
</tr>
<tr>
<td>
<img src="images/header.jpg" width="1280" height="245" alt=""></td>
</tr>
<tr>
<td>
<img src="images/body.jpg" width="1280" height="809" alt=""></td>
</tr>
<tr>
<td>
<img src="images/footer.jpg" width="1280" height="250" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
I've looked all over google for tutorials on how to do this with concrete5 as i'm not great with the coding side of things but if anyone knows of a good tutorial that would help it would be much appreciated!
This is the website:
http://zoe-life.info
This is the website i've sliced up into 4 images (it's a very basic site so I haven't had to slice up much):
http://zoe-life.info/concrete/themes/default/images/website_templat...
Here's the html coding after exporting the slices out of photoshop:
and this is the
<html>
<head>
<title>website_template</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 (website_template.psd) -->
<table id="Table_01" width="1280" height="1412" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/nav.jpg" width="1280" height="108" alt=""></td>
</tr>
<tr>
<td>
<img src="images/header.jpg" width="1280" height="245" alt=""></td>
</tr>
<tr>
<td>
<img src="images/body.jpg" width="1280" height="809" alt=""></td>
</tr>
<tr>
<td>
<img src="images/footer.jpg" width="1280" height="250" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Hey Samuel,
Here is a good starting point to get your page set up for c5.
http://www.concrete5.org/documentation/how-tos/designers/make-a-the...
Dennis
Here is a good starting point to get your page set up for c5.
http://www.concrete5.org/documentation/how-tos/designers/make-a-the...
Dennis
http://zoe-life.info/test