SCUSD Logo

Professional Portfolio Project - Create a Portfolio in Dreamweaver Demonstrating what You're Learning in School ~


Subject Area(s): Digital Media / Web Design / Visual & Graphic Art
Length: 6 to 8 Weeks
Minutes: 90 Minutes Per Block
Grade Levels: 10, 11 & 12
Quarter Used: Last

Project Summary


3 Phases: Each phase has its own rubric to be graded separately:

1) Create an index page or "Home" page - A self-portrait of images, words & designs that help demonstrate students' dreams & goals.

2) Personal Statement & Resume - Like a college application with cover letter. Can be done as homework or in other classes.

3) Learning Outcomes - Examples of school work from at least 4 different academic disciplines. Grades, awards, internships, work experience, papers, artwork, or anything else demonstrating a students' capacities.

  • Final Grade (if necessary) - Reflects technological proficiency, organizational hierarchy of the web site, attention to detail, QUALITY!

Key Skills - Students will:


  • Create a multi-page web site.
  • Develop technical proficiency using Digital Media tools & terms such as: Layering, Tables, Bandwidth, Vector Graphics, Visual Direction, Color Palette, Text & Font, Color Contrast, FTP, Hyperlink, URL, etc.
  • Understand common formats used for web publishing: . jpg , . gif , . psd , . swf , . fla

Description of Final Product


The Professional Portfolio represents the culmination of a student's academic experience. It acts as a repository for their best work and prepares students for real-world activities, such as getting a job or getting into college.

Teacher Notes and Comments


FTP:

If students have their own folders and permission's on a web server they can use FTP to update their own pages.

Or - students can attach their root web folders to emial or a journal database using a compressed folder method.

  • But even if there are no web servers or any of these things, you can still create web pages using this project and view them with a browser just like a normal web page.
  • Don't let the technology intimidate or interfere. There are many ways to build a web page and these steps will help you.

Timing:

Count backwards 6 to 8 weeks from the last day of school - that's your start date for this project. An artificially imposed deadline keeps this project brisk. Projects this long have a high burnout factor and if the due date is firm, that helps.

Also, students may not have enough completed school work to populate the evidence pages for the Learning Outcomes until later in the Semester.

No Personal Pages:

Keep it professional. Students end up wasting valuable time and any personal pictures. Anything appropriate content can be incorporated in portfolio pages themselves.

Teacher Reflection


What "real world" activities does this project simulate? In what context would adults need to tackle this same problem/project?

When looking for a job, you search on line, right? Monster.com and so forth? And when the boss needs to hire a worker they also use the web.

Employers are looking for evidence of a potential employee's skills, and if they see a quality web site, job seekers are more likely to get a call-back for an in-person interview.

The problem is, server space to store web pages can be out of reach for some students. This project provides that space and the expertise to create a professional web site.


 

Day #1 - Professional Portfolio Project ~


Digital Art and Media

Professional Portfolio Project

:00 -:20

Introduce New Project = Entry Doc  

 :20-1:30

Daily Journal

 

Then view This

 

Begin creating your site in Dreamweaver.

 

 Rubric

Don't Click Here

 

NTHS Students

Alumni

Professional

Student Sample 1

Student Sample 2

Student Sample 3

Alumni Sample 1

Alumni Sample 2

Alumni Sample 3

Professional Sample 1

Professional Sample 2

Professional Sample 3


Day #2 - Color Scheme for Your Site ~


Digital Art and Media

Professional Portfolio Project - Day 2

:00 -:10

Where does it Fail Journal#2  

 :10-1:30

Color Scheme Tutorial

Workshop

 

View this Video

Exit Journal

Don't Click Here

Day #3 - The Foundation of your Web Site ~


Digital Art and Media

Professional Portfolio Project - Day 3

:00 -:10

Graphics Journal #3  

 :10-1:30

Body-Foundation Tutorial

Workshop

What is Uploading? Make sure your site is uploaded. Everyone should see their page HERE by the end of the period.

 

Exit Journal - Ten Commandments of Web Design

Don't Click Here

Day #4 - The .html tag - the Frame of your Portfolio ~


Digital Art and Media

Professional Portfolio Project - Day 4

:00 -:10

What do you think Journal #4 

 :10-1:30

HTML Tag Tutorial

Workshop

Make sure your site is uploaded.  Everyone should see their page HERE

 

Exit Journal - Ten Commandments of Web Design

Don't Click Here

Day #5 - Upload Your Portfolio Project ~


Digital Art and Media

Professional Portfolio Project - Day 5

:00 -:10

Could you be Friends Journal #5

 :10-1:30

Finish everything from last week.

Workshop

Server Technology and/or Page Layout.

Don't Click Here

End of Week 1


Day #6 - "untititled document"


Digital Art and Media

Professional Portfolio Project - Day 6

:00 -:10

Describe your Reaction Journal #6

 :10-1:30

Untitled Document Tutorial

Don't Click Here

Day #7 - Header ~


Digital Art and Media

Professional Portfolio Project - Day 7

:00 -:10

Easy to Use Journal #7

 :10-1:30

Header Tutorial 

Workshop

Backgrounds - Gradients

Don't Click Here

Day #8 - Navigation ~


Digital Art and Media

Professional Portfolio Project - Day 8

:00 -:10

Unprofessional Cartoon Journal #8

 :10-1:30

Navigation Tutorial

Workshop

Add a picture of yourself - ONLY if you are ahead....

Don't Click Here

Day #9 - Index Page Due Tomorrow!


Digital Art and Media

Professional Portfolio Project - Day 9

:00 -:10

