need some help in web design

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

Level 1 Grading Rubric

Points possible

Points earned

The page is saved in a folder named Level1 in the WebDesign folder.

2.5

The page title is descriptive, and the file name is index.html.

2.5

The page has a background color.

2.5

The page has heading and body text.

2.5

The text is formatted, with a font, size, and color selected.

5.0

An image about the topic is on the page.

5.0

The image is resized to have a width and height in the range of approximately 300-600 pixels, and the resolution is 72 ppi.

2.5

The image is optimized as a JPEG to a file size of approximately 30KB.

2.5

Total points earned

25.0

Level 1B Grading Rubric

Points possible

Points earned

The site has a folder named Level1B in the WebDesign folder.

2.5

The page title is descriptive, and the file name is index.html.

2.5

The page has a background color.

2.5

The page has heading and body text.

2.5

The text is formatted, with a font, size, and color selected.

5.0

An image about the topic is on the page.

5.0

The image is resized to have a width and height in the range of approximately 300-600 pixels, and the resolution is 72 ppi.

2.5

The image is optimized as a JPEG to a file size of approximately 30KB.

2.5

Total points earned

25.0

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. 

Heres the instructions and rubric this will be graded by