Web Design Track
Graphics  
Courses In The Track
Photoshop CC 24 Hours

Overview

Prerequisites

Objectives

Outlines

What Photoshop Can do 
  • Introducing Adobe Photoshop 
  • Moving a Selection from One Image into Another
  • Correcting Colors
  • Fixing Details with the Clone Stamp Tool
  • Using Adjustment Layers
  • Sharpening the Focus
  • Creating a Dramatic Sky & Cropping the Image
  • Text Effects
The Bridge
  • Introducing the Adobe Bridge
  • Using the Lightbox & Thumbnail View
  • Using the Filmstrip View
  • Viewing Thumbnail Metadata & Labeling
  • Showing Off New Features
  • Managing Your Images
  • File Naming Inside the Bridge
  • Workspaces, Location Tracking & Slide Shows
Setting up
  • Setting Preferences
  • Choosing Color Settings
  • Choosing Creative Suite Color Settings
  • Customizing Keyboard Shortcuts
  • Organizing Palettes & Saving Workspaces
Navigation and Resolution 
  • Zooming an Image
  • Scrolling & Panning
  • Changing Resolution & Image Size
  • Upsampling an Image
  • Downsampling an Image
  • Using the Navigator Palette
  • Customizing Your View
Rotate and Crop 
  • Introducing the Crop Tool
  • Cropping with the Crop Tool
  • Cropping with the Marquee Tool
  • Automating Crop & Straighten
  • Straightening with the Measure Tool
  • Cropping with Perspective
Basic Color Correction 
  • Introducing Variations
  • Adjusting Color with Variations
  • Correcting Color with Variations
  • Using the Fade Command
  • Modifying Colors with Hue/Saturation
  • Specifying Colors in Hue/Saturation
  • Selecting Color Ranges in Hue/Saturation
Red Eye Removal and Recolor 
  • Correcting Red Eye
  • Using the Red Eye Tool
  • Recoloring with the Brush Tool
  • Using the Color Replacement Tool
Painting with the Edit Tools 
  • Introducing the Dodge Tool
  • Introducing the Burn Tool
  • Introducing the Sponge & Focus Tools
  • Using the Dodge Tool
  • Using the Burn Tool
  • Working with the Sponge Tool
  • Pushing Pixels with the Smudge Tool
Clone, Heal, and Patch 
  • Introducing the Clone Stamp Tool
  • Compositing with the Clone Stamp Tool
  • Using the Spot Healing Brush Tool
  • The Healing Brush & the Options Bar
  • Healing & Fading
  • Creating Textures & Patterns
  • Using the Patch Tool
Using the Selection Tools 
  • Introducing the Selection Tools
  • Using the Magic Wand Tool
  • Exploring Magic Wand Options
  • Using the Grow & Similar Commands
  • Selecting with the Polygonal Lasso Tool
  • Selecting with the Marquee Tool
  • Saving & Loading a Selection Outline
  • Making a Composite
  • Adding a Drop Shadow
  • Cleaning Up a Selection Edge
Selecting with Color Range 
  • Selecting Translucency
  • Darkening with the Multiply Blend Mode
  • Defining a Color Range
  • Selecting Image Highlights
  • Compositing Highlights into an Image
Making the Most of History 
  • Modifying an Image Using Variations
  • Using Undo
  • Using the History Brush
  • Understanding History States
  • Fixing Saved Files
  • Choosing History Options
  • Saving Snapshots
Illustrator CC 16 Hours

Overview

Prerequisites

Objectives

