Embed Size (px)
DESCRIPTION
CP5310: E-business Technologies. Lecturer: Dr. Cue Nguyen Lab assistant : Dion. About Instructor. Name : Dion Nguyen Interesting Fields: Web Technology, Social Media, Mobile Learning, Interactive Design and Development Email: [email protected] - PowerPoint PPT Presentation
Citation preview
CP5310: E-business Technologies
Lecturer: Dr. Cue NguyenLab assistant: Dion
About Instructor• Name : Dion Nguyen• Interesting Fields: Web Technology, Social Media, Mobile
Learning, Interactive Design and Development• Email: [email protected] • Discussion Blog: http://dionnguyenjcu.wordpress.com/
Overview
• Modern web technologies nowadays: flash, html, xml, css, javascript, jquery, php and mySQL.
• Weight:• Worth 10% (attendance + practical)• Useful for Web Project (40%)• Many programming questions in final examination ( 30%)
Lab 1: Introduction of Flash
History of Flash• mid-1990s – FutureSplash Animator• First version of Flash professional• Vector animation program
• - 1996 – Macromedia bought it and renamed it Flash• - 2005 – Adobe bought Macromedia• Flash CS3 (2007) – Action Script 3.0 (OOP)• Flash CS4 (2008) – Animation and Designer• Adobe CS5 (2010) – Basic 3D• Adobe CS5.5(2011)• Current version: Flash CS6
• Now – Flash is the leading technology for graphics, animation, and video on the Web
Flash Authoring Environment• Basic structures:• Stage• Tool Panel• Timeline• Library
• Three kinds of files:• Movies : .swf• Documents: .fla• Files with action script: .as
stage
Tool Panel
Timeline Panel
Library Panel
Short Cut Keys• Insert Frame :F5• Insert key frame :F6
- Key frame: defines the starting and ending points of any smooth transition.
• Insert blank frame: F7• Insert New Symbol: Ctrl + F8• Convert object to symbols: F8• Ctrl+L: Open Library• Ctrl+R: Import to Stage
Practice
Now, Put your hand in!
Drawing Shapes in Flash
• Fill• Stroke• Hold Shift key for a perfect square or circle• Selection tool, sub-selection tool (specific point on the shape)• Click or double-click on a shape• Click or double-click on a shape and drag it• Ctrl-Z to undo• Delete a shape, shapes, fill and stroke• Primitive rectangles/ovals• Shift and click multiple selections
Animation• Frame and Key Frame• http://www.youtube.com/watch?v=4mupkhM1LUo• http://www.youtube.com/watch?v=r6JZjrapV-Q
• Shape tweens• Frame-by-frame animation• Motion tweens
• Learn Flash Professional CS6 • http://tv.adobe.com/show/learn-flash-professional-cs6-/
