ryansmithart.com/courses/2014/382

Week #1
Week #2

Week #3:

1) Save your homework as index.html, then save it in a 382 folder in a umbc directory
2) Upload the 382 folder (with your images, and index.html page) to UMBC's server
3) Check to make sure it worked: http://userpages.umbc.edu/~username/382/index.html
*4) Email me a link to the URL address (now), and if you can't get it uploaded email me your photo, and your HTML code
ryansmithstudent@aol.com

WWW history

an example of a CSS page

IDs vs. Classes

<style>
.small{
font-size:.75em;
}
</style>

<span class="small">SMALL LETTERS</span>

Fun stuff:
Google fonts
border-radius: ??px; (round corners)
box-shadow: ??px;

Example:

-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .50);
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .50);
box-shadow: 0px 6px 6px rgba(0, 0, 0, .50);
-moz-border-radius: 10px 10px 10px 10px;

---

FLASH

*Publish Settings

*stage (size) please keep it under 1,000 px.
*properties window
*tools
*layers (timeline)
*library window

Chapter 7 Sample files: take a look at "Grotto"
why CS4?

Start animating with Flash:
Breaking a character into parts
Nesting symbols (Robot.fla)
Tweens: shape tween & classic tween

Let's make a robot dance!

---

"Project A"

Sam :
382/index.html
382/project1.html

((more examples))
-Tan's
-Dave's
-Mathew's
-Tina's
-Gabby's

---

HOME WORK (due at the beginning of class, Monday)

this week:

# 1 : Make 3 animated images of whatever you want
-your main timeline should be 1 frame
-you can have as many Movie Clip symbols as you want
- and they can have as many frames as you want.
-Publish them as a .swf file embedded in an html page

# 2 : Type up an idea for your "Project A"
(you can get started on it if you want)
- Save the text as a .pdf file
- I will have you upload these to the server
- And, add a link on your index page.