ryanSmithART.com

ryansmithart.com/courses/2013/363

Week #3:

How the Web Works

look at homework from week#2

FUGU
(FTP) Free Download

Step by step FUGU instructions (Towson)

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



CSS (review)

<link href="382.css" rel="stylesheet" type="text/css" />
using an external style sheet

IDs vs. Classes


styling links
a:link {color:#FF0000;}

Hexadecimal System (RGB)

Fun stuff:
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!


Assign "Project A"





"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)

#1 : Make 3 animated images of whatever you want
-you can have as many Movie Clip symbols as you want
- and they can have as many frames as you want.

#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.