Flash CS6 course launchedFlash has grown beyond its best known application, Web pages. Nowadays, Flash movies appear everywhere—the Internet, mobile devices, the cinema, TV shows and commercials, computer games. Using Flash, you can create a wide variety of file formats, including apps (iOS and Android), HTML5, and video that work on virtually any device.

In this course, you’ll learn how to create animation, interactive movies, and mobile apps in Flash CS6 and develop several full-blown Flash applications. We’ll start by reviewing the Flash workspace, creating text and graphics, and animating objects on the Flash stage. Then, we’ll look in detail at the anatomy of a Flash movie—how to use the Flash timeline, layers and frames to control objects, and timing on the stage.

While creating your first Flash movie, you’ll learn how to format and embed external digital media and how to make them appear or play at specific times. We’ll also look at controlling digital media based on specific events, such as end user mouse clicks.

No course on Flash is complete without an introduction to ActionScript, Flash’s powerful programming language. We’ll get our hands dirty, creating interactive buttons with ActionScript 3.0. You’ll also learn to write scripts that control movie flow, and scripts that call to and load external videos, Web pages, and other Flash movie files.

As we create our movie, we’ll go over creating and animating 3-D objects, syncing sounds with animations, and publishing your Flash movies to the Internet and to mobile apps. By the end of the course, you’ll understand the fundamentals of Flash and be ready to master more advanced Flash topics.


Course Details

 Week One
Wednesday – Lesson 01

Many people think of Adobe Flash as animation software, but it’s much more than that. Flash is the industry standard for creating animated, interactive movies and applications. It’s also widely used in TV commercials and cinema special effects. In our first lesson, you’ll begin by getting acquainted with the Flash interface, or workspace. Then, I’ll show you how to create your first animated graphic. Whether you’ve worked with Flash a bit before or this is your first time opening the program, you’ll be well on your way to becoming a Flash designer when you finish this lesson.

Friday – Lesson 02
    Flash comes with everything you need to create complete interactive movies and applications, including a palette of tools for drawing lines and shapes. Today you’ll learn how to draw rectangles, circles, and lines to create a framework for a Flash movie. I’ll show you how to change line and fill properties and how to apply special effects such as drop shadows and gradient fills to the objects you draw. You’ll also learn how to arrange and distribute objects on the Flash Stage with the tremendously useful Align panel.
 Week Two
Wednesday – Lesson 03
    Nearly every Flash movie calls for some kind of text—such as buttons, headlines, captions, and taglines. In this lesson, I’ll show you how to use Flash’s Text tool to create basic text. Then we’ll apply all kinds of formatting options and special effects—such as colors, drop shadows, and bevels—to make the text more interesting and appealing. The text you create in this lesson will become the buttons, headlines, and captions for our ongoing movie project during the remainder of the course. We’ll also take a brief look at Flash CS6’s TLF Text feature, a whole new text formatting engine that greatly expands text formatting options and text display quality.
Friday – Lesson 04

In Flash and other animation programs, events happen over time. Flash measures time in frames on a grid called a Timeline. Today you’ll learn how the Timeline works. We’ll use it and Flash’s Layers feature to distribute and animate several objects on the Stage. We’ll animate our buttons and graphics so that they fade onto the Stage at different intervals in our movie. You’ll also see how to use Flash’s tweens (automatic animation creation tools) to make objects move frame-by-frame on the Stage. We’ll also take a quick look at Movie Clip symbols. By the end of this lesson, you’ll understand the basics of animation in Flash.

 Week Three
Wednesday – Lesson 05

As your ongoing movie grows in file size and length, you’ll find that breaking it into logically organized scenes makes it easier to work with. This time, I’ll show you how to create new scenes. Then, we’ll look at importing elements from other programs, such as Photoshop and Word. Most of the movies people create in Flash contain objects created in external graphics programs. I’ll show you how to create your first TLF Text box, how to embed fonts, and how to figure out what fonts to embed. You’ll also learn the basics of bitmap and vector graphics formatting so that using these objects in Flash movies is a lot easier.

Friday – Lesson 06

Ready. Set. Action! You can make your movies more interesting, entertaining, and informative with sound and digital video. While it’s relatively easy to import a media file into Flash, getting the results you want isn’t so straightforward. In this lesson, I’ll tell you what you need to know about sound and digital video file formats. Then, we’ll look at how to make sounds play. You’ll discover how to create ambient backgrounds for your movies and how to make sounds play on specific events, such as mouse-overs and clicks. You’ll also learn how to use different mouse states, creating rollover-like effects that change the button’s behavior as users mouse around in your movies.

 Week Four
Wednesday – Lesson 07
    To produce applications in Flash, you must know how to create interactivity—or how to tell the movie what to do when a user clicks a button. Today, you’ll see how to use ActionScript 3.0, Flash’s powerful programming language, to make your buttons work. We’ll look at basic programming concepts, and then we’ll write some event listener and event handler scripts that make our buttons hot and our movie interactive. When we finish, you’ll have created a complete Flash movie with working buttons, button sound effects, and user navigation.
Friday – Lesson 08

ActionScript 3.0 is the backbone for creating sophisticated Flash movies. In this lesson, we’ll look deeper into programming with ActionScript. You’ll learn how to create buttons that allow the user to control animation, and we’ll create a short movie that lets users view products online in various colors. We’ll also take a look at the Code Snippets panel and learn how to let Flash create basic scripts automatically and how to save your own code snippets you can use any time in any movie. Since we’re venturing into more advanced Flash topics, we’ll also take a look at creating and manipulating 3-D graphics in Flash. Finally, you’ll learn how to create complex animations with Flash’s Motion Editor.

 Week Five
Wednesday – Lesson 09
    If you’ve watched a few Flash movies, you’ve probably noticed that many of them have several features in common: progress bars that tell users how long they must wait before the movie starts playing; image galleries for displaying photos and product images; similar sounds and animations. To save you time when you’re creating these common elements, Flash comes with several premade components that install these effects for you. You can find thousands of components on the Web, or you can save your own components and use them over and over. Flash also comes with many motion presets that make it easy to create sophisticated animations. Today we’ll take a look at using motion presets and creating and saving your own animations for use in multiple movies.
Friday – Lesson 10

Like most high-end software programs, Flash comes with and supports files from many other applications. In this lesson, we’ll look at Adobe Media Encoder. Media Encoder is a nifty little utility that comes with Flash and lets you format video and sound files for Flash movies and other applications, such as YouTube. We’ll also explore the tight integration between Photoshop and Flash—you’ll learn how to work more quickly and efficiently by importing your Photoshop files directly into Flash. We’ll even touch on publishing Flash movies for mobile devices with the AIR runtime, including actually publishing an AIR app to a smartphone or tablet.

 Week Six
Wednesday – Lesson 11

Flash CS6 has a bunch of great tools and features for creating sophisticated graphics effects and complex animations. Today, we’ll look at three of them: the Deco tool, the Spray Brush tool, and the Bone tool. The first two tools create graphics special effects in highly useful and professional-looking patterns. The Bone tool is an animation tool that lets you easily create animations that simulate the movement of humans and animals—things like people walking, animals running, and birds flying. These tools will help you give your movies and animations a polished, professional look.

Friday – Lesson 12
Why should you do all this work to create interactive movies if you can’t share them with the world? In your final lesson, you’ll find out how to publish your work to the Internet. You’ll learn how Web servers work and how to upload files to make your creations public. You’ll also have a chance to integrate your movies into Adobe Dreamweaver files and then use that popular application to upload your movies to a public Web server. When you finish this lesson, you’ll have successfully joined the elite ranks of Flash designers.
Share

Mobile Web Design at eClasses.org

Communications Technology Watch is happy to announce a new course on mobile design at the popular online school eClasses.org. The course covers Web design, but from the perspective of designing for mobile devices, such as smartphones and tablets. We’ll look at creating HTML, CSS and JavaScript for handhelds. Companies, individuals and organizations that ignore the mobile Web user do so at their own peril! Mobile Web users are by far the fastest growing group of Internet users. This course is designed for students who wish to expand access of their company (or client’s) websites to the most modern of Internet users – people who use their mobile phones and tablets to access the Internet. The emphasis is on creating Web content that displays well and plays properly on the vast and ever-growing number of mobile devices available, today and in the future.

The course’s text book will be William Harrel’s newly released Mobile HTML, CSS and Javascript Development for Dummies. This is an 8-week course. Here is the course outline:

Week 1: Introducing the Mobile Web
  • What is the Mobile Web
  • The Mobile Web User
  • HTML on the Mobile Web
  • Cascading Style Sheets (CSS) on the Mobile Web
  • JavaScript on the Mobile Web
  • Software and Utilities
Week 2: In Depth Mobile Technology
  • Types of Mobile Devices
  • Mobile Device Operating Systems
  • Mobile Web Browsers
  • Which Devices can do what
  • Define Devices by Class
  • Mobile Detect and Adapt Systems
Week 3: Creating Your First Mobile Site
  • Your First Mobile Web Page
  • Mobile HTML Page Structure
  • Mobile-Friendly and Mobile Specific CSS
  • CreateMobile Web Page Elements with CSS
  • Design Mobile Web Templates
