Students should do the following things before the second day of class:

• Get the Syllabi and Calendar-(Tuesday-Thursday)
  Monday / Wednesday Class go here for Calendar.
• Go to GODADDY.COM and buy a domain name.
  Get the cheapest name possible if you like. DO NOT sign up for webhosting or email services, you won't need it. Get their cheapest plan- there is a sale on .info name domains.
• Reading Assignments will come from the online texts here. You need a banner id as well at home, log on free at any ASU Lab computer.
• Get your personal website hosted at Appalachian here.
• Go below for links on Military Blogs for Project 2.

  NPR Resources
  Deployed Military Bloggers
  Who's your Baghdaddy?
  Doonesbury- the Sandbox
  Google Search

---

Here are some Very Well Designed sites for inspiration.

Wrangler Syrup Comcastic The Food Loop Marge Casey 4545 Living Va Sports tv 20 voices the Monitor Center MadeInMTL National Gallery of Art advertising anonymous Monitcello MOMA RGA Holday Card 8 Hour Day Cassbird Samata Mason The Agency Frank Lloyd Wright hi-res.net Hillman Curtis VolumeOne once-upon-a-forest attik 13strides 24-7media 4csplumbing 65media 5nak 3rdedge 99rooms aardman faithbuilders grit Bethel Pointe Miss Potter Matt Hoppe Tori Amos MTV-Artista jlern conclave obscurum hushush Diddy David Tisdale

---

Click here for past student work.
FALL 2009 - - IN PROGRESS
GRAPHIC DESIGN III - ART 3202 101
Adams, Corinne
Hennis, Danielle
High, Joshua
Kilgore, Turner
Kowitz, Austin
Lezette, David
Lindberg, Colin
Osinjolu, Abby
Peterson, Rebecca
Robie, Emily
Wilder, Adrienne
GRAPHIC DESIGN III - ART 3202 102

Buckingham, Elesa
Bunch, Cara
Clark, Kristen
Cody, Allison
Foster, Ashley
Lancaster, Megan
Lowther, Arika
Maya, Kathryn
Naftolowitz, Erica
Treadway, Weseley
Trexler, Heather
SPRING 2009
1. Baker, Brian J. http://www.appstate.edu/~bb69356
2 Egan, Alyse E. http://www.appstate.edu/~ae75795
3 Goding, Lauren E. http://www.appstate.edu/~lg75886
4 Haycraft, Rachel A. http://www.appstate.edu/~rh74428
5 Kaplan, Kimberly T. http://www.appstate.edu/~kk75492
6 Kenney, Margaret C. http://www.appstate.edu/~mk71127
7 Kliegman, Erica B. http://www.appstate.edu/~ek70498
8 Lezette, David L. http://www.appstate.edu/~dl66367
9 Lipocky, Hailey http://www.appstate.edu/~hl71002
10 Mescher, Amy C. http://www.appstate.edu/~am76661
11 Nguyen, Tru C. http://www.appstate.edu/~tn70626
12 O'Keefe, Jessica W. http://www.appstate.edu/~jo79271
13 Perkins, Tonia A. http://www.appstate.edu/~tp75789
14 Posek, Katherine M. http://www.appstate.edu/~kp60823
15 Samelak, Abigail M. http://www.appstate.edu/~as75623
16 Strom, Jaron D. http://www.appstate.edu/~js75748

Older Student Website Examples below:

Demarest, Ryan
Hanline, Ronnie
Harris, Dani
Hendricks, Bernie
Jellicorse, Jessie
Keefer, Matt
MacLellan, Derek
McKain, Taylor
Naylor, Ryan
Plank, Chris
Simpson, Ryan

Combs, Emily
Foster, Ashley
Nguyen, Tru
O'Keefe, Jessica
Presley, Stephanie
Artiga, Attabel
Cox, Eric
Croft, Alison
Czarnecki, Jacqueline
Edmonson, Chad
Goff, Meredith
Richards, Rennee
Saylor, Austin
Schultz, Erin
---


Tutorials and Resources
---

Get Manuals and Get Started Guides for Dreamweaver CS3 and Flash CS3.
Missing Photoshop CS4 Pug-ins and Presets--Get them HERE.
( Includes PatternMaker and Web Photo Gallery)

Picasa templates can be found here.
Try hacking into one of these templates to fit your website design.

---

Here's a newbie tutorial for creating a simple one button rollover effect in Dreamweaver.
Learn how to do advanced Disjointed Rollovers in Dreamweaver with this 2 page tutorial.

What SIZE should your website be? Read this and find out. Amore indepth discussion about solving the problem of "WHAT SIZE SHOULD MY WEBSITE BE?") can be found here.

---

CSS Stylesheets

---

The CSS Zen Garden
Here is a Diagram of the html markup for CSS Zen Garden
Adobe CSS Support Center
CSS FAQ
Formatting using CSS
Using Background Images with CSS to replace text
CSS CookBook- Links and Navigation-(need asu account) Great site for learning CSS
List-a-matic- learn all about how to create navigation bars from unordered lists

---

RSS FEEDS

---

FIRST find an RSS feed URL that you want to display on your site here or at another archive.
Then Go here to generate a cut and paste javascript that will display the info on your html page.
Try styling it with CSS at the same site. Very cool.


---

 

FLASHKIT.COM will be one of your best resources for all things flash. Take a look at some of the 153 GAMES tutorials you will find here. Download the fla and test movie to see it. Then hack into the Fla code to fit your project, changing the content to make a statement about a current event.

---

Tutorialsized.com is probably the next best option in terms of beginning tutorials for games. Tutorialoutpost.com seems to have some friendly little flas for your perusal. Kirupa is good for actionscript tutorials as is Actionscript.org . I especially like Kirupa's XML driven Photo Gallery. If you get this to work- try the more advanced Photo Gallery with thumbnails.


---

There are some FLAs that i put together that should be easy to hack into to make your version from the code. You can find them here, some of these are folders (directories) with the fla inside. Make sure you CONTROL click the fla files and SAVE AS SOURCE to your drive.

Here is Ed's Timeline Contol FLA.
Learn how to load text dynamically into flash here.

---

FLASHKIT.COM will be one of your best resources for all things flash. Take a look at some of the 153 GAMES tutorials you will find here. Download the fla and test movie to see it. Then hack into the Fla code to fit your project, changing the content to make a statement about a current event.

---

Tutorialsized.com is probably the next best option in terms of beginning tutorials for games. Tutorialoutpost.com seems to have some friendly little flas for your perusal. Kirupa is good for actionscript tutorials as is Actionscript.org . I especially like Kirupa's XML driven Photo Gallery. If you get this to work- try the more advanced Photo Gallery with thumbnails.


---


CODING

There are some FLAs that i put together that should be easy to hack into to make your version from the code. You can find them here, some of these are folders (directories) with the fla inside. Make sure you CONTROL click the fla files and SAVE AS SOURCE to your drive.

FLA files

Here is a great Actionscript 3 to do basic navigation between frames or scenes in a flash movie

stop(); function eventResponse1(evt:MouseEvent):void { gotoAndStop(1, "Scene 2");} btn_one.addEventListener(MouseEvent.CLICK,eventResponse1); function eventResponse2(evt:MouseEvent):void { gotoAndStop("two");} btn_two.addEventListener(MouseEvent.CLICK,eventResponse2); function eventResponse3(evt:MouseEvent):void { gotoAndStop("three");} btn_three.addEventListener(MouseEvent.CLICK,eventResponse3);

Here is a tidy Actionscript 3 to do navigation from a button in flash to an absolute or relative URL. Or you can get the FLA here.

stop(); //add button with an instance name of btn1 //with event listener for CLICK that //executes function myButtonFunction. btn1.addEventListener(MouseEvent.CLICK, myButtonFunction); //create function myButtonFunction //to process URL request when button //is clicked. Change address below. function myButtonFunction(event: MouseEvent) { var request:URLRequest = new URLRequest("http://flashgameu.com"); navigateToURL(request); }

Below is a great AS3 Preloader script that has most parameters you want to entertain viewers while they wait for your huge flash movie to download. Put this in frame one scene one of you movie.

