Save at least ten (10) full size photos to your disk, the photos should be about 400w x 300h pixels. Each photo should be no more than 30-40 kbytes in jpg format. Points will be deducted for images more than 50Kb or aspect ratios that are not correct.

1. Make ten (10) simple html files that has these ten (10) photos as the main feature of these ten (10) html pages.
2. Make a headline (h3) with location and date of the photos for each of these ten pages.
3. Make a subtitle under each photo describing the photo for each of these pages.
4. Create a frameset html page that has three frames. The left frame is 160 pixels wide and the top frame is 60 pixels high and the third frame is the rest of the screen. Call this page assign13.html and link it to your index page.
5. Now make the left frame a set of five (5) table cell buttons which are links to five (5) of your photo html pages
6. The following code is for a one table cell button as described in the class..

   <td align="center" style="border:outset 4px;height:40px;width:140px;background-color:aqua" 
   onmouseover= "style.backgroundColor='magenta'; document.getElementById('b1').style.color='yellow';"
   onmousedown="style.border='inset';"
   onmouseout="style.border='outset'; style.backgroundColor='aqua';document.getElementById('b1').style.color='red';"> 
   <a id="b1" href="#" onclick="parent.main.location='worldtravel.html'" class="my-a-text">
   My Home</a>
   </td>
   
   <!-- this is the style class you can use for my-a-text style -->
   
   .my-a-text {text-decoration: none; text-align:center; color:red; font:bold 18pt arial;}
   

7. Now make the top frame a set of five (5) table buttons which are links to five (5) of your photo html pages
8. Now use the marquee tag to create a ticker tape banner below these buttons, describing this assignment.
9. See sample13.html, this is what your page should be similar to.
10. If you want your top and left and top frames to be XHTML Strict then use this code for your links.

    <a href="#" onclick="parent.main.location='photo1.html'" >Photo 1</a>

11. Make an external Style sheet .css file that has the background color and all of the text and anchor tags that is used on your pages defined by the style sheet.
12. In the external Style sheet .css file make your IMG style to be border of 10px and border style of ridge also set the border color.
13. You have now created your first set of table cell buttons for your web site.
14. Upload your new pages along with your photos to your web space.

---