Week 4: Interactivity and Multimedia
  • Create Mobile Web Buttons and Hyperlinks
  • Create and Format Graphics for the Mobile Web
  • Create and Format Digital Video for the Mobile Web
  • Create and Format Flash Movies for the Mobile Web
Week 5: Mobile WebKit Extensions
  • What are WebKit Extensions
  • Device Orientation
  • Artwork with WebKit Extensions
  • Special Effects with WebKit Extensions
  • Animations with WebKit Extensions
  • Other Browser-Specific Extensions
Week 6: Advanced Mobile Web Technologies
  • Introducing Mobile CSS3
  • FormatMobile Page Elements with CSS3
  • Mobile HTML5
  • Highly Useful Mobile HTML5 Tags
  • Automate Your Mobile Sites with JavaScript
  • Server-Side Scripting with PHP
Week 7: Automating Your Site with JavaScript
  • JavaScript Automation Basics
  • Detect Device Type with JavaScript
  • Adapt Page Content with JavaScript
  • Change Style Sheets with JavaScript
  • HTML Form Field Validation with JavaScript
Week 8: Creating a Mobile Quiz
  • The User Interface
  • Store and Retrieve Data in Radio Buttons
  • Store and Retrieve Data in Check Boxes
  • Format Your Quiz with CSS
  • Script the Form
Bonus Week:
  • Make Your Mobile Site Search Engine Friendly
  • Createa Mobile Search Page
  • Use Mobile Blog Themes
Prerequisites
Completed ‘Introduction to HTML’ (H101) and ‘Introduction to Cascading Style Sheets’ (H151). Knowledge of computer graphics, digital video, and Flash movies would also be helpful, but by no means required.
Requirements
  • Software: Aside from a text editor, such as Windows Notepad or Mac OS TextEdit, there are no required software applications to complete this course; however, you’ll find the following software useful:
    • Dreamweaver CS4 or later: You can download the latest trial version from adobe.com, but if you do, since the trial version is good for only 30 days, do not install it until the third week of the course.
    • XAMPPWeb server software. XAMPP is a free Linux Web server emulator you can use to test your Web pages. You can download it from: http://www.apachefriends.org/en/xampp.html . It comes in both Windows and Mac OS versions.
    • FTP client software: File Transfer Protocol, or FTP, software allows you to upload your Web page files to a Web server. You can perform this function with built-in Windows or Mac utilities, but will find this much easier with an FTP utility. You can download FileZilla for free at: http://filezilla-project.org/ . It comes in both Windows and Mac versions.
  • Webspace: You’ll need a website to which you can upload your assignments. There are several free Web hosting sites available. However, many of them place ads on your pages. This can be very annoying, but if you can live with it, so can I.

 

Books:
Required Book: HTML, CSS and JavaScript Mobile Development for Dummies

 

Share

HTML, CSS and JavaScript Development for Dummies at Amazon

If, nearly 20 years ago, when I first started designing Web sites, you’d have told me I’d be writing a book about designing World Wide Web pages for cell phones, I’d have told you to lay off the crack. In those days, cell phones did nothing other than make and receive calls. (Besides, very few people could afford them.) The Internet, which most of us accessed through dial-up modems over inadequate copper phone lines, was a slow and temperamental Never-never land.  I, like everybody else writing about information technology (we didn’t call it that then), was still amazed when my mobile calls connected.

But here we are sliding through 2011 with a round of mobile devices that can handle the Internet nearly as well as full-blown computers. Mobile Web surfers have become a force to contend with. It’s time for Web designers and the companies they work for to make their Websites mobile-device friendly. In this new Dummies book, available at Amazon now, I’ll show you how to do that.

William Harrel – www.williamharrel.com

 

Share

HTML, CSS and JavaScript Development for Dummies

If, nearly 20 years ago, when I first started designing Web sites, you’d have told me I’d be writing a book about designing World Wide Web pages for cell phones, I’d have told you to lay off the crack. In those days, cell phones did nothing other than make and receive calls. The Internet, which most of us accessed through dial-up modems over inadequate copper phone lines, was a slow and temperamental Never-never land.  I, like everybody else writing about information technology (we didn’t call it that then), was still amazed when my mobile calls connected.

But here we are sliding into 2011 with a round of mobile devices that can handle the Internet nearly as well as full-blown computers. Mobile Web surfers have become a force to contend with. It’s time for Web designers and the companies they work for to make their Websites mobile-device friendly. In this new Dummies book, due out next spring, I’ll show you how to do that.

William Harrel – www.williamharrel.com

Share