Webseite als Tabelle

stefan.schwanda.uni-linz, 22. Juni 2011, 19:04

Der Designentwurf wurde im Photoshop gesliced und als html exportiert.
Hier der html-code im Tabellenformat.
 
<html>
<head>
<title>Screendesign_1</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">
<!-- Save for Web Slices (Screendesign_1.psd) -->
<table id="Tabelle_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="7">
			<img src="Bilder/Screendesign_1_01.gif" width="1024" height="275" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/Screendesign_1_02.gif" width="122" height="61" alt=""></td>
		<td>
			<img src="Bilder/Screendesign_1_03.gif" width="134" height="61" alt=""></td>
		<td rowspan="2">
			<img src="Bilder/Screendesign_1_04.gif" width="136" height="62" alt=""></td>
		<td colspan="2" rowspan="2">
			<img src="Bilder/Screendesign_1_05.gif" width="119" height="62" alt=""></td>
		<td colspan="2" rowspan="2">
			<img src="Bilder/Screendesign_1_06.gif" width="513" height="62" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="Bilder/Screendesign_1_07.gif" width="256" height="1" alt=""></td>
	</tr>
	<tr>
		<td width="1024" height="386" colspan="7">
			<img src="Bilder/Abstandhalter.gif" width="1024" height="386" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="2">
			<img src="Bilder/Screendesign_1_09.gif" width="392" height="45" alt=""></td>
		<td>
			<img src="Bilder/Screendesign_1_10.gif" width="94" height="36" alt=""></td>
		<td colspan="2">
			<img src="Bilder/Screendesign_1_11.gif" width="88" height="36" alt=""></td>
		<td rowspan="2">
			<img src="Bilder/Screendesign_1_12.gif" width="450" height="45" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="Bilder/Screendesign_1_13.gif" width="182" height="9" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="122" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="134" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="136" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="94" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="25" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="63" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="450" height="1" alt=""></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

0 comments :: Kommentieren