Outlines

  • Introduction to Illustrator's environment
    • Working with Menus, Palettes and the Document Window
    • About the Control Palette
    • Using and saving Workspaces
    • Setting preferences
    • Moving around the Artboard
    • Using the Navigator palette
    • Options for viewing artwork
    • Using Illustrator Help
  • Working wit hBasic Tools
    • Using the Toolbox
    • Selection techniques with the Selection and Direct Selection tools
    • Line and Shape tools
    • Modifing tool options
    • Techniques for polygons, rounded rectangles, spirals and stars
    • Defining the Stroke and Fill of shapes
  • Transforming and Controlling Shapes
    • Grouping
    • Work in Group Isolation Mode
    • Understanding nested groups
    • The Group Selection tool
    • Using the Free Transform tool
    • Changing the stacking order of objects
    • Working with the Layers palette
  • Objects
    • Aligning and distributing objects
    • Scaling objects
    • Rotating objects
    • Reflecting objects
    • Distorting objects
    • Shearing objects
    • Position objects precisely
  • Live Paint
    • Create a Live Paint Group
    • Edit Live Paint regions
    • Add objects to Live Paint Groups
    • Use the Live Paint tool
    • Set Gap options
  • Colour
    • Color fundamentals
    • Color Modes (RGB / CMYK)
    • Defining and using Global and Spot Colours
    • Mixing Colours with the Colour Palette and Colour Picker
    • Saving, loading and exporting Swatches
    • Creating, editing and applying Gradients
    • Sampling colours with the
    • Eyedropper tool
  • Live Trace
    • Importing bitmap graphics
    • Converting bitmap art intov ector paths
    • Working with Live Trace presets and options
  • Drawing with the Pencil Tool
    • Create paths with the Pencil tool
    • Pencil, Eraser & Smooth tool options
    • Splitting paths with the Eraser tool
    • Simplifying paths with the Smooth tool
  • Precision Drawing
    • with the Pen Tool
    • Creating paths with the Pen tool
    • Splitting and joining paths
    • Creating and editing
    • Bezier curves
    • Using the Convert Anchor Point tool
    • Adding and removing Anchor Points
    • Adding arrowheads
  • Painting with the Paintbrush
    • Creating paths with the Brushtools (Scatter, Art, Calligraphic and Pattern)
    • Brush tool options and libraries
    • Creating new brushes
    • Applying brush strokes to existing paths
  • Introduction to Filters and Effects
    • Using Filters and Effects
    • Controlling object attributes with the Appearance palette
    • Illustrator's 3D rendering effect
    • Creating a 3D shape using Revolve
    • Modifying the light source
    • Creating 3D Beveled and Extruded Shapes
    • 3D rotated shapes
    • Mapping artwork to 3D shapes
  • Symbols
    • Understanding how Symbols work
    • Creating and editing symbols
    • Adding symbols to a document
    • Modifying symbols sets with the Sumbols tool set
  • Working with Type
    • Creating Point, Path and Area type
    • Importing text
    • Applying character and paragraph formatting
    • Wrapping text around images
    • Threading text
    • Creating and applying Character and Paragraph Styles
    • Creating Outlines
  • Creating Complex Illustrations
    • Creating compound paths with the Pathfinder palette
    • Creating compound shapes using the path finder palette
    • Offset Paths
    • Outline Paths
    • Expanding objects
  • Working with Masks
    • Creating clipping masks
    • Editing clipping masks and masked objects
    • Releasing Clipping Masks
    • Creating Opacity Masks
    • Editing opacity masks and masked objects
    • Understanding Knockout Group and Isolate Blending options
    • Transparency effects
    • Understanding blending modes
    • Preparing documents containing transparency for printing
    • Flattening
    • Documents Raster Effects Settings
  • Working in Perspective
    • Creating illustrations in a one point perspective
    • Understanding Isometrics
    • Precision alignment
  • Creating Graduated Shapes
    • Creating Blends
    • Editing Blends
    • Blend options
  • Graphic Styles
    • Creating Graphic Styles
    • Applying Graphic Styles
    • Editing Graphic Styles
    • Sharing Graphic Styles
  • Creating Seamless patterns
    • Creating Tiling patterns
    • Applying patterns
    • Editing patterns
    • Transforming patterns within objects
  • Working with Gradient Mesh
    • Creating a Gradient Mesh Object
    • Using the Gradient tool
  • Creating Web Graphics
    • Creating Slices
    • Editing Slices
    • Working with the Save for Web dialog box
    • Graphic formats for the web (SVG, SWF, JPG, GIF, PNG 8, PNG 24)
    • Creating an animated Flash banner
  • Saving Options
  • Printing options 
HTML 5 08 Hours

Overview

Prerequisites

Objectives

