Posted on Aug 22, 2011
by Brett Keener
- Subject
- Web
- Grade Levels
- 15-16, 17-18
- Resource Type
- Project
-
- Keywords
- Dreamweaver project, Photoshop project
- Products Used
-
Student Examples Below:
/superman_makeover_thumb.jpg) |
/winnie_home_makeover_thumb.jpg) |
/spiderman_home_makeover_thumb.jpg) |
 |
 |
 |
Click on examples to view full sites.
Other Dreamweaver Projects:
Dreamweaver Tutorials:
Setting up a site and basic features of Dreamweaver CS5 (Part 1)
Setting up a site and basic features of Dreamweaver CS5 (Part 2)
You need to be a member to view the resource files.
Join for free or sign-in with an Adobe ID.
Videos
Pamela Burke
Posted on Feb 3, 2012 - Permalink
This is a great project. I have three classes, ninety students, working on it now and they are really engaged in the process. Thanks for the resource!
Pam Burke
Verona High School
Verona, NJ
Cody Turney
Posted on Nov 8, 2011 - Permalink
yo keener. you should have won!
Obada Barghouthi
Posted on Oct 26, 2011 - Permalink
swag
Pamela Harris
Posted on Oct 24, 2011 - Permalink
Nice to know you are using div tags and CSS for student sites! This is really a fun idea for students! Great idea to inspire students and help them learn how to put a simple site together and use Photoshop/Dreamweaver. You may want to go into a few things for students such as how color affects viewers. The Spiderman blue on red in the nav bar for example, would be something to stay away from in web design. Also, there are some ways to help students use better selection methods including masks so the images that are "cut out" will not have such ragged edges. Some of the examples seem to be more skilled than others.
Brett Caban
Posted on Oct 19, 2011 - Permalink
Great Job! Perfecto!
Brett Caban
Bonnie Platz
Posted on Oct 11, 2011 - Permalink
Great project. My favorite one yet!
Maria Vargas
Posted on Oct 7, 2011 - Permalink
Thanks for the vid and other resources. I can't wait to use this one.
Brett Keener
Posted on Oct 6, 2011 - Permalink
Thank you all for the positive feedback. Yes Maria, I have posted a video tutorial that will help students create their template for this project and style it using CSS.
I have also posted a video tutorial on a different thread that overviews how to create the rollover menu buttons as used in this project. That can be found here: http://edexchange.adobe.com/posts/f4eed7a90a
Christie Turner
Posted on Oct 4, 2011 - Permalink
Those student examples are amazing! Great job by those students.
Maria Vargas
Posted on Oct 4, 2011 - Permalink
Thank you for this very nice project. I was curious as to how long students have to work on this project, and if you have any video tutorials for this project like I have seen on some of your other posts. Thank you again and I really enjoy your project ideas
Chuck Schultz
Posted on Sep 30, 2011 - Permalink
I agree. This is a great project that integrates Photoshop with Dreamweaver.
Kristine Kopelke
Posted on Sep 29, 2011 - Permalink
This is a cool project. A great reminder too of the interactivity you can achieve with Photoshop.
Alex Schulk
Posted on Sep 28, 2011 - Permalink
Nice Post!
Amat El Haran
Posted on Sep 25, 2011 - Permalink
Very creative. Looks fun. I love the tv show.
Jessica Kubiel
Posted on Sep 24, 2011 - Permalink
I can't wait to introduce this one. It is so difficult to find fun web design projects.
Christian Wilson
Posted on Sep 23, 2011 - Permalink
This is a brilliant idea! The students will love this... Thanks for the share!
Lou Greene
Posted on Sep 21, 2011 - Permalink
Kudos this is a favorite, thanks for sharing, I'll be gleaning this one!
Nicholas Provenzano
Posted on Sep 7, 2011 - Permalink
This is such a cool project!
Barbara Fine
Posted on Aug 23, 2011 - Permalink
LOVE this project...thanks for sharing!