//Ed's Ultimate Preloader Script by Edison Midgett //FIRST - put a stop action on first frame of first scene until movie loads stop(); //EVENTLISTENERS //add eventListeners for progress and complete for movie (this) this.loaderInfo.addEventListener(ProgressEvent.PROGRESS, onProgress); this.loaderInfo.addEventListener(Event.COMPLETE, onComplete); //FUNCTION //create function (onProgress) with variables to target movieclips and text fields function onProgress(e:ProgressEvent):void { //VARIABLES //variable for how many bytes have been loaded of your movie var loaded:Number = e.target.bytesLoaded; //variable for how may bytes your movie is var total:Number = e.target.bytesTotal; //variable for percent of movie loaded var pct:Number = loaded/total; var percent = (Math.round(pct * 100)); //target a movieclip called "loader_mc" that will scale the x value to percentage //uncomment below if you use it //loader_mc.scaleX = pct; //target a dynamic text field with text and percentage of movie loaded rounded off loaded_txt.text = "Loading..." + (percent) + "%"; // name a clip instance "loader2_mc" (0-100 frames) for a loader bar // make it go to and stop at same number as "percentage" variable above //uncomment below loader2_mc.gotoAndStop (percent); //NEW //make timer--use "progress_txt" as variable name in dynamic text field //use "connectspeed_txt" as variable name in dynamic text field //this will show connection speed and how many seconds are reamining to download //the file. //VARIABLES var kBytesSec = loaded/(getTimer()/1000); var kBytesRemaining = total - loaded; var timeRemaining = kBytesRemaining / kBytesSec; //target a dynamic text field with text and seconds remaining AND/OR Kbyes/sec progress_txt.text = Math.floor(timeRemaining) + " seconds remaining"; connectspeed_txt.text = Math.round(kBytesSec/1000) + " Kilobytes/Second"; } //when progress function is complete- take us somewhere- the start of your movie //usually function onComplete(e:Event):void { //uncomment below where you want us to go //nextFrame(); //or go to next scene frame 1-uncomment below gotoAndPlay(1, "Scene 1");} //or go to frame in this scene labeled "two" - uncomment below //gotoAndStop("two");} //or go to a specific frame in this scene - uncomment below //gotoAndStop(2);}

Here is Ed's Timeline Contol FLA.
Learn how to load text dynamically into flash here.

---

• Server Side Includes
  Wikipedia has a great definition of SSIs. I found Alex's SSI Tutorial there.
  BigNoseBird has some good info on SSIs as well

  PHP
  byethost.com has free hosting, no ads, and PHP allowed.

• Get great PHP scripts at the PHP resource.
  There is a pretty good simple form processing script at Jacks's Scripts that works on ASU's server.
  Ledformmail.php - v1.0 is a script that will work to process your forms at byethost16.com. Phorm 3.0 is a better script that processes forms and sends the data to your email as well as log to a text file or MySql database.

• Here is a simple text counter.
• If you can not get PHP on your server, then try emailmeform.com or response-o-matic,com, free services that process forms and email the data to you.

  JAVA
  Get cut and paste javascript here.

  Check out this simple java based script for making image gallerys.

  ---

  Ed's Goodies while they're hot here.
  Get Ed's ULTIMATE Preloader Script for Flash swfs here. NEW AND IMPROVED!!!

  ---

  ---

  Want to fill your browser window so the image graphic or flash file fills white space?
  Moock has a great tutorial here or else put below into your body tag.

  ---

  <BODY MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" BOTTOMMARGIN="0">

  ---

  ---

  NEW WINDOW SCRIPT !!
  Put this script in your BODY tag to
  control window size, toolbar, etc. !!
  Another Window Script allows
  you to control size windows from image links as well as text or java buttons.

  Perhaps the EASIEST script to control windows is to copy the script below
  

  ---

  <script> self.moveTo(170,0); </script> <script> self.resizeTo(1050,760); </script>

  ---

  and then paste it AFTER the <head> Tag and BEFORE THE </head> Tag on the page you want to control the size for. Note this also controls the location of the page on the computer screen so just fudge the numbers (x,y coordinates) until you get something you want.
  

  ---

  ---

  The Java link below works like THIS on a text link and allows you to control just about everything you want in the browser window.
  Just copy, cut and paste it in CODE view wherever you want the link.
  
  <a href="#" onclick='msgWindow=window.open("YOURURLHERE.html","displayWindow","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=170,height=40"); return false'>Open New Window</a>

  
  Hack into the above URL that you want, change the text link to want you want it to say, and turn on the parameters you want as well.
  

  ---

  Here is a good script that goes in the meta tag in your header to AUTO REFRESH the page- you can use this to reload or load another html page into your window.

  <meta http-equiv="Refresh" content="7; URL=../../SUMMER2007/internet/Autoload2.html" />
  The CONTENT attribute contains the number of seconds to wait before loading the page followed by the URL and needs to be specified




 

Google / Hoo's Ed / Server Info / CHECK GRADES / CHANGE PASSWORD / Pharos Lab Printers / Frames