Outlines

  • HTML
    • The Basics
    • Web Browsers
    • What is HTML?
    • HTML as a Markup Language
    • What Does HTML Look Like?
    • Nesting Tags
  • HTML Structure
    • Global Structure
    • The <html>, <body>, <head>, and <title> Elements
    • Creating an HTML Document
    • Basic Content Structure
    • Headings
    • Paragraphs
    • Horizontal Rules
    • Divisions
    • Line Breaks
  • Links
    • Local Links and Navigation Bars
    • Remote Links
    • E-mail Links
    • Named Anchors (Bookmarks)
  • Formatting
    • Block-level Formatting
    • Inline Formatting
    • HTML Entities
    • Using Colors
    • Introduction to Cascading Style Sheets
    • Embedded Styles
    • Inline Styles
  • Graphics
    • Embedding Images in a Web Page
    • The <alt> Attribute and Accessibility
    • Graphic Formats (.gif, .jpg and .png)
    • Using Graphics as Links
    • Using Background Images
  • Lists
    • Creating Unordered (Bulleted) Lists
    • Creating Ordered (Numbered) Lists
    • Nesting Lists
  • Tables
    • Creating and Modifying Tables
    • Table Coding Guidelines
    • Working Around Browser Inconsistencies
    • Formatting Tables
    • Table Headers and Captions
    • Spanning Rows and Columns
CSS 3 12 Hours

Overview

Prerequisites

Objectives

Outlines

  • Introduction to Learn CSS3
  • What Exactly is CSS3, and How we can Use it Today
  • Progressive Enhancement
  • Thinking in CSS
  • Inspiring Real World Examples of CSS3
  • Discussion

CSS Selectors

  • CSS2.1 Attribute selectors
  • CSS3 Attribute selectors
  • CSS3 UI selectors
  • Lesson 3 Outline
  •  first-child and other CSS3 child selectors
  • Aspects of Child Selectors
  • CSS3 stuctural type selectors

CSS3 Text Properties

  • Lesson 4 Outline
  • Text Shadows
  • Text Stroke
  • RGBA Colors

CSS3 Box Properties

  • Lesson 6 Outline
  • Border Radius Part 1
  • Border Radius Part 2
  • Border Radius Part 3
  • Box Shadow Part 1
  • Box Shadow Part 2

CSS Transition Animations

  • Multi-column Text
  • CSS Transitions
  • HTML slides document
  • Recreating 2D Transition Effects from Keynote

CSS3 Backgrounds

  • Multiple Background Images
  • Sizing Background Images
  • Clipping Backgrounds
  • Gradients
  • HTML document
  • Background image
  • Triangles in triangles

CSS Transforms

  • Lesson 9 Outline
  • 2D transforms in CSS3
  • Your Challenge for Today
  • Download HTML document
  • SVG image

Web Fonts

  • The History and Challenges of Web Fonts
  • Using Web Fonts
  • Download the demo page
  • Using Web Fonts
  • Services and Libraries
  • Bonus: Web Fonts Services, Sources, Tools and Resources
Dreamweaver CC 16 Hours

Overview

Prerequisites

Objectives

