7 th Grade Web Design Name: Project 1 Rubric Personal Web Page

Transcription

1 7 th Grade Web Design Name: Project 1 Rubric Personal Web Page Date: Grade : 100 points total A Challenge Assignment A B C D Goals You will be creating a personal web page in HTML. You will incorporate HTML programming into your page to create all essential aspects to any web page on the World Wide Web. This page will be kept on an Intranet basis and will be inhouse only in your folder and not viewed on the Internet. Remember to adhere to proper lab conduct. Grading Your web page will be graded in two ways. The first are your in-class grades. Each class period will have daily goals of accomplishment for the work that should be completed in class for the web page. Review the grades for each goal. These goals are the minimums. You may always work ahead as the curriculum is self-paced and move onto the challenge assignments. The second grade will be the final assessment and presentation of your web page in the lab at the end of the project due date. This is different from the individual grade based on how all of the elements you created come together and look on the screen and web browser. Evaluation Lessons 1 through Lesson 22 must be completed for up to 66 points out of 100 points. The checklist describes what must be put into each lesson. Please use in reference to the grade sheet. Challenge Assignment: If you complete Lessons 1 through 22 ahead of schedule, then you may attempt the challenge grade. Add 5 points for adding one more of the following: Lesson 23, 26, 27, 28, or 29. You may also choose Lessons 24 and 25 together for the challenge points. This will allow you to earn an A+. Lab Rules: Remember, being in the lab is a privilege not a right. Inappropriate behavior will result in the student to complete a library research paper instead for the same grade. Topic will be: The History of the Internet

2 Grade Sheet Check Lesson Points Goal Lesson 1 3 Creating your first HTML document: save as index.html Lesson 2 3 Modifying an HTML document-adding text Lesson 3 3 Headings: Six Levels Deep-add 6 headers Lesson 4 3 Breaking up into Paragraphs <P> adding two Lesson 5 3 Using Style formats <B> <I> <U> Lesson 6 3 Lists <OL> <UL> Lesson 7 3 Graphics and File Formats: add 2 (JPG & GIF) Lesson 8 3 Linking it with anchors 2 hyperlinks Lesson 9 3 Preformatted text <PRE> Lesson 10 3 Special Characters (add 2) Lesson 11 3 Add your own picture in JPG format Lesson 12 3 Address Footers and links <ADDRESS> <MAIL TO: > Web Page & Class Presentation Final Project Grade Lesson 13 3 Lesson 14 3 <blockquote> Lumping vs. splitting add either a link from the top to the bottom of the page OR add another web page with a link from the index page Lesson 15 3 Standard and Enhanced HTML- add 2 more special characters OR add a text picture Lesson 16 3 Colorful and Textured backgrounds: change font color and background color or image Lesson 17 2 <marquee> Lesson 18 3 Text enhancements: <Font size=n color=?> Lesson 19 3 Horizontal Rules: add 2 different sizes Lesson 20 3 Alignments: <CENTER> <RIGHT><LEFT> Lesson 21 3 <table> add 2 Lesson 22 3 Image enhancements: create a link with an <IMG> See Below 5 Challenge Assignment. See requirements 30 Final Assessment: Overall look of the web page. Does each of the above fit properly and look orderly on your page? Refer to your Checklist Total Points awarded out of 100 points

3 Checklist for the Grade Sheet Project 1 Personal Web Page Home Site: (add to Favorites) Check Lesson Goal Grade Check Goals Lesson 1 Creating your first HTML document Lesson 2 Lesson 3 Lesson 4 Lesson 5 Modifying an HTML document Headings: Six Levels Deep Breaking up into Paragraphs Using Style formats Save your document to Notepad as an HTML document with text. Save as index.html. Create an introductory paragraph about your home page and what it will contain. 5 sentences total. Start with <P> and end with <P> Create 6 headings: <h1></h1> through <h6></h6> Add text between each one. Keep 3 Two paragraphs each with 5 sentences: 1) One is a favorite poem, song verse, or what your favorite scenes from a movie were. 2) Describe your goals in life; a. Where do you want to live and why? b. What do you want to do as a job and why? c. What is a lifetime fun and enjoyable goal for you? Use each style at least once on your page: Bold <b> </b> Italics <i> </i> Underline <u></u> Lesson 6 Lists You need to create 2 lists of 5 items each: 1) <ol> list- Your favorite hobbies or activities 2) <ul> list-your favorite foods, music groups, or music songs by an artist Lesson 7 Graphics and File Formats Include at least 2 graphics. a picture in the jpg format in a theme of your page a picture in the gif format in a theme of your page Each will need an <alt> tag height and width parameters Create an Image Folder to put them in. Label it images

