<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="wordpress/1.5.2" -->
<rss version="2.0" 
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
>

<channel>
	<title>Advanced Web CO404</title>
	<link>http://nkenyon.com/aw</link>
	<description>Fall 2005</description>
	<pubDate>Tue, 28 Apr 2009 19:42:00 +0000</pubDate>
	<generator>http://wordpress.org/?v=1.5.2</generator>
	<language>en</language>

		<item>
		<title>Final Exam</title>
		<link>http://nkenyon.com/aw/logistics/2009/04/final-exam/</link>
		<comments>http://nkenyon.com/aw/logistics/2009/04/final-exam/#comments</comments>
		<pubDate>Tue, 28 Apr 2009 18:15:37 +0000</pubDate>
		<dc:creator>nmk</dc:creator>
		
	<category>Logistics</category>
	<category>Homework Assignments</category>
	<category>Quizzes &#038; Exams</category>
		<guid>http://nkenyon.com/aw/logistics/2009/04/final-exam/</guid>
		<description><![CDATA[	You should have:
	1.  a minimum of three motion tweens
2. two text effects
3. one shape tween
4. one button
	The card can either play straight through for 30 seconds, similar to the intro to your final project, or it can be interactive with three buttons, similar to your button homework assignment.
	You can import photos, but use small [...]]]></description>
			<content:encoded><![CDATA[	<p>You should have:</p>
	<p>1.  a minimum of three motion tweens<br />
2. two text effects<br />
3. one shape tween<br />
4. one button</p>
	<p>The card can either play straight through for 30 seconds, similar to the intro to your final project, or it can be interactive with three buttons, similar to your button homework assignment.</p>
	<p>You can import photos, but use small images or use the trace bitmap feature when possible to reduce file size.</p>
	<p>Create an animated greeting card for someone you know. One idea is a holiday card for family for all that they do for you. </p>
	<p>Be silly. Be nice. Have fun. Be creative.</p>
	<p>One place for inspiration: <a href="http://www.hallmark.com" title="http://www.hallmark.com" target="_blank">www.hallmark.com</a></p>
	<p>Make it personal, if possible, using photos, quotes. Make someone’s day.</p>
	<p>You can import vector art, but do your own text effects, masks.</p>
]]></content:encoded>
			<wfw:commentRSS>http://nkenyon.com/aw/logistics/2009/04/final-exam/feed/</wfw:commentRSS>
	</item>
		<item>
		<title>Peer Review of Final Project Due</title>
		<link>http://nkenyon.com/aw/logistics/2009/04/rough-draft-of-final-project-due/</link>
		<comments>http://nkenyon.com/aw/logistics/2009/04/rough-draft-of-final-project-due/#comments</comments>
		<pubDate>Tue, 14 Apr 2009 17:30:15 +0000</pubDate>
		<dc:creator>nmk</dc:creator>
		
	<category>Logistics</category>
	<category>Homework Assignments</category>
	<category>Final Project</category>
		<guid>http://nkenyon.com/aw/logistics/2009/04/rough-draft-of-final-project-due/</guid>
		<description><![CDATA[	A working copy of your final project will be presented in class. 
	Classmates and instructor will provide  formal feedback. Both the navigation and animated movie should be working, with just final design and content to be added. 
	This is draft is graded and must be posted under the appropriate header on your homework page.

]]></description>
			<content:encoded><![CDATA[	<p>A working copy of your <a href="http://nkenyon.com/aw/final-project/">final project</a> will be presented in class. </p>
	<p>Classmates and instructor will provide  formal feedback. Both the navigation and animated movie should be working, with just final design and content to be added. </p>
	<p><strong>This is draft is graded</strong> and must be posted under the appropriate header on your homework page.
</p>
]]></content:encoded>
			<wfw:commentRSS>http://nkenyon.com/aw/logistics/2009/04/rough-draft-of-final-project-due/feed/</wfw:commentRSS>
	</item>
		<item>
		<title>HW#8: Buttons II</title>
		<link>http://nkenyon.com/aw/logistics/2009/03/hw-week-8-buttons/</link>
		<comments>http://nkenyon.com/aw/logistics/2009/03/hw-week-8-buttons/#comments</comments>
		<pubDate>Tue, 31 Mar 2009 17:58:03 +0000</pubDate>
		<dc:creator>nmk</dc:creator>
		
	<category>Logistics</category>
	<category>Homework Assignments</category>
		<guid>http://nkenyon.com/aw/logistics/2009/03/hw-week-8-buttons/</guid>
		<description><![CDATA[	1. On your stage, draw some background elements for your first Flash website. 
	2. Draw some additional elements in the to create a &#8220;brand&#8221; for a fictional company. You can import a logo and copy text for this assignment.
	3. Make one simple button (or use one from last week) and place three instances on your [...]]]></description>
			<content:encoded><![CDATA[	<p>1. On your stage, draw some background elements for your first Flash website. </p>
	<p>2. Draw some additional elements in the to create a &#8220;brand&#8221; for a fictional company. You can import a logo and copy text for this assignment.</p>
	<p>3. Make one simple button (or use one from last week) and place three instances on your stage. Each instance of the button will &#8220;play&#8221; one section of your site.</p>
	<p>4. Make three movie clips with animations to be your &#8220;content containers.&#8221; Each clip should have a motion tween and some text. The timeline of the movie clips should look like this:</p>
	<p><img src="http://nkenyon.com/aw/wp-content/timeline_movieclip.jpg" alt="screenshot of movie clip timeline" /></p>
	<p>**all should have stop actions on the first and last frames.<br />
**all should have a minimum of two layers&#8230;one for an animated transition, and one for the text and headline.<br />
**the first frame should either be invisible, or integrate with the scene (be a piece of the tv or a picture on the wall) so people are surprised when the animation plays.<br />
**the animations should all fit into the scene.<br />
**at least one movie clip must have an animated movie clip inside (like the fish example in class).</p>
	<p>5. Create four layers on the main timeline: one for buttons, one for each of the three content sections.</p>
	<p>6. Place movie clips in each of the &#8220;content&#8221; layers. Make sure they are located in an appropriate place on the stage. ***REMEMBER: Name each instance of each movie clip you place on the stage.</p>
	<p>7. Place the buttons and assign behaviors as noted in the lesson post. </p>
	<p><strong>Each button should play one movie clip instance on (release), and stop all the other movie clips on (press). </strong></p>
	<p>***Tips:<br />
1. Place all your buttons and movies clips on the stage before assigning the actions to the button instances.<br />
2. Each button will have three &#8220;Go to and Stop&#8221; behaviors &#8220;on press&#8221; and one &#8220;Go to and Play&#8221; behavior &#8220;on release&#8221;.<br />
3. Movie clip instances must have unique names (different than their symbol) and should not start with a numeral or be more than 13 characters.</p>
]]></content:encoded>
			<wfw:commentRSS>http://nkenyon.com/aw/logistics/2009/03/hw-week-8-buttons/feed/</wfw:commentRSS>
	</item>
		<item>
		<title>QUIZ II: Buttons</title>
		<link>http://nkenyon.com/aw/assignments/2009/03/quiz-ii-buttons/</link>
		<comments>http://nkenyon.com/aw/assignments/2009/03/quiz-ii-buttons/#comments</comments>
		<pubDate>Tue, 31 Mar 2009 13:44:10 +0000</pubDate>
		<dc:creator>nmk</dc:creator>
		
	<category>Homework Assignments</category>
	<category>Quizzes &#038; Exams</category>
		<guid>http://nkenyon.com/aw/assignments/2009/03/quiz-ii-buttons/</guid>
		<description><![CDATA[	For this quiz you will duplicate a sample movie with three buttons.

QUIZ SAMPLE
	Symbols
button: button symbol (use 3 instances)
sun: MC with shape tween of sun on one layer and text on separate layer at final frame
leaf: MC with shape tween of leaf on one layer and text on separate layer at final frame
fish: MC with MC [...]]]></description>
			<content:encoded><![CDATA[	<p>For this quiz you will duplicate a sample movie with three buttons.<br />
<a href="/aw/wp-content/swf/quiz2.swf"><br />
<strong>QUIZ SAMPLE</strong></a></p>
	<p><strong>Symbols</strong><br />
<strong>button:</strong> button symbol (use 3 instances)<br />
<strong>sun: </strong>MC with shape tween of sun on one layer and text on separate layer at final frame<br />
<strong>leaf: </strong>MC with shape tween of leaf on one layer and text on separate layer at final frame<br />
<strong>fish: </strong>MC with MC of &#8220;fishswimming&#8221; tweening on one layer and text on separate layer at final frame<br />
fishswimming</p>
	<p><strong>Actions used</strong><br />
Stop<br />
Go to and Stop<br />
Go to and Play<br />
<strong><br />
Layers</strong><br />
background<br />
fish<br />
sun<br />
leaf<br />
buttons
</p>
]]></content:encoded>
			<wfw:commentRSS>http://nkenyon.com/aw/assignments/2009/03/quiz-ii-buttons/feed/</wfw:commentRSS>
	</item>
		<item>
		<title>HW#6: Basic buttons</title>
		<link>http://nkenyon.com/aw/assignments/2009/03/buttons-i-basic-buttons-with-external-links/</link>
		<comments>http://nkenyon.com/aw/assignments/2009/03/buttons-i-basic-buttons-with-external-links/#comments</comments>
		<pubDate>Tue, 24 Mar 2009 17:30:27 +0000</pubDate>
		<dc:creator>nmk</dc:creator>
		
	<category>Homework Assignments</category>
	<category>Buttons</category>
	<category>Week 6</category>
		<guid>http://nkenyon.com/aw/assignments/2009/03/buttons-i-basic-buttons-with-external-links/</guid>
		<description><![CDATA[	1. Create 2 unique button symbols.
	2. Each button should have animation (motion or shape tweens, or masks) on both the up and the over frames.
	3. One button must have an event sound (ideally on the down frame of the button).
	4. Try to make your buttons something more than circle or shapes that spin or move [...]]]></description>
			<content:encoded><![CDATA[	<p>1. Create 2 unique button symbols.</p>
	<p>2. Each button should have animation (motion or shape tweens, or masks) on both the up and the over frames.</p>
	<p>3. One button must have an event sound (ideally on the down frame of the button).</p>
	<p>4. Try to make your buttons something more than circle or shapes that spin or move on roll over (flying planes, dancing musical notes, rocket taking off, box opening)</p>
	<p>5. Place a total of 4 instances of these two symbols and add the Go to Webpage Behavior to the button instances linking each to an external website that relates to the topic of your final project, or a nice Flash example you admire.<br />
<strong><br />
Sound Resource:</strong><br />
<a href="http://www.findsounds.com" title="http://www.findsounds.com" target="_blank">www.findsounds.com</a></p>
]]></content:encoded>
			<wfw:commentRSS>http://nkenyon.com/aw/assignments/2009/03/buttons-i-basic-buttons-with-external-links/feed/</wfw:commentRSS>
	</item>
		<item>
		<title>HW#7: Drag &#038; Drop</title>
		<link>http://nkenyon.com/aw/assignments/2009/03/week-7-homework/</link>
		<comments>http://nkenyon.com/aw/assignments/2009/03/week-7-homework/#comments</comments>
		<pubDate>Mon, 23 Mar 2009 18:48:03 +0000</pubDate>
		<dc:creator>nmk</dc:creator>
		
	<category>Homework Assignments</category>
	<category>Final Project</category>
	<category>Week 11</category>
		<guid>http://nkenyon.com/aw/assignments/2009/03/week-7-homework/</guid>
		<description><![CDATA[	1. Edit create a simple game using the drag and drop function. 
	2. You can edit the sample file and insert your own graphics. 
	3. Choose graphics that follow the theme of your final project.
]]></description>
			<content:encoded><![CDATA[	<p>1. Edit create a simple game using the drag and drop function. </p>
	<p>2. You can edit the sample file and insert your own graphics. </p>
	<p>3. Choose graphics that follow the theme of your final project.</p>
]]></content:encoded>
			<wfw:commentRSS>http://nkenyon.com/aw/assignments/2009/03/week-7-homework/feed/</wfw:commentRSS>
	</item>
		<item>
		<title>Project Proposal</title>
		<link>http://nkenyon.com/aw/assignments/2009/03/58/</link>
		<comments>http://nkenyon.com/aw/assignments/2009/03/58/#comments</comments>
		<pubDate>Tue, 17 Mar 2009 17:22:45 +0000</pubDate>
		<dc:creator>nmk</dc:creator>
		
	<category>Homework Assignments</category>
		<guid>http://nkenyon.com/aw/assignments/2009/03/58/</guid>
		<description><![CDATA[	Write up a proposal for your final project. 
	• Type one-page (250-words) describing the organization, navigation, and the content you will include (text, graphics, images, sound, video).
• Include a description of your  Audience, the Purpose for the site, and three Links to similar sites (similar in design or genre).
• Print this and bring to [...]]]></description>
			<content:encoded><![CDATA[	<p>Write up a proposal for your <a href="http://nkenyon.com/aw/final-project/">final project</a>. </p>
	<p>• Type one-page (250-words) describing the organization, navigation, and the content you will include (text, graphics, images, sound, video).<br />
• Include a description of your <strong> Audience</strong>, the <strong>Purpose</strong> for the site, and <strong>three Links</strong> to similar sites (similar in design or genre).<br />
• Print this and bring to class to be handed in on Tuesday.
</p>
]]></content:encoded>
			<wfw:commentRSS>http://nkenyon.com/aw/assignments/2009/03/58/feed/</wfw:commentRSS>
	</item>
		<item>
		<title>Spring Break</title>
		<link>http://nkenyon.com/aw/assignments/2009/03/spring-break/</link>
		<comments>http://nkenyon.com/aw/assignments/2009/03/spring-break/#comments</comments>
		<pubDate>Tue, 03 Mar 2009 17:32:59 +0000</pubDate>
		<dc:creator>nmk</dc:creator>
		
	<category>Homework Assignments</category>
		<guid>http://nkenyon.com/aw/assignments/2009/03/spring-break/</guid>
		<description><![CDATA[	No Class, No Homework.

]]></description>
			<content:encoded><![CDATA[	<p>No Class, No Homework.
</p>
]]></content:encoded>
			<wfw:commentRSS>http://nkenyon.com/aw/assignments/2009/03/spring-break/feed/</wfw:commentRSS>
	</item>
		<item>
		<title>QUIZ I: Tweening</title>
		<link>http://nkenyon.com/aw/logistics/2009/02/quiz-i-week-5-tweening/</link>
		<comments>http://nkenyon.com/aw/logistics/2009/02/quiz-i-week-5-tweening/#comments</comments>
		<pubDate>Tue, 24 Feb 2009 17:30:40 +0000</pubDate>
		<dc:creator>nmk</dc:creator>
		
	<category>Logistics</category>
	<category>Homework Assignments</category>
	<category>Quizzes &#038; Exams</category>
	<category>Motion tweening</category>
	<category>Shape tweening</category>
	<category>Week 5</category>
		<guid>http://nkenyon.com/aw/logistics/2009/02/quiz-i-week-5-tweening/</guid>
		<description><![CDATA[	For this quiz you will be asked to duplicate the sample Flash movie below using motion tweening, motion guides and shape tweening.
	>>Quiz sample movie
	Layers (in order):
trees: Graphic &#8220;tree&#8221;
sand: background image drawn directly on stage
water moving: Movie Clip &#8220;water&#8221; with shape tween (uses three keyframes to make water flow left, then right)
bird flying: Movie Clip &#8220;fly&#8221; [...]]]></description>
			<content:encoded><![CDATA[	<p>For this quiz you will be asked to duplicate the sample Flash movie below using motion tweening, motion guides and shape tweening.</p>
	<p><a href="http://nkenyon.com/aw/wp-content/swf/quiz1_sp06.swf">>>Quiz sample movie</a></p>
	<p><strong>Layers (in order):</strong><br />
trees: Graphic &#8220;tree&#8221;<br />
sand: background image drawn directly on stage<br />
water moving: Movie Clip &#8220;water&#8221; with shape tween (uses three keyframes to make water flow left, then right)<br />
bird flying: Movie Clip &#8220;fly&#8221; with motion tween with guide (uses graphic symbol &#8220;bird&#8221;)<br />
sun setting: Movie Clip &#8220;setting&#8221; with motion tween of setting sun (uses graphic symbol &#8220;sun&#8221;)<br />
sky changing: Movie Clip &#8220;sky&#8221; with shape tween (color transformation)<br />
words: Movie Clip &#8220;text&#8221; with masking with gradient on background</p>
	<p><strong>Library</strong><br />
bird (graphic)<br />
fly (movie clip, motion tween with bird on motion guide, 60 frames, stop action on last frame optional)<br />
setting (movie clip, motion tween with sun, 60 frames, stop action on last frame optional)<br />
sky (movie clip, shape tween, 60 frames, stop action on last frame optional)<br />
sun (graphic)<br />
tree (graphic)<br />
water (movie clip, 60 frames, shape tween)<br />
text (movie clip, masking, gradient)</p>
	<p><strong>Workflow for posting on homework page:</strong><br />
1. Create Flash movie as noted above; save as quiz1.fla in your student folder.<br />
2. Go to File/Publish to create the quiz1.swf file.<br />
3. Open Fetch. Connect to <a href="http://www2.bc.edu" title="http://www2.bc.edu" target="_blank">www2.bc.edu</a> with your username and password. Double click on the www folder, then double-click on the aw folder.<br />
4. Use the Get command to download a copy of your index.html page. Minimize the Fetch window. IMPORTANT: If this downloads to the desktop, move it into your student folder before opening.<br />
5. Open your index.html in Dreamweaver (if you are prompted about moving into a root folder, click cancel)<br />
6. Use Insert/Media to insert quiz1.swf into your homework page at the top of the page.<br />
7. Save your index.html page.<br />
8. Using Fetch &#8220;Put&#8221; both the updated index.html page and the quiz1.swf file into your aw folder.<br />
9. Go to Safari and view your homework page. If your quiz is not showing, review the directions and try again.
</p>
]]></content:encoded>
			<wfw:commentRSS>http://nkenyon.com/aw/logistics/2009/02/quiz-i-week-5-tweening/feed/</wfw:commentRSS>
	</item>
		<item>
		<title>HW#5: Masking &#038; Text Effects</title>
		<link>http://nkenyon.com/aw/assignments/2009/02/hw5-masking-text-effects/</link>
		<comments>http://nkenyon.com/aw/assignments/2009/02/hw5-masking-text-effects/#comments</comments>
		<pubDate>Tue, 24 Feb 2009 17:30:18 +0000</pubDate>
		<dc:creator>nmk</dc:creator>
		
	<category>Homework Assignments</category>
	<category>Masking</category>
		<guid>http://nkenyon.com/aw/assignments/2009/02/hw5-masking-text-effects/</guid>
		<description><![CDATA[	For homework create one masked effect and one text effect. They can both be in the same movie. 
	Text effects:
To make a text effect you can either apply regular motion and shape tweening to a graphic symbol containing text or use some of the assistants in Flash. To a Timeline Effect, follow these steps:
1. Insert [...]]]></description>
			<content:encoded><![CDATA[	<p>For homework create one masked effect and one text effect. They can both be in the same movie. </p>
	<p><strong>Text effects:</strong><br />
To make a text effect you can either apply regular motion and shape tweening to a graphic symbol containing text or use some of the assistants in Flash. To a Timeline Effect, follow these steps:<br />
1. Insert a new movie clip symbol &#8220;text1&#8243;<br />
2. Type your text<br />
3. Insert/Timeline Effects/Effects to chose a special text effect.<br />
4. Go into the graphic symbol created in your library, unlock the layers, and customize the effect by moving some symbols around. </p>
	<p><strong>Basic masking instructions:</strong><br />
Masks can have motion or shape tween on one or both layers. Either the mask can move over and object revealing what it below, or the background can move below a still mask. Here are step-by-step instructions for a basic text mask with a moving background. </p>
	<p>1. Insert a new movie clip symbol called &#8220;mask1&#8243;<br />
2. Use the text tool to type a word using a font that is fairly thick, and larger than 36 pt.<br />
3. Name the layer with the text &#8220;text&#8221;<br />
4. Insert a new layer. Name this layer &#8220;background&#8221; and be sure it&#8217;s below the layer text.<br />
5. On Frame 1, of layer &#8220;background,&#8221; draw a large rectangle and make it wider than the text. Choose a color gradient from the bottom of the color palette for the fill of the rectangle.<br />
6. Insert new Keyframes at Frame 36 on both layers. (Note: holding the shift key will allow you to select Frame 36 in both layers at the same time and insert both keyframes in one step.<br />
7. Select the entire layer &#8220;background&#8221; and set up a shape tween making the colored rectangle move from left to right.<br />
8. Select the top layer and Control Click, choose Mask from the menu.<br />
9. Go back to Scene 1 and insert your symbol &#8220;mask1&#8243;<br />
10. Test your movie.
</p>
]]></content:encoded>
			<wfw:commentRSS>http://nkenyon.com/aw/assignments/2009/02/hw5-masking-text-effects/feed/</wfw:commentRSS>
	</item>
	</channel>
</rss>