Outlines

  • Introduction
    • authoring environment
    • Design or Code Layout
    • Setting up your workspace
    • Menus, Panels, and Inspectors
    • Set up web browsers fo previewing pagesMaking a Site Connection
  • Basic Site Management
    • Defining local and remote sites
    • Creating files & folders
    • File naming conventions
    • Moving, copying and deleting files properties
  • Document Properties
    • Adding a page title
    • Adding meta tags
  • Text and Simple Formatting
    • Entering text
    • The importance of headings
    • Paragraph returns and line breaks
    • Bulleted and numbered lists
    • Choosing fonts and creating font lists
    • Importing text
    • Adding special characters
  • Formatting with Cascading
    • Introducing cascading style sheets
    • Creating styles
    • Exporting CSS rule definitions
    • Creating class styles
    • Attaching external style sheets
    • Creating a new external style sheet
    • Displaying styles
    • Understanding cascading order and inheritance of styles
    • Creating internal styles with the Property inspector
  • Hyperlinks
    • Absolute, relative and site-root
    • relative paths
    • Internal links
    • External links
    • Anchors (linking within the same page)
    • Email links
    • Creating a jump menu
  • Working with Images
    • Image file formats (JPG, Gif, PNG, SVG)
    • Inserting images
    • Image alignment
    • Using Dreamweaver's onboard image editing tools (crop, brighten, sharpen)
    • Inserting background images
    • Page composition using tracing images
    • Image links
    • Image maps
    • Simple rollovers
  • Site Layout
    • using Tables
    • Creating tables
    • Formatting tables
    • Modifying a table
    • Percentage or Pixel based tables
    • Nesting tables
    • Drawing tables in layout mode
    • Importing tabular data
    • Sorting table data
  • Library Items
    • Creating library elements
    • Inserting library elements
    • Updating pages with library elements
  • Working with Templates
    • Creating a template
    • Adding editable regions to your template
    • Creating new pages from your template
    • Updating your site using templates
  • Inserting Multi-media
    • Inserting a Flash Animation
    • Inserting a PDF button
    • Insert Video
  • Testing and Uploading Your Site
    • Testing your site
    • Maintaining your files and folders
    • Connecting to a remote site
    • Synchronizing files
  • Working with Code Snippets
  • Working in Code view and hints
  • Creating Usable Forms
    • Overview of form interaction
    • Adding Controls
    • Labels and text boxes
    • Drop down lists, radio buttons, check boxes and hidden fields
    • Submit and Reset buttons
    • Form validation
  • Advanced Template Topics
    • Creating the base Template
    • Nesting Templates
    • Repeating Regions
    • Optional Regions
    • Template expressions
  • Tableless layout with CSS
    • Understanding cascade and specificity
    • Absolute, Relative and Static positioning
    • Visibility and Overflow
    • Working with Floats
    • Multi-colum layouts
    • Centering CSS layouts
    • List-based navigation
  • Automation
    • Search and Replace
    • Using the History Panel
    • Saving History Steps as Commands
    • Extend Dreamweaver - get more commands
  • Javascript Behaviours
    • Popup Windows
    • Browser Sniffing
    • Plugin- Sniffing
    • Multi-event rollovers
    • Show/Hide Layer
  • Advanced Site Management
    • Search and Replace
    • Link-checking - Broken links and orphaned files
    • Validation
    • Browser checking
    • Using the Site-Map
    • Cloaking files and directories
    • Check in / Check out
    • Synchonization
Javascript for design 08 Hours

Overview

Prerequisites

Objectives

Outlines

  • Introduction to JavaScript
    • Introduction to what programing languages are
    • The JavaScript Syntax
    • Script tags
    • Intro to built in functions
    • Types in JavaScript
    • Variables in JavaScript
    • Operators (math)
    • Concatenation
  • Control flow and Loops
    • Including External JavaScript files
    • if statements
    • for loops
    • Booleans
  • Functions
    • Review of built in functions: Math, console, alert and prompt
    • Understanding the difference between functions and methods
    • Creating functions
    • Calling functions
    • Understanding and working with parameters and arguments
    • Returning values and storing in variables
    • Calling other functions from within a function
  • Arrays
    • Array syntax
    • Creating and storing arrays
    • Methods on arrays
    • Adding/removing/merging/splitting/sorting arrays
    • Array length and looping through arrays
JQuery for design 08 Hours

Overview

Prerequisites

Objectives

Outlines

  • Introduction to jQuery
    • Why use jQuery? Is it a replacement for JavaScript?
    • Including jQuery in your page
    • Hosting it yourself vs jQuery CDN
    • jQuery 1.9.x vs 2.x
    • The document ready
    • The DOM
    • jQuery selectors – a review of all types of selectors
    • Adding / removing classes
  • jQuery Wvwnts and Effects
    • Exploring the jQuery API
    • jQuery events
    • jQuery effects
    • The this keyword and $(this)
  • jQuery,
    • jQuery and data attributes
    • jQuery utility methods
    • Advanced DOM Traversal
    • Creating and appending elements with jQuery
Flash CC 16 Hours

Overview

Prerequisites

Objectives

