Worksheet for Creating Your Web Page Project

In order to best complete your Web Page Project, please follow the following instructions:

If you will use the school's computers, or if you already installed SeaMonkey on your own computer, then jump to step #2.

1. Install the necessary text editor on your computer.
2. Make sure that filename extensions are NOT HIDDEN on your computer (see the OS web page for this).

Repeat steps #2 and #3 every time you use a different computer!

3. Decide a working location for your web site; a USB Flash disk is a good idea, but you should always save a backup of your site every time you work on it.
4. Create a new folder for your project. Give it your full name plus the word “project,” lowercase, with a “_” between the names (e.g., “taro_suzuki_project”).
5. Remember, ALL YOUR FILES MUST GO INTO THIS FOLDER. Do not create more folders inside this folder.

Always make sure you are saving files in the correct folder! It is easy to get confused.

6. Use Safari, Chrome, Opera, or Firefox (NOT Internet Explorer) to find images for your web site. Do not use Internet Explorer (it sometimes changes the images into bmp files). ONLY USE IMAGES WITH THE jpg, gif, OR png EXTENSIONS. Do NOT use bmp files!
7. Make sure the images are saved INSIDE the folder you made!
8. Double-check the filenames of the images. Make sure they follow the rules for web site filenames (all lowercase, no symbols or spaces). Change any filename which is wrong. You may also change filenames to make them simpler. MAKE ALL CHANGES BEFORE YOU INSERT AN IMAGE INTO A WEB PAGE.
9. Make sure ALL the photos are smaller than 100 KB. If any photo is bigger than that, see Mr. Poza about making it smaller.

You can add more images to the folder later on, but follow the same steps #6 ~ 9.

10. Open your text editor. Create a new (untitled) HTML document if your editor does not open one automatically.
11. With a new page, SAVE THE BLANK PAGE IN THE FOLDER YOU MADE. Make sure the filename is index.html for the first web page.
12. Begin creating and editing your web page. Start with the structure (html, head, title, and body tags), then add content in the body. You may want to repeatedly save the page and then refresh it in a browser to make sure the commands you just made work OK.
13. Plan the names for your web pages, so that if you make a link to a page you have not started yet, you get the name right.
14. When you are ready to create a new web page, open a new document and immediately save the blank page like you did before. This time, you can create any name you like, if it follows the rules for web site filenames.
15. Follow the instructions for the web page project. READ THE ASSIGNMENT CAREFULLY! Make sure you include everything listed in the assignment.

After you finish creating your web pages, please check the following items:

1. Make sure all the files are located in the folder you made. You should have at least two “html” files and several images.
2. If there are any web pages or images you did NOT use in the project, DELETE THEM! You should not have extra, unused images in the folder.
3. Double-check all the filenames (web pages and images) to make sure they follow web site filename rules.
4. Double-check all images to make sure they are smaller than 100 KB.

Before doing the next steps, transfer the web page project folder ONLY to a new computer.

5. Open the web pages, and make sure the links all work. Also make sure that the images all appear.
6. Check the HTML source in your web pages and make sure there are no errors or other problems.

If you have any questions, please ask Mr. Poza for help!

The project is due on the day of the final exam, BEFORE the BEGINNING of the class time. Do not arrive at the start of class and then save the files--save the files BEFORE the final exam begins!

Save your project folder (“taro_suzuki_project”) in the folder on the server Mr. Poza shows you.