Critical Eye Journal #9

 :10-1:30

Content Tutorial

 

Only if you need Work = Add your name to the header

Workshop

Index Page Due Tomorrow! = Rubric

 

Awesome Portfolio of the Day

Don't Click Here

Day #10 - Index Page Due TODAY ~


Digital Art and Media

Professional Portfolio Project - Day 10

:00 -:10

Pick a Portfolio Journal #10

 :10-1:30

Header Text Tutorial

 

Index Page Due TODAY!
Instructions for uploading

 
Rubric

 

Awesome Portfolio of the Day

Don't Click Here

End of Week 2


Day #11 - Navigation ~


Digital Art and Media

Professional Portfolio Project - Day 11

:00 -:20

What is Your Vision? Journal

 :20-1:30

Begin Navigation Tutorial

 

Awesome Portfolio of the Day

Don't Click Here

Day #12 - Navigation ~


Digital Art and Media

Professional Portfolio Project - Day 12

:00 -:20

What do you like Journal#12

 :20-1:30

Finish Navigation Tutorial

Workshop

Navigation

Don't Click Here

Day #13 - Finish Navigation ~


Digital Art and Media

Professional Portfolio Project - Day 13

:00 -:20

What's the Point? Journal#13

 :20-1:30

Links Tutorial

 

Awesome Portfolio of the Day

Workshop

Links

Don't Click Here

Day #14 - Borders ~


Digital Art and Media

Professional Portfolio Project - Day 14

:00 -:20

Pick a Portfolio Journal

 :20-1:30

Borders Tutorial

 

Awesome Portfolio of the Day

Workshop

Add a Picture to your Header

Don't Click Here

Day #15 - Repeating Backgrounds ~


Digital Art and Media

Professional Portfolio Project - Day 15

:00 -:20

What don't you like? Journal #15

 :20-1:30

Repeating Backgrounds Tutorial

 

Awesome Portfolio of the Day

  Add a Picture to your Header

Workshop

Make sure you Review the Upload Procedures and upload your site.

Don't Click Here

End of Week 3


Day #16 - Personal Statement ~


Digital Art and Media

Professional Portfolio Project - Day 16

:00 - :20

Check This Kids Personal Statement Journal

 :20 - 1:30

Begin work on your Personal Statement

Workshop

Personal Statement Guidelines

Don't Click Here

Day #17 - Personal Statement Continued ~


Digital Art and Media

Professional Portfolio Project - Day 17

:00 - :20

What does the Rubric Say? Journal

 :20 - 1:30

Continue your Personal Statement

Workshop

Personal Statement

Don't Click Here

Day #18 - Personal Statement Continued ~


Digital Art and Media

Professional Portfolio Project - Day 18

:00-:15

Personal Statement Journal #2

 :15-1:30

Create a Personal Statement Page Tutorial

Workshop

Root Folder/Site Map Workshop

Don't Click Here

Day #19 - Personal Statement - Finishing up ~


Digital Art and Media

Professional Portfolio Project - Day 19

:00 -:20

Personal Statement Journal #3

 :20-1:30

Scrolling Text Tutorial

 

Try this if you dare or this...

Workshop

Then Review the Upload Procedures and upload your site.

Don't Click Here

Day #20 - Personal Statement Due Today ~


Digital Art and Media

Professional Portfolio Project - Day 20

:00 -:20

Is this Professional?

 :20-1:30

Try this if you dare...

 

Finish Everything From This Week

Workshop

Upload your site with Working Links to your Personal Statement Page.

Don't Click Here

End of Week 4


Day #21 - Resume Page ~


Digital Art and Media

Professional Portfolio Project - Day 20 - Resume

:00 -:20

Journal

 :20-1:30

Finish your Resume & Upload it. 

 

Try this if you dare...

 

Or add a picture to your index page with  this...

Workshop

Root Folder/Site Map Workshop

 

Don't Click Here

.

Digital Art and Media

Professional Portfolio Project - Day 20 - Resume

:00 -:20

Journal #1 & Journal #2

 :20-1:30

Finish your Resume & Upload it. 

 

Custom Buttons

Workshop

Root Folder/Site Map Workshop

 

Don't Click Here

Digital Art and Media

Professional Portfolio Project - Day 21 - Learning Outcomes

:00 -1:00

Journal #1 & Journal #2

 1:00-1:30

Learning Outcomes Guidelines

 

Custom Buttons

Workshop

Learning Outcomes Workshop

 

Don't Click Here

Digital Art and Media

Professional Portfolio Project - Day 22 - Learning Outcomes

:00 -1:00

Journal #1 & Journal #2

 1:00-1:30

Learning Outcomes Guidelines

 

Custom Buttons

Workshop

Rubric Workshop

 

X-tra Credit Only if you have your LO's done.

Digital Art and Media

Professional Portfolio Project - Day 23 - Learning Outcomes

:00 -1:00

Journal #1 & Journal #2

 1:00-1:30

Learning Outcomes Guidelines

 

X-tra Credit Only if you have your LO's done.

Workshop

Rubric

 

Don't Click Here

http://www.newtechhigh.org/Gallery/2004/bfederle/default.html

http://www.newtechhigh.org/gallery/samples/2002/eboulier/

http://www.newtechhigh.org/Gallery/2004/JCooney/index.htm

http://www.silvasdesign.com/

http://www.photographybyjacqueline.com/

http://www.stephaniechu.com/portfolio.html

http://www.susiewhitepainter.com/home.php?page=0

http://www.marlamclean.com/default2.asp

Examples PowerPoint

Index Page Rubric

Learning Outcomes Page Rubric