need some help in web design

Assessment 1: Favorite Pages
(50 points)

After creating a Favorite Page by following the Level 1 instructions, you will create
another Favorite Page, similar to the one you created in Level 1. You will create the
page with KompoZer, and it will have an image, heading text, and body text. Then you
will submit your WebDesign folder with both Web pages to your instructor.

Instructions

1. Make sure the Favorite Page you created in Level 1 meets the criteria in the
Level 1 grading rubric.

1. Then, make a new page about another of your favorite things, using the following
   instructions:

   1. Plan the new page. Choose a simple topic that will only take one page to
      cover. You will need one image for the page. Use the Finding_Images
      document to help you find an image.

   2. Make a folder named Level1B in your WebDesign folder.

   3. Open KompoZer, and save a new page into your Level1B folder. Give the

      page a title that is descriptive, and give it a file name of index.html.

   4. Add the Level1B folder to the Site Manager.

   5. Set a background color.

   6. Add heading text and body text.

   7. Format the text font, size, and color.

   8. Copy and paste the image for the page into the Level1B folder.

   9. Resize the image so the height and width are approximately 300-600
      pixels, and the resolution is 72 ppi.

   10. Optimize the image as a JPEG to approximately 30KB in file size.

   11. Add the image to the page.

   12. Test the site in a Web browser.

   13. Make sure the page meets the criteria in the Level 1B grading rubric.

2. Zip and submit your WebDesign folder to your instructor. TIP: See the zip
   instructions at the end of this document for help.

© 2008 Giant Campus, Inc.

1 of 5

Web Design – Assessment 1

Zip Instructions for Windows 7 and Vista

Complete these steps to compress (zip) your files so they’ll be easier to submit to
your instructor.

1. On your computer, navigate to the location where your WebDesign folder is
   saved. Don’t open the WebDesign folder, but make sure you can see it.

2. Using your mouse right-click, in the menu select New, then select Folder. Select
   the new folder name and rename it assessment_1 and your full name, and then
   press the ENTER key. TIP: For example, if your name is Kelly Marshall, the folder
   name will look like this: assessment_1kellymarshall

3. If you didn’t type the name right on the first try, then right-click the folder, click

© 2008 Giant Campus, Inc.

2 of 5

Web Design – Assessment 1
Rename, type the name, and then press ENTER.

1. ClicktheWebDesignfoldertoselectit.

2. Make sure the following folder is selected:
   WebDesign

3. Right-click on the WebDesign folder and select Copy or use the Control + C keys to
   copy the folder.

4. Right-click the assessment_1 folder, and then click Paste. A copy of your files
   has now been pasted inside the assessment_1 folder.

5. Right-click on the assessment_1 folder, and in the menu select Send to.

6. In the Send to menu, select Compressed (zipped) folder.

10. Now a zipped version of the folder assessment_1 should appear.

11.Submit the zipped folder to your instructor using the digital Drop Box in the
course.

Zip Instructions for Windows XP

Complete these steps to compress (zip) your files so they’ll be easier to submit to
your instructor.

1. On your computer, navigate to the location where your WebDesign folder is
   saved. Don’t open the WebDesign folder, but make sure you can see it.

2. Click the File menu, click New, then click Folder, type assessment_1 and your full
   name, and then press the ENTER key. TIP: For example, if your name is Kelly
   Marshall, the folder name will look like this: assessment_1kellymarshall

3. If you didn’t type the name right on the first try, then right-click the folder, click
   Rename, type the name, and then press ENTER.

4. ClicktheWebDesignfoldertoselectit.

5. Make sure the following folder is selected:
   WebDesign

6. Click the Edit menu, and then click Copy.

7. Right-click the assessment_1 folder, and then click Paste. A copy of your files
   has now been pasted inside the assessment_1 folder.

8. Right-click the assessment_1 folder, then click 7-Zip, and then click Add to
© 2008 Giant Campus, Inc.

3 of 5

Web Design – Assessment 1archive. TIP: If you don’t have 7-Zip installed on your computer, you can use the

steps in the Course Overview to install it. If you want to use your own file
compression software to create a zip file of this folder, do so now, and then skip
to step 11.

9. In the Add to Archive dialog box, click the Archive format drop-down list, and
then click Zip.

10.In the Add to Archive dialog box, click OK.

11.A compressed (zipped) version of the assessment_1 folder will appear in the
same location as the original folder. It will have the same name as the original,
but with a .zip file extension.

12.Submit your compressed assessment_1 folder to your instructor. TIP: Ask
your instructor if you’re not sure how to submit your assessment.

Zip Instructions for Mac OS X

Complete these steps to compress (zip) your files so they’ll be easier to submit to
your instructor.

1. On your computer, navigate to the location where your WebDesign folder is
   saved. Don’t open the WebDesign folder, but make sure you can see it.

2. Create a new folder. If you are in the Finder window, click on File. In the menu,
   select New Folder. You can also right-click and select New Folder or press Shift
   + Command + N.

3. A untitled folder will appear, select it and rename it assessment_1 and your full
   name, and then press the ENTER key. TIP: For example, if your name is Kelly
   Marshall, the folder name will look like this: assessment_1kellymarshall

4. ClicktheWebDesignfoldertoselectit.

5. Make sure the following folder is selected:
   WebDesign

6. Right-click on the WebDesign folder and select Copy or use the Command + C
   keys to copy the folder.

7. Right-click the assessment_1 folder, and then click Paste, or use the
   Command + V keys. A copy of your files has now been pasted inside the
   assessment_1 folder.

8. Click on the assessment_1 folder, and right-click on it. In the menu, select
   Compress.

© 2008 Giant Campus, Inc.

4 of 5

Web Design – Assessment 1

9. Now a zipped version of the folder assessment_1 should appear. It will have
the same name as the original, but with a .zip file extension.

10.Submit the zipped folder to your instructor using the digital Drop Box in the
course.