Monday and Tuesday, you were introduced to the Unit 3 Long Term Project. You will be expected to pick a topic out of Unit 3 approved by me and prepare a web-authored, research-based presentation. The presentation must include images, and links to at least eight web-based sources of information and contain 2500 words.
In future days, I will lay out some more specific parameters and a scoring guide to direct you in your work. However, for now you just need to be thinking about some topic possibilities and immerse yourself in the web design tutorials we have done.
What follows is a summary of what we did and what you need to know:
- You learned about the basic structure of an html document at the site below:
http://www.ironspider.ca/basic_html/structure.htm - Remember, each web page you create will be made up of html code. The process for making a web page involves two applications -- a simple text editor (Notepad) to DO or write the page and a browser (Explorer) to VIEW the page.
- To create a web page, simply complete the following steps:
1.Go to the Ironspider site above.
2.Scroll down and copy the html code in the box at the bottom of the page.
3.Open Notepad and paste the html code you just copied.
4.Add your own text and other html elements in the title tag and the body.
5.Save in Notepad in your My Documents folder, BUT REMEMBER to change the file extension to .html
6.Go to your My Documents folder and open your new html file to view it.
7.To update or make changes, remember to save in Notepad and reload in Explorer.
Key Things We Learned ... - To make a hypertext link (your page to a website) use the tag structure at the link below...
http://www.2createawebsite.com/build/html.html#hyperlinks - To make a hypertext link (your page to another one of your pages) use the same structure as to a website, but simply put the name of your html file in between the quotation marks where you would have put the web URL...
- Remember, to do the hypertext link as described above, you need to have two html documents that you have created!
- You learned how to insert an image onto your web page by using the IMG SRC tag. See the link below for a detailed description of your options in working with an image.
http://www.2createawebsite.com/build/html.html#images - You also learned you could make the image clickable or a hyperlink by inserting the image tag in the area where you would normally put text for a hyperlink.
Below you will find some helpful tutorials:
http://www.2createawebsite.com/
http://www.htmlcodetutorial.com/
This one is good for reviewing some of the do's and don'ts of website design...
http://www.homesteadconnection.com/WebSiteDesign.html
By next Monday, you must select a topic and have it approved by me!!! So give it some thought before you get to class.