4 Lesson 8 Lesson 9 Linking it with anchors Preformatted text Write an HTML anchor to link to another web site on the Internet. Link to the Corvallis Middle School Web Page. Use a preformatted list to list the names of the people in your family with their birthdays. <pre> Use 2 special characters in your web page. Lesson 10 Special Characters Lesson 11 Add your own Add your own picture to your web page in the picture jpg format Lesson 12 Address Using the address tag <address>, insert your Footers and E- address and phone number. Add your or mail links a parent s address with <MAIL TO:> Lesson 13 Blockquotes Go to our CMS web page then to the famous quotes links. Pick a famous quote, list the source, and web link using the <blockquote>: Lesson 14 Lesson 15 Lumping vs. splitting Standard and Enhanced HTML Choose one of these links activities: 1. One link will go from the top of the page to the bottom below the initial screen. 2. Create another simple web page with a graphic <height= 800 width= 600 > from one of your lists (i.e. Favorite author, poet, musician, athlete) and have a link from your index.html this new one. Name it page2.htm Add 2 more special character tags OR add a text picture using <pre>

5 Lesson 16 Colorful and Textured backgrounds 1. One for the page background; either a solid color or a picture 2. Change the text color for your page text or links Lesson 17 Marquees Add a marquee to text or an image Lesson 18 Text enhancements Use these font tags at least once <font color=?></font> <font size=n></font> Create one strike through for a food, musician, style of music, or group that you do not enjoy. Lesson 19 Horizontal Rules Create 2 horizontal rules: one thick and short one skinny and wide Lesson 20 Alignments Create 2 different alignments on your page: <center><left><right> Lesson 21 Tables Create 2 tables. For each table: Create a table and put two of your lists in it Add a properly sized graphic in one cell Lesson 22 OTHER Challenge Assignments Choose one for an extra 5 points to apply to the A+ grade. To be completed only when Lessons 1-22 are finished. Web Page & Class Presentation Final Assessment from Rubric Image Create a hyperlink for one of your graphics enhancements without a border. Lesson 23 Create an image map with 2 links on it. Lesson 24 & 25 create a META tag and a TARGET link in one of your HREF s. Lesson 26 Add another frame with links on your web page. Lesson 27 Create 2 javascript tags actions Lesson 28 Create a FORM with at least 10 questions and an to Monsieur Clairmont. Lesson 29 Create an animated GIF, add a personal movie, a background sound, add a shockwave file, or a JAVA applet. Pick one. Subtotal of Points Above (70 possible) Subtotal from rubric below(30 possible) Total Points awarded out of 100 points Final Project Grade % Grade

6 CATEGORY Content Accuracy Navigation Layout Interest Spelling and Grammar All information provided by the student on the Web site is accurate and all the requirements of the assignment have been met. Links for navigation are clearly labeled, consistently placed, allow the reader to easily move from a page to related pages (forward and back), and take the reader where s/he expects to go. A user does not become lost. The Web site has an exceptionally attractive and usable layout. It is easy to locate all White space, graphic elements and/or alignment are used effectively to organize material. The author has made an exceptional attempt to make the content of this Web site interesting to the people for whom it is intended. There are no errors in spelling, punctuation or Almost all the information provided by the student on the Web site is accurate and all requirements of the assignment have been met. Links for navigation are clearly labeled, allow the reader to easily move from a page to related pages (forward and back), and internal links take the reader where s/he expects to go. A user rarely becomes lost. The Web pages have an attractive and usable layout. It is easy to locate all The author has tried to make the content of this Web site interesting to the people for whom it is intended. There are 1-3 errors in spelling, punctuation or Almost all of the information provided by the student on the Web site is accurate and almost all of the requirements have been met. Links for navigation take the reader where s/he expects to go, but some needed links seem to be missing. A user sometimes gets lost. The Web pages have a usable layout, but may appear busy or boring. It is easy to locate most of the The author has put lots of information in the Web site but there is little evidence that the person tried to present the information in an interesting way. There are 4-5 errors in spelling, punctuation or There are several inaccuracies in the content provided by the students OR many of the requirements were not met. Some links do not take the reader to the sites described. A user typically feels lost. The Web pages are cluttered looking or confusing. It is often difficult to locate The author has provided only the minimum amount of information and has not transformed the information to make it more interesting to the audience (e.g., has only provided a list of links to the content of others). There are more than 5 errors in spelling, punctuation or Work Ethic Student always uses well. Conversations are primarily focused on the project and things needed to get the work done and are held in a manner that typically does not disrupt others. Student usually uses well. Most conversations are focused on the project and things needed to get the work done and are held in a manner that typically does not disrupt others. Student usually uses well, but occasionally distracts others from their work. Student does not use well OR typically is disruptive to the work of others.