Teaching the basics of Adobe Illustrator and Flash
Tuesday, May 1, 2007
Table-Based Website
Simply Copy and Paste the code...
Code starts here:
<!DOCTYPE html>
<html>
<head>
<title>Your Name Website</title>
</head>
<body bgcolor="tan">
<!--below is the start of your table...it will replace your original
page you made on Tuesday.-->
<table align="center" border="0" width="600" cellspacing="0" cellpadding="0">
<!--below is the first row-->
<tr>
<th bgcolor="yellow" colspan="2" height="100">
Welcome to My Website
</th>
</tr>
<!--below is the second row with 2 columns-->
<tr>
<!--below is the first column-->
<td width="200" height="600" bgcolor="green">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about_me.html">About Me</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<h3 align="center">This is a sidebar</h3>
</td>
<!--below is the second column-->
<td width="400" height="600" bgcolor="blue">
<h3 align="center">This is for body content</h3>
<table align="center" border="1" cellpadding="3" cellspacing="3">
<tr>
<th>Photoshop</th>
<th>Illustrator</th>
</tr>
<tr>
<td><img src="picture.jpg" width="200" height="150">
<br>label goes below photo</td>
<td><img src="picture.jpg" width="200" height="150"></td>
</tr>
<tr>
<td><img src="picture.jpg" width="200" height="150"></td>
<td><img src="picture.jpg" width="200" height="150"></td>
</tr>
</table>
</td >
</tr>
<tr>
<th bgcolor="yellow" colspan="2" height="100">
Copyright 2013 Your Last Name all rights reserved
</th>
</tr>
</table>
</body>
</html>
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment