Teen Mind Project

A. Project Goals

• Learn to make a site with multiple pages.
• Create a web site that could be published.
• Improve skills using a web page creation program.
• Reinforce writing and creativity skills.
• Teach others about teenagers.

B.  Getting Started

1. The project is worth 50 points and will take three class periods to complete.
2. This is an ANONYMOUS web site. No names, phone numbers, emails, address, etc. for you or anyone else that you know.
3. Create a new folder inside of your computer folder, and name the new folder: teen[secret code][backwards initials], example: teen2307wa
4. Your secret code is your trimester, hour/period, and computer number (as 2 digits), example: 2307
5. To do these steps above, Watch this video of how to set up the folder.

C.  The Home Page

1. Open your web page creation program (Dreamweaver).
2. Save: Save a blank web page into your "teen" folder with the file name index
3. Heading: Teen Mind (code number), ex. Teen Mind 2307
4. Line: Insert horizontal rule beneath the heading
5. Sentence: Type exactly this -> Click the links to learn about a teenager.
6. List: Make a list of all of the topic pages (see below).
7. Format the Heading: Center the heading, and make it heading style 1.
8. Title: Copy and paste the heading into the title box, so they are both the same.
9. To do these steps above Watch this video on how to create the home page.
10. Email the page to your teacher. In the subject line of your home page, write: Home Page [and your code number]

D.  The Five Topic Pages

1. Favorite Things (code)
   • Write a paragraph about your favorites.
   • In each sentence you need: 1. the topic, 2. the favorite, and 3. the reason why it is your favorite.
   • Sample topics: color, place, TV show, movie, day, relative, activity, video game, sport, subject, etc.
   • Example: My favorite food is veggie lasagna because it is healthy and delicious.
     
2. Career Interests (code)
   • Write a paragraph describing at least three careers that interest you and why.
   • At most one may be related to talent based careers like sports, singing, acting or etc.
     
3. Chores & Jobs (code)
• Write a paragraph about all the chores you do or have done.
• You can include responsibilities.
• Also write about jobs that you used to do, currently do, or will be doing soon.
  
4. Life Goals (code)
   • Think of two things you would like to achieve in your life before you die.
   • Write a paragraph explaining those two goals and why you chose them.
     
5. Fun Diversions (code)
   • Write a paragraph about all the things you do for fun.
   • Include things such as sports, hobbies, activities and other things.
   • Think about things you do when you have free time: weekends, after school, vacations, etc.

E.  On Every Page

Read each direction carefully. Follow that direction. If you need help, watch the video. These videos in these steps do not have sound.

1. Make each page interesting. Lots of detail. Do not repeat things.
2. Save!  The filename is your code number, then one word to describe the page, ex. 2310favorites (Video 1)
3. Write the name of page and then your code number at the top. ex. Favorite Things 2310. (Video 2)
4. Insert a horizontal rule under the heading. (Video 3)
5. Write at least three full lines on every page, starting on the fourth line (when your web page editing program is fully open). (Video 4)
6. Use complete sentences and fix the spelling of all words.
7. Insert a horizontal rule under the writing. (Video 5)
8. Under the line type the word "Home". (Video 6)
9. Center the heading and the link to "Home". (Video 7)
10. Change the heading to Heading (Style) 1.
11. Copy the heading and paste it into the Title box. (Video 9)
12. Link the word "Home" to your index page, and from the index page back to this page. (Video 10)
13. Double check that you can link back and forth between the page you made, and your index page.
14. Save both pages.
15. Watch this video to see the creation of the Favorite Things page. (This video DOES have sound).

Hint: Review page for second day: Fast video showing all the steps (no audio).

F.  Colors & Pictures

Scoll down to look at the picture below. Then, on every page, do the following:

1. Check the spelling using: Shift+F7.
2. Change the background and text colors. Video: Changing Colors (no audio)
• Use Ctrl+J to change the Background and Text colors
• Make one color VERY dark.
• Make the other VERY light.
• The text can not be black.
• Do NOT change the link colors.
3. In the paragraph, Bold five or more separate important words AND change the color of each of those words.
4. In the heading, choose a different color for each word, ex. Favorite Things 2310. Video: Changing Words (no audio)
5. Insert one picture immediately before the first word in your paragraph. Video: Inserting a Picture (no audio)
6. Change the image properties (at the bottom).
   • Hint -- You must first click on the image box.
   • Width -- Set the width to anything from 50 to 200.
   • Align -- Align the picture on the right or left.
   • Border -- Set the border from 3 to 15 pixels thick.
   • How do I change the width, border or alignment? (no audio)
   • How do I check my page to see the picture? (no audio)
7. Email the Favorites page to your teacher. In the email's subject line, write: Favorite Things [your code number]
8. Repeat parts D, E and F for each page, until all five pages are complete.
9. When all six pages are complete (5 plus Index page), then:
   • Email ALL SIX pages to your teacher as attachments.
   • In the subject line, write: Teen Mind All Pages [your code number]

G.  The "Extra" Pages

The part of the project is worth an additional 30 points and will take about two class periods to complete.

1. Three Wishes (code)
   1. Following these rules, you can make three wishes!
   2. Rule #1:  A wish for more wishes will not work!
   3. Rule #2:  A wish for any object or material possession for you will not come true!
   4. Rule #3:  A wish to harm some one or some thing will happen to you instead!
   5. Type each wish and explain why you wished for each one.
   6. After you have written this page, do all the things in part F above.
2. 1000 Year from Now (code)
   1. Write a description of what the world will be like in 1,000 years.
   2. What will people be like?
   3. What will communities be like?
   4. What will the world be like?
   5. Use your best guesses based on everything you know.
   6. After you have written this page, do all the things in part F above.
3. Fun Questions (code)
   1. Copy and paste the these questions onto a blank web page.
   2. This page of questions was found on the Internet. Sometimes, people will receive it in an email from a friend.
   3. Answer all the questions.
   4. Do all the things you did to your other pages.
4. Double check all your pages, all your links, and all the directions.
5. Email the three "extras" pages to your teacher as attachments.
6. Raise your hand so you can have the teacher look it over.

H. Rename & Relink Pages

Exit out of Dreamweaver.

Open the folder with the web pages from this project.

Change the filename of each page to the following new names:

1. home.htm -- your home page or index page
2. a1431fav.htm -- your farovites page (use your own code number)
3. b1431car.htm -- your career page (use your own code number)
4. c1431job.htm -- your chores and job page (use your own code number)
5. d1431goal.htm -- your goals page (use your own code number)
6. e1431div.htm -- your fun diversions page (use your own code number)
7. x1431wishes.htm -- your wishes page
8. x1431future.htm -- your 1000 years page
9. x1431fun.htm -- your fun page

Now, go back into Dreamweaver, and make ALL your links again. Make sure to save each page.

I. Add Links; Test Links; Add Flaming Text

1. On each main page, make a link to "Next" and "Previous". For example, "Next - Chores" and "Previous - Favorites".
2. On each main page, link to one Web Site that is somehow related to that page.
3. Open your Home (Index) page by opening the folder with the pages.
   • Hint: Go through Start->My Documents.
   • Test ALL of your links. Fix any that do not work.
4. For your index page make a flaming text that says "Teen Mind":
   • Click to go to Flaming Text.com
   • Type in the words: Teen Mind
   • Click Go!, then wait until the words come up
   • Right-click on the picture and and "save picture as" into your teen folder
   • Insert Image at the Top of your index page.

J. Final Check and Hand It In

1. Raise your hand and ask your teacher to look at it.
2. Double check all of the scoring on the rubric below.
3. Use Start->My Computer to copy the project from your home directory and paste it into the HandIn folder, into the folder of this class.

Scoring

Double check everything below. Each page is worth 10 points, according to the following rubric.

• 3 points - at least three full lines of writing
• 3 points - correct spelling, punctuation, grammar, and language use
• 1 point - horizontal lines, centering, heading style 1, and title bar
• 1 point - coloring of text & background, coloring of at least five separate bold words
• 1 point - picture is on the page in proper place, size, and etc.
• 1 point - link to index is at the bottom and works

There will be a 3 point penalty for each link that does not work on the home (index) page.

The home/index page is also scored for all the same points.

EXTRA -- Here is the entire video showing the first two pages being created: Video Tutorial of Teen Mind project

Last Updated: 5/9/2011

This work by Aaron Wissner is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License.