Creative Cloud for Web Design

Transcription

1 Creative Cloud for Web Design Level: Duration: Time: Cost: Fast Track - Introduction 5 Days 9:30 AM - 4:30 PM 997 Overview Like the Dreamweaver Jumpstart course, the Creative Suite for Web Design course is designed to give you a huge head start in the world of web design. Not only will you learn how to build and maintain professional sites without code using Dreamweaver, but you ll also learn how to embellish those sites and create interactive features with Flash or Edge as your preference. This course consists of the Dreamweaver 101 Yellow Belt course followed by the Flash or Edge 101 Yellow Belt course. It s an unbeatable combination. Description Website design can be confusing to get started with. But with our Adobe Certified Instructor led class we will show you how Adobe Dreamweaver and Adobe Flash (or Edge) can make it simple. Two of the most important software programs when building websites are Adobe Dreamweaver and Adobe Flash (or Edge). Learn the basics of Dreamweaver and Flash (or Edge) and in just 5 days you'll be creating your very own attractive and workable websites. Who is this course for? This course is for novice Adobe Flash (or Edge) and Adobe Dreamweaver users. People who want to learn how to build websites using Flash (or Edge) and Dreamweaver. Assumed Knowledge To gain the most from this class, students should be familiar with the web and its terminology. You should have a basic working knowledge of either the Windows or Mac interface as well as exposure to either Microsoft Word, Excel or PowerPoint. You should know how to launch an application, create and save files, and copy files. What you will learn * Adobe Dreamweaver Interface Basics, * Creating a website, * Controlling document structure, * Intro to Cascading Style Sheets, * Adding Graphics, * Building Successful Site Navigation, * Designing Pages with CSS, * Fireworks -Dreamweaver integration, * Creating Templates and Site Maintenance,

2 * Create an Adobe Flash (or Edge) Document, * Set up a Adobe Flash (or Edge) document, * Import and create graphics, * Use Adobe Flash (or Edge) drawing tools, * Create and use symbols, * Produce Motion and Shape animations, * Import Sound and Video, * Use Scipt Assist and Behaviors to add simple interactivity * Publish an Adobe Flash (or Edge) Document in one of several formats. Outline Introducing the Course Understanding the course format Reviewing the course objectives and prerequisites Looking at the course outline Adobe Flash New Features New user interface Adobe Photoshop and Illustrator integration New drawing tools Actionscript 3.0 Actionscript 3.0 Animation Actionscript 3.0 Debugger Flash Video Technology UI componenets Adobe Device Central Creating and Importing Graphic Assets Working with different graphic formats Importing bitmap graphics Importing vector graphics Working with layers and layer folders Using the drawing tools Using object and merge drawing Working with the Color panels Creating and using Graphic symbols Using the Library panel Using Text Effectively Using the Text tool Adding and formatting static text Changing font rendering methods Adding input text fields Embedding fonts in input text fields Using font best practices Creating Animations

3 Working with the Timeline Using Keyframes blank Keyframes and frames Creating motion tweens Creating shape tweens Creating transition effects Using animation best practices Adding Actionscript with Script Assist and Behaviours Using Script Assist Adding actions to a frame Creating and using Button symbols Adding behaviours to a button Loading external SWFs Using Moving Clips Creating and using Movie Clip symbols Organizing a Movie Clip Timeline Using actions to control a Timeline Using frame labels Responding to user interactions Adding Sound and Video Importing sound Changing sound properties Adding sound to a Timeline Embedding video in a Timeline Using the FLV Playback component Publishing Flash Documents Using different publishing formats Using publishing profiles Adding Flash Player detection Publishing for deployment Dreamweaver New Features CSS Layouts CSS Management CSS Advisor Browser Compatibility Spry Data Spry Widgets Spry Effects Photoshop Integration Adobe Device Central Adobe Bridge

4 Getting Started Introducing Dreamweaver Learning the interface Defining a local site Creating a website Adding Content to a Site Adding content Controlling document structure Making lists Adding horizontal rules Adding special characters Formatting with Cascading Style Sheets Formatting text Introducing cascading style sheets Creating styles Exporting CSS rule definitions Creating class styles Attaching external style sheets Creating advanced styles Creating a new external style sheet Displaying styles Understanding cascading order and inheritance of styles Working with Graphics Using graphics on web pages Placing graphics on the page Modifying image properties Editing images Doing roundtrip editing with Fireworks /Photoshop Customizing the Insert bar Adding Flash content Adding Flash Video Navigating Your Site Understanding site navigation Linking to files in your site Linking to sites Linking to named anchors Adding links Linking from images Creating a jump menu Designing Page Layouts with CSS

5 Understanding page layout Using layers for layout Adding CSS to layers Using absolute and relative positioning Designing with DIVs Designing navigation links with CSS Importing tabular data Using table layout view Using Libraries and Templates Using site library items Creating site templates Defining editable regions Using templates Applying a template to an existing page Modifying templates Creating Forms Understanding forms Processing a form Setting focus in a form Validating a form Testing Maintenance and Uploading Testing your site Maintaining your files and folders Connecting to a remote site Synchronising files