week#3
*Check Homework (on Wednesday)
Let's watch this:
RSA Animate - Changing Education Paradigms
w/ Sir Ken Robinson
More CSS
<link href="382.css" rel="stylesheet" type="text/css" />
- using an external style sheet
- an example of a CSS page
- styling links a:link {color:#FF0000;}
Center divs using CSS:
#wrap{
text-align:left;
max-width:1000px;
min-width:600px;
margin-left:auto;
margin-right:auto;
width:60%;
background-color:white;
padding:10px;
}
CSS3:
html{
font-size:12px;
font-family:Helvetica, Arial, sans-serif;
height:100%;
overflow-y: scroll;
background: url(images/bg.gif) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
ID vs. Classes
How the Web Works
Uploading to a Server
FUGU (FTP) Free Download
Step by step FUGU instructions (UMBC)
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
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!
HOME WORK (due at the beginning of class, Monday)
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.
* Publish them as a .swf file embedded in an html page