Outlines

  • Overview File types
    • Raster vs Vector format
    • Start page
    • Stage
    • Timeline
    • Toolbox
    • Palettes
    • Essential Preferences
    • Controlling the workspac
  • Drawing and Colour
    • Drawing with the Pencil tool
    • Modifying lines
    • Drawing with the Pen tool
    • The Oval and Rectangle tools
    • The free Transform tool
    • Modifying and optimizing shapes
    • Working with the Brush tool
    • Selecting with the Lasso tool
    • Working with the Eyedropper tool
    • Using the Color Mixer
    • Creating Gradients
    • Adding and importing colors to the Color Swatches panel
    • Grouping and Ungrouping
    • Object based undo
  • Animation Essentials
    • Movie properties and frame rate
    • Timeline, Frames and Keyframes
    • Inserting, copying, deleting and reversing frames
    • Testing movies
    • Frame by Frame animation
  • Shape Tweens
    • Shape Tweening Overview
    • Shape hinting
    • Shape Tweening Text
    • Editing multiple frames
    • Animating gradients
    • Libraries, Symbols, and Instances
    • Working with the Library
    • Arranging Movie Assets
    • Creating Symbols
    • Covert to Symbols
  • Motion Tweens
    • Motion Tweening Overview
    • Creating a motion tween
    • Tweening effects
    • Motion Guides
    • Motion tweening text
    • Easing in and out
    • Custom easing controls
  • Masking
    • Creating a mask layer
    • Animating a mask
  • Type
    • Text overview
    • Text formatting and options
    • Aliasing
    • Spell checking
    • Find and Replace
  • Using Bitmap Images
    • Importing bitmap images
    • Compressing bitmap images
    • Bitmap fills
    • Tracing bitmaps
    • Changing Opacity
  • Filters and Blend Modes
    • Working with Filters
    • Working with Blend Modes
  • Button Symbols
    • Button overview
    • Creating basic buttons
    • Rollover button
    • Rollover button with down state
    • Invisible buttons
  • Movie & Graphic Symbols
    • Movie & Graphic Symbol Overview
    • Symbol properties
    • Nested Symbols
  • Components
    • What are Components?
    • The UI Scrollbar Component
  • Sound
    • Importing Sound
    • Supported formats
    • Adding sound to buttons
Actionscript 3 20 Hours

Overview

Prerequisites

Objectives

Outlines

  • Programming Concepts
    • Syntax
    • Events
    • Variables
    • Functions
    • Loops
    • Creating random numbers
    • Using conditional logic
  • Working with the Actions Panel
    • Actions panel overview
    • Navigating the code
    • Adding built in code snippets
  • Working with Input Text
    • Adding user input text boxes
    • Styling input Text
    • Capturing user data
    • Working with Dynamic Text
    • Adding dynamic text boxes
    • Styling dynamic text boxes
    • Creating a scrolling text box with buttons
    • Adding a Scroll bar component for longer paragraphs
  • Loading an external text file
    • The advantages of using external files
    • Loading an external text file
    • HTML text
    • Styling with CSS
  • Loading external files
    • Loading external Flash files
    • Loading external Images
    • Creating an online gallery
  • Working with sound files
    • Loading an external sound file
    • Play / Stop Button
    • Changing tracks
    • Changing Volumes
  • Working with external links
    • Creating a mailto link
    • Linking to an external site
  • Pre-loaders
    • Creating a progressive preloader
    • Creating a numeric pre-loader
  • Making Flash Accessible
    • Setting Accessibility options
    • Adding a name and description
    • Accessibility and text fields
  • Search Engine Optimization for Flash Websites
    • HTML based structure
    • Deconcept's Flash Object
Web Design Workshop 12 Hours

Overview

Prerequisites

Objectives

Outlines

Order This Track
Name    
Company    
Contacts    
E-maill    
       
Courses    
       
     


When you need a watch, you value your time. In the past, there was a joke that if you can't find a job without a watch in Hongkong fake rolex, the boss will think that you have no time to do it. So Hongkong people to see the work can not suit, but can not watch. Do not believe you can look up the bookstore selling books on how to hublot uk gather wealth, almost all teach you how to developed books will be pointed out that the fundamental difference between the rich and the poor treat time: the poor what is not much time, at a young age can not waste, kill the old, without a single success. The rich are nothing short of time, his time is not enough, his time is used to achieve his ideal above, he can not rich? Why does the rolex replica watches boss choose a worker who wears a watch? Because this person attaches importance to their own time, do things will certainly be efficient.