ryanSmithART.com

ryansmithart.com/courses/2013/382

Week #3

Wednesday, the 11th: Last Day to Drop w/o a Grade of 'W'

Monday:


What's the RSA & who is Ken Robinson
- Start with Ken Robinson : Changing_Education_Paradigms
- Discussion
- A new ADHD article: Sep. 3, 2013,

look at homework from week#2

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




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

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

Hexadecimal System (RGB)

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;
}


Wednesday:

Assign "Project A"


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

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