 |
Refer
to these instructions
for
using Gracie and FTP programs.
Check
in and History Form
|
| Check
In |
Submit
Form |
Due
10/25 |
_ |
WELCOME |
|
History Form |
Submit
Form |
Due
10/25 |
5
Points |
Classmate
Histories |
| Please
check in by this date. Share with me and the class a little
bit about your history, your experience with computers, Photoshop
and design on the History Form. |
|
|
2
original logos,
1 logo in 3 sizes |
Checklist |
Submit
Form |
Due
10/28 |
60
Points |
Classmate
Examples |
|
Add
a logo to both pages at the campus and optional Websites.
Place 3 versions of ONE of the logos on a Web page.
The
3 sizes are:
200 by 200 pixels
100 by 100 pixels
50 by 50 pixels
Please
note if your logo is not a square shape, just make sure that
the longest side does not exceed the sizes given above.
|
|
|
| Logo
Surf Form |
Surf
Form |
Due
10/28 |
10
Points |
Classmate
Examples |
| Find
an example of a good or bad logo on a website. Write a short
description of why you chose the logo, what inspired you about
it, or how do you feel it doesn't work. Pay attention to how
well it reads at the size used and how it fits on the page(s). |
Lesson
2: Photos/Collage
optional
home
optional
second level
campus
home
campus
second level
Choose
one of the clients, the other client will require a collage.
Next week the collage client will be completed. The optional
client was my selection for this lesson. I have not provided
an example since I want you to create your own look on this
image.
|
|
Photos
added to sites, 1 Collage added to one site, download photo
- apply 4 treatments
|
|
|
Due
11/4
|
60
Points
|
|
|
Add
a collage to one client's site. Also place in all other photos.
You should have at least one photo on your second level page.
Select
the client that does not have a collage, add photos for that
client. You
should have at least one photo on your second level page.
Download
the couple.jpg
file, do the following:
1.
take shine off man's head
2. resize and crop so width is under 200 pixels
3. save one version with a drop shadow
4. another version with a stroke
5. third version with a feathered selection
6. final version with one of the "Image Effects Styles"
Points
possible for Website photos: 20
Points possible for Collage: 30
Points possible for 4 versions of "couple.jpg":
10
|
|
|
| Photo
Surf Form |
Surf
Form |
Due
11/4 |
10
Points |
Classmate
Examples |
| Find
an example of photos (must be more than one) used in an interesting
way, or in a collage and write a description of why you chose
the example, what you liked about it. |
|
|
| Rollovers |
|
Submit
Form |
Due
11/18 |
50
Points |
Classmate
Examples |
|
Choose
one client and create simple rollovers images for the navigation
at that site. Slice the file and then create sliced images
and HTML code for the home page and second level file.
50
points will be assigned for this lesson.
|
|
|
| Quiz
1 |
Take
Quiz |
Due
11/18 |
12
Points |
| Take
Quiz 1 with questions from the first three lessons. |
|
|
| Remote
Rollovers |
|
Submit
Form |
Due
11/25 |
50
Points |
Classmate
Examples |
|
Choose
one client and create simple rollovers images for the navigation
at that site. Slice the file and then create sliced images
and HTML code for the home page and second level file.
Total
points from lessons 3 and 4 is 100 points.
|
|
|
| Rollover
Surf Form |
Surf
Form |
Due
11/25 |
10
Points |
Classmate
Examples |
| Find
a rollover example that is used in a professinal web site. Explain
why you chose it, and how it intergrates with the overall layout.
Was it easy to navigate or did it cause confusion and distraction?
Did the rollovers add a lot to the download time? |
|
|
| Animation |
|
Submit
Form |
Due
12/2 |
50
Points |
Classmate
Examples |
|
Use
ImageReady to create 2 animations, one will be placed on a
splash page for one client website, the other will be an ad
banner for the other client's site. Strive to make your animations
less than 30K. Animations over 150K will lose points.
Total
of 40 points possible (20 for each animation)
|
|
|
| Quiz
2 |
Take
Quiz |
Due
12/2 |
12
Points |
| Take
Quiz 2 with questions from Lesson 3, 4 and 5. |
Lesson
6: Additional
Second Level and Text
|
| Second
level pages |
|
Submit
Form |
Due
12/9 |
40
Points |
Classmate
Examples |
|
Create
another second level page for each of the 2 client
web sites. Flatten the images and load them onto the web.
Total
of 40 points possible (20 for each site)
|
|
|
| Classmate
Critique |
Submit
Critiques |
Due
12/9 |
10
Points |
Classmate
Critiques |
| Choose
one of your classmate's sites to critique. Remember, this is
going to be posted for everyone to read, so be constructive
in your comments. This assignment is meant to encourage dialogue.
If a classmate has achieved an effect that you are curious about,
this is the time to inquire about it. |
If
any of you have (are) experiencing power outages that is interferring
with you finishing up your homework, notify me when you are able
by email and I will make allowances as is necessary.
Lesson
7: Mockup to Template
|
| Mockup-Template |
|
Submit
Form |
Due
12/16 |
40
Points |
Classmate
Examples |
|
Slice
ONE of your second level pages and create an .html
page with the images. Create a working template which will
not break when content is added. Add HTML text with at least
6 paragraphs.
Use
nested tables and CSS code as needed. Place a copy of the
file on the Web with borders off and then another copy with
border=1 for all tables.
Total
of 40 points possible
|
Final
Presentation
Present
your site to the class.
|
| Polish
your sites |
Checklist |
Submit
Form |
Due
12/16 |
40
Points |
Classmate
Examples |
| Fill
this out as if you were presenting your site to the class and
to the client. Tell us why you made the choices you did. Talk
about your concept, colors, fonts and design. Tell us about
your process, what you learned, what were fortunate or unfortunate
occurrences along your path. Tell us if you used another program
such as Fireworks, Illustrator, Dreamweaver, Homesite, etc.
and how that helped you in your process. I will have a final
look over of your sites and grade on the overall presentation.
Points will be deducted if you do not write about your site
on the Final Presentation form. |
|
|
| Class
Evaluation |
Submit
Form |
Due
12/20 |
Not
Required
|
| Please
give me feedback on the class and your experience. |
|
