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 ~
:00 -:20 |
Introduce New Project = Entry Doc |
:20-1:30 |
|
|
|
Begin creating your site in Dreamweaver. |
|
|
|
NTHS Students |
Alumni |
Professional |
Day #2 - Color Scheme for Your Site ~
:00 -:10 |
|
:10-1:30 |
|
Workshop
|
|
Day #3 - The Foundation of your Web Site ~
:00 -:10 |
|
:10-1:30 |
|
Workshop |
|
|
Exit Journal - Ten Commandments of Web Design |
Day #4 - The .html tag - the Frame of your Portfolio ~
:00 -:10 |
|
:10-1:30 |
|
Workshop |
Make sure your site is uploaded. Everyone should see their page HERE. |
|
|
Day #5 - Upload Your Portfolio Project ~
:00 -:10 |
|
:10-1:30 |
Finish everything from last week. |
Workshop |
Server Technology and/or Page Layout. |
End of Week 1
Day #6 - "untititled document"
:00 -:10 |
|
:10-1:30 |
|
Day #7 - Header ~
:00 -:10 |
|
:10-1:30 |
|
Workshop |
|
Day #8 - Navigation ~
:00 -:10 |
|
:10-1:30 |
|
Workshop |
Add a picture of yourself - ONLY if you are ahead.... |
Day #9 - Index Page Due Tomorrow!
:00 -:10 |
|
:10-1:30 |
|
|
Only if you need Work = Add your name to the header |
Workshop |
Index Page Due Tomorrow! = Rubric |
|
Awesome Portfolio of the Day |
Day #10 - Index Page Due TODAY ~
:00 -:10 |
|
:10-1:30 |
|
|
Index Page Due TODAY! |
|
|
End of Week 2
Day #11 - Navigation ~
:00 -:20 |
|
:20-1:30 |
|
|
Awesome Portfolio of the Day |
Day #12 - Navigation ~
:00 -:20 |
|
:20-1:30 |
|
Workshop |
Navigation |
Day #13 - Finish Navigation ~
:00 -:20 |
|
:20-1:30 |
|
Awesome Portfolio of the Day |
|
Workshop |
|
Day #14 - Borders ~
:00 -:20 |
|
:20-1:30 |
|
|
Awesome Portfolio of the Day |
Workshop |
|
Day #15 - Repeating Backgrounds ~
:00 -:20 |
|
:20-1:30 |
|
|
|
| Add a Picture to your Header | |
Workshop |
Make sure you Review the Upload Procedures and upload your site. |
End of Week 3
Day #16 - Personal Statement ~
:00 - :20 |
|
:20 - 1:30 |
Begin work on your Personal Statement |
Workshop |
|
Day #17 - Personal Statement Continued ~
:00 - :20 |
|
:20 - 1:30 |
|
Workshop |
|
Day #18 - Personal Statement Continued ~
:00-:15 |
|
:15-1:30 |
Create a Personal Statement Page Tutorial |
Workshop |
|
Day #19 - Personal Statement - Finishing up ~
:00 -:20 |
|
:20-1:30 |
Scrolling Text Tutorial |
|
|
Workshop |
Then Review the Upload Procedures and upload your site. |
Day #20 - Personal Statement Due Today ~
:00 -:20 |
|
:20-1:30 |
|
|
Finish Everything From This Week |
Workshop |
Upload your site with Working Links to your Personal Statement Page. |
End of Week 4
Day #21 - Resume Page ~
:00 -:20 |
|
:20-1:30 |
Finish your Resume & Upload it. |
|
|
|
Or add a picture to your index page with this... |
Workshop |
|
|
Professional Portfolio Project - Day 20 - Resume |
|
:00 -:20 |
|
:20-1:30 |
Finish your Resume & Upload it. |
|
|
Workshop |
|
|
Professional Portfolio Project - Day 21 - Learning Outcomes |
|
:00 -1:00 |
|
1:00-1:30 |
|
|
|
Workshop |
|
|
Professional Portfolio Project - Day 22 - Learning Outcomes |
|
:00 -1:00 |
|
1:00-1:30 |
|
|
|
Workshop |
|
|
X-tra Credit Only if you have your LO's done. |
Professional Portfolio Project - Day 23 - Learning Outcomes |
|
:00 -1:00 |
|
1:00-1:30 |
|
|
X-tra Credit Only if you have your LO's done. |
Workshop |
|
|
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