Web Greeting Card

In this week you learned how to create Links, insert Pictures and format pages by choosing one of the two learning options (Seamonkey tutorials or Code Academy). In this assignment, you will use those skills to change your home page to be a web greeting card to someone you know. It will need to contain all the elements in the Greeting Card Requirements, but you have freedom to make it look however you want.

Requirements for Greeting card and Web Design Tools are listed below. When you are done, ask someone who is not on your PC to look at the web site to ensure they see the same thing you do. Then upload a document with your web address and any problems you had to moodle.

Learning Goals of the greeting card: This project helps you learn the details of how to create html, either using SeaMonkey or editing html directly. You will find that working with SeaMonkey is just like working with Word, fairly intuitive and really just document editing. You will realize that html documents do not include pictures or multiple pages, but instead link to the pictures and pages using filenames that have to match exactly. You will also see how a web server works at a lower level than most online web site makers. You will see how you can code html just by placing the right filename into the right folder on the right web server, in our case panther. Why are we doing this? Being familiar with how HTML works and having found ease with at least one tool will make it easier to quickly learn whatever tool manages the web site at your work. It also gives you free very basic tools to let you quickly create web pages that would either enhance a project in school, or create a site to help a small business.

Check out what your classmates are creating by looking at the class web sites link at the bottom of moodle.

How to Start:

• If you prefer to dive right in: Read the requirements below. Change your index.html to have everything the greeting card page requires.
• If you prefer to follow written instructions or watch movies: use the step by step instructions using SeaMonkey; The code academy html learning option does not have step by step instructions, so if you have trouble, please switch over to the SeaMonkey option.

Sample greeting card

• Greeting Card Requirements (your home page - index.html)

• choose a recipient
• write a greeting
• List 10 things you remember doing with the person
• set a background picture
• set the title to "web greeting from <your name>". You want this to display in the blue bar at the top of the screen
• insert at least one picture that is not the background.
• include a link to e-mail yourself (but you can use a fake email address if you prefer)
• include a link to the top of the page
• include a link to any other site
• include a link to a second page that you create
• include a table with whatever you want inside the cells.
• note: if you link from a picture, put a border around the picture so I can tell it is a link.