Student Presentations of Web Design Portfolios

Student Presentations of
Website Portfolios

Assignment for Monday: Come to class with a first draft of your Personal Design Portfolio website and link it to your homepage. See Chris Lewis's Web Design Portfolio page. Use this Portfolio assignment to practice some of the basic web design techniques we learned in class. Relax, be creative, have fun with it.
See Criteria for Design Portfolio webpages

Assignment: (Do after Class)

1. See if you can't fix some of the problems with your Design Portfolio site based on what you learned in class today. See Criteria for Design Portfolio webpages .

2. I will not start grading your home page and your portfolio pages until Saturday, so you still have time
to fix them up.

3. Go to Sewall Class Designs and look at other Students' Portfolio pages. What lessons can you learn about web design from your fellow students?

4. Go to C-Net Download.com. Look under the categories-- Internet, Utilities, Multimedia Design, and Web Authoring. What are some of the tools you can download to help you make better web pages?

"People take their personal sites very, very seriously
....but don't you dare tell them their personal Web
page is ugly."
Flanders & Willis (p. 7)

"Flanders: There are certain sites, such as movie,
band, and Web design company sites, that have the
right to be inherently stupid. It's by their very nature."
"A Discussion with Jakob Nielsen and Vincent Flanders"(new window)

1. See Criteria for Design Portfolio webpages

2. Web Design Tools

2. Student's favorite websites

1. Understanding the HTML Source Code for a webpage

1. Reading and Copying HTML Source Code

2.. Practice calling up the three class examples I created of a Design Portfolio Page:

2. Practice calling up and looking at the HTML source code for these three model pages.

3. Can you think of ways to copy some of my HTML source code in order to make it easier for you to
create your own Web Design Portfolio websites?

2. Dreamweaver Lesson 2

Adding images to a webpage. See
Chris Lewis Design Portfolio, model 4
Did you notice that I used "invisible layers"
as layout grids to control where my images
are placed on this webpage.
Alligning graphics and adding "Alt tags."
Wrapping text around an image
Adding borders to images.
If you use borders, make sure they are invisible.
Black borders are not really necessary for good design.
Go to "Modify" on the menu bar and select,
"Page Properties."
You can use "Page Properties" to modify
the properties of your entire webpage.
Use "Page Properties" to add background
images to your webpage.

3. Basic Questions to ask about the Websites you Design.

1. Does your Website Design work with your "targeted audience"?

2. How does the Design of your Website portray your Image and Style?

3. What does your Website say about who you are
and the Work you do?

4. Can, or should, your design lie about who you are? Companies often pay advertisers to create ad copy
that misrepresent or even lies about their reputation.
What should a designer's professional ethics be?

4. Lessons in learning Web Design

The first step is learning to use the tools
The next step is understanding the limits of your tools.
The next step is learning to lay out a web page.
The next step is to learn basic design.
The next step is learning how to trouble-shoot your web pages.
The final step is revision, revision, and more revision.

5. Student Presentations of Web Design Portfolio websites.

6. Learning Design from other Web Designers.

Lynda.com
David Siegel Design Home Page
Dmitry Kirsanov Design Studio
Dmitry Kirsanov Web Portfolio
Circle.Com--Roger Black Web Designer

7. How should an Apprentice Designer advertise their skills?

8. The Importance of a Design Portfolios for Web Designers.