Web Design Class

Assignments

(a flash drive is recommended for this class)

  • Dreaweaver
  • Flash
  • Fireworks
  • Other Resources
  • FINAL EXAM

Assignment #1
Me.html.....create an html page all about you, using the skills in group "A"

Assignment #2
Friends.html.....create an html page all about your friends and/or family, using the skills in group "A and B"

Assignment #3
California.html .....create a web page that is an ad for visiting Southern California, using the skills in group "C" at least 5 items from group A and B.

Assignment #4
Crazy.html Create a unique website using your creativity...I'll give you some clues in class what I am looking for. use any concepts we have learned so far.

Assignment #5
Productpage.html Create a Website that promotes a product. Make sure ot use the 4 elements of a display ad (illustration,headline,content, and signature/logo)

Assignment #6
TBA

-------------------------------------

Group A
-insert table
-change background colors
-insert text and
-insert image and center it
-insert image and make it a link
-insert rolloverimage
-insert roll over image and make it a link to a website OR another page in your folder.
-insert hyperlink to website and to another page in your folder.
-insert email linkĀ 

Group B
-named anchor
insert AP DIV

Group C
-insert Spry menu bar (3 tabs)
- insert spry tabbed panels (3 tabs)
- insert spry accordian (3)


Group D

-Insert background image

FLASH Lessons

Assignment #1
the bouncing ball (25 frames)

Assignment #2
create a walking stick figure (25+ frames)

Assignment #3
create a person bowling, with ball and pins. for extra credit, add depth to the animation.

Assignment #4
Celebrity picture edit, lassoo

Assignment #5
motion tween, shape tween and animation path

Assignment #6
Copy the Valencia Banner on the front of the homepage, and create a special day banner for the home page.

Assignment # 7
Flash buttons and making quizzes and games

Assignment #8
Arrow keys to move an object

Assignment #9
rotating spheres

Assignment #10
Smiley face

Assignment #11
Making pictures fade in and out

Assignment #12
Zoom in and out effect

Assignment #13
Game Design.....design a game using flash, see online tutorials.....

Learn about file types

Drop down menus

Assignment #1 Attach words to a line. First, selest pen tool. In properties box, select "none" next to color selection box. Then create a line, with everal "stops" or pivot points (say 5), and hit enter. Click on text tool. Create a sentence for the line. Click on pointer tool, Hold down shift key, and select both the words and the line. Both should be surrounded by a blue line after being selected. Go to the "text" menu at top and click on "attach to path". The words will attach to the line. To the right of the justification symbols is an "a" with a line above and below it. Clicking on this will allow you to stretch the words all the way around your object.
Now in a new document, take a picture of a person or animal, and create a list of words around the outside of them that discribe them.
Save as "attach Words

Animated gif. (see online pictures of Elijah)

SLICE TOOL Lesson

3D text effect maker

 

FINAL PROJECTS (quality, quality, quality)

1) Music video, 30 seconds or longer, make sure to use appropriate music, music must be in mp3 format to imbed in flash file.. Must have continuity.

2) Rube Goldberg style flash. Create your own story board, or use any existing webpage to create a Rube Goldberg style page.Click here for example.

3) Something that helps enhance the ValenciaVikings.com website. A web page, a flash animation, update an existing section or create a new section.

Extra credit assignment: Create a flash game with actionscripts. Your extra credit will depend on the quality of work, and will be worth anywhere from replacing a regular assignment to a project.

 

Valencia Vikings Homepage