HTML Final Project
Due During the Final Exam.
Create a website using Dreamweaver and the HTML you learned in this class.
Use the HTML Tutorials and Tryit Editor Examples at: http://www.w3schools.com/html/default.asp & http://www.mcli.dist.maricopa.edu/tut/tut14.html
to assist you in creating your website.
Use links to join all your pages together as a web site.
1. Begin by making a new folder called Final Project in your name folder.
2. Then make a pictures folder and a pages folder. (Save everything in the appropriate folder)
Your Name Final Project Pages page1.html page2.html page3.html page4.html page5.html page6.html
page7.html
Images picture1.jpg picture2.png picture3.png picture4.jpg picture5.gif 3. Create all the pages about the following topics.
4. Make a page that has the links to all the other pages.
5. Then complete all the pages in dreamweaver.
DO NOT use the code below to start to create your website.
<html>
<!Header is included on all pages>
<body bgcolor ="lightblue"> <!change the color>
<h1 align="center">Mr. Viereck's <b>Super</b> Website</h1><!change the title>
<p align="center"><img src="picture1.jpg" width="125" height="100"> <! change the Ratio and size to fit your photo>
</p>
<br> <br>
<p align="center">
<!Hyperlinks for all pages>
<a href="page1.html">Page 1</a>
<a href="page2.html">Page 2</a>
<a href="page3.html">Page 3</a>
<a href="page4.html">Page 4</a>
<a href="page 5.html">Page 5</a>
<a href="page6.html">Page 6</a>
</p>
<br>
<!Option 1>
<h3 align=center><!change the page number for each page>Page 1</h3></center>
<p>This is where you put in all your information.</p><!Add more paragraphs, images and other elements as needed>
<!Option 2 Use a Table>
<!Use Table to make columns on your Webpages>
<table width="100%" cellspacing="20">
<tr>
<td align="center" colspan="3"><h3>Page 1<h3></td>
</tr>
<tr><!Replace an image for any paragraph>
<td><p>This is my first paragraph.</p><p>This is the second paragraph.</p></td>
<td><p><img src="picture1.jpg" width="125" height="100"></p>
<p align="center">Image Caption</p></td>
<td><p>This is my third paragraph.</p><p>This is the forth paragraph.</p></td>
</tr>
</body>
</html>