ONLINE WEB AND GRAPHIC DESIGNING TRAINING COURSE
Apply For Course
DURATION : 3 MONTHS
FACULTY : Mr. SIVA / Mr.RAVI
COURSE MODULES
- ADOBE PHOTOSHOP CC
- ADOBE ILLUSTRATOR CC
- ADOBE INDESIGN CC
- CORELDRAW
- ADOBE DREAMWEAVER CC
- HTML / XHTML , CSS, JAVASCRIPT(BASIC & ADVANCED)
- HTML5,6, CSS3,4, POLLYFILLS
- BOOTSTRAP 5
- JQUERY, AJAX, JSON OR REST API OR SERVICE CALLS
- FACEBOOK, GOOGLE+, TWITTER, GOOGLE MAP, YOUTUBE
- SEARCH ENGINE OPTIMIZATION (On-Page and Off-Page)
- GOOGLE ANALYTICS INTEGRATION
- Developer Tools and Debugging
- DOMAIN & WEB HOSTING
- MINI PROJECT ON HTML 4 FORMS
- MINI PROJECT ON JAVASCRIPT FORM VALIDATION
- MAJOR PROJECT ON HTML AND CSS (INCLUDES HTML5,6, CSS3,4)
- MAJOR PROJECT ON JQUERY, JQUERY UI, THIRD PARTY PLUGINS, AJAX, REST API OR JSON
- MAJOR PROJECT ON BOOTSTRAP 5 RESPONSIVE LAYOUT
- RESUME PREPARATION
- INTERVIEW QUESTIONS
- FREE COURSE COMPLETION CERTIFICATE
- LIVE PROJECTS TRAINING ALSO AVAILABLE
Our ONLINE TRAINING HIGHLIGHTS
- LIVE INTERACTIVE SESSIONS
- REALTIME TRAINING with WORKING EMPLOYEES
- LIFE LONG ACCESS to RECORDING SESSIONS
ADOBE PHOTOSHOP CC
- Software Installation
- Types of Images
- Types of resolution
- Introduction to Photoshop
- Overview of Workspace
- Color Modes
- Tools
- Selection tools
- Crop & Slice tools
- Retouching Tools
- Painting tools
- Drawing Tools
- Type Tools
- Navigation tools
- Annotation Tools
- Measurement Tools
- Tools using option Bar(Overview)
- Rulers,Grids and Guides
- Layers
- Layer Basics
- Grouping Layers
- Layer Effects and Style
- Masking Concepts
- Filters
- Filter Basics
- Filter Effects
- Lighting Filters
- Customized Filter Effects(3-4 examples)
- Creating Animated Gif files
- Banners
- Design Glossy Buttons
- Creating passport size photos
- Overview of Menu Items and Filters
- Design Logos & Banners
- Design Buttons & Icons
- Design a Web Layouts
ADOBE ILLUSTRATOR CC
- Getting Started
- Introduction
- What is Adobe Illustrator.
- Installing Illustrator via Creative Cloud.
- Touring the Illustrator interface.
- Exploring the Illustrators Tools panel.
- Creating new documents.
- Modifying and saving your documents.
- Setting up your Illustrator preferences.
- Navigating Your Documents
- Navigating a single document.
- Navigating multiple documents.
- Working with Illustrators panels.
- Building and saving your own workspace.
- Understanding screen modes.
- Creating and using custom views.
- Creating and using custom guides.
- Locking and hiding artwork.
- Artboards
- Creating multiartboard documents.
- Exploring the Artboards panel.
- Adding artboards on the fly.
- Manipulating artboards with the Artboard tool.
- Exporting your artboards as files.
- Layers
- Exploring the Layers panel.
- Creating and editing layers.
- Targeting objects inside the Layers panel.
- Working with sublayers.
- Hiding, locking, and deleting layers.
- Tips for organizing your artwork using layers.
- Drawing Basic Shapes
- Understanding vector paths.
- Drawing basic lines and curves.
- Drawing spirals.
- Drawing rectangles and ellipses.
- Drawing polygons and stars.
- Using the Pencil tool for freehand drawing.
- Modifying existing shapes and paths.
- Exploring Illustrators drawing modes.
- Transforming Objects
- Using the Direct Selection tool.
- Grouping objects together.
- Using isolation mode to edit grouped artwork.
- Moving and duplicating objects.
- Scaling objects.
- Rotating objects.
- Distorting and transforming objects.
- Using the Transform Each command.
- Reflecting objects.
- Fills and Strokes
- Adding color fills to your objects.
- Creating and using gradient fills.
- Adding strokes to your objects.
- Adding endpoints and dashed lines to your strokes.
- Adding gradient strokes to your objects
- Creating variable width strokes
- Color
- Understanding CMYK vs. RGB color
- Adjusting Illustrators color settings
- Understanding process vs. global swatches
- Creating and using spot colors
- Working with color groups.
- Importing Adobe Color themes.
- Loading ASE files into Illustrator.
- Using the Appearance Panel
- Exploring the Appearance panel.
- Attribute stacking order explained.
- Applying multiple fills and strokes.
- Working with live effects.
- Saving appearances as graphic styles.
- Creating Complex Shapes
- Creating compound paths and shapes.
- Working with the Pathfinder panel.
- Using the Illustrator Brush tools.
- Using the Eraser tool.
- Creating artwork with the Shape Builder tool.
- Pen Tool
- Pen tool basics.
- Drawing curves with the Pen tool.
- Drawing complete shapes with the Pen tool.
- Enabling and disabling the rubberband preview.
- Avoiding the whips with the Pen tool.
- Tracing exercise.
- Type
- Creating point and area type objects.
- Making basic edits with the Control panel.
- Exploring the type panels.
- Flowing text around objects.
- Setting type onto a path.
- Learning essential type shortcuts
- Adding Typekit desktop fonts to Illustrator.
- Converting text into paths.
- Using Raster Graphics in Illustrator
- Placing linked images into Illustrator.
- Working with the Links panel.
- Embedding images into your Illustrator documents.
- Using clipping masks.
- Using the Image Trace panel.
- Converting pixels into paths.
- Printing and Exporting Artwork
- Printing your artwork.
- Saving files for print using PDF.
- Packaging files for print production.
- Saving files for the web.
- Saving in legacy formats.
- Placing linked Illustrator files into Photoshop.
- Placing linked Illustrator files into InDesign.
ADOBE INDESIGN CC
- Getting started
- Adding or editing text
- Adding or replacing graphics
- Printing and creating a PDF
- Working with InDesign Documents
- Exploring the application window.
- Navigating and zooming.
- Selecting objects.
-
- Working with panels.
- Setting rulers and measurements.
- Adjusting view and preview settings.
- Saving and reverting documents.
- Saving for CS4, CS5, or CS6 with IDML.
- Creating a Document
- New documents.
- Putting ruler guides on your page.
- Adding text frames.
- Typing and editing text.
- Applying basic text formatting.
- Importing graphics.
- Bleeding colors or images off the side of the page.
- Managing Pages
- Inserting, deleting, and moving pages.
- Creating and applying master pages.
- Overriding master page items.
- Setting margin and column guides.
- Changing page size.
- Adding page numbering.
- Changing page numbering with sections.
- Text
- Inserting special characters.
- Importing text.
- Threading text frames.
- Setting text frame columns.
- Setting text inset and vertical justification.
- Allowing text frames to grow and shrink.
- Putting text on a path.
- Using the Story Editor.
- Checking spelling.
- Using Find/Change.
- Graphics
- Setting the view quality of artwork.
- Using the Links panel.
- Editing graphics in their original app.
- Fitting graphics to the frame.
- Taking advantage of image transparency and clipping paths.
- Inserting QR codes.
- Formatting Objects
- Stroking and filling frames and paths.
- Colorizing images.
Adjusting transparency
- Adding drop shadows.
- Using other transparency effects.
- Copying formatting with the Eyedropper tool.
- Finding and changing object formatting.
- Color
- Creating color swatches.
- Understanding the danger (and power) of unnamed colors.
- Creating gradient swatches.
- Applying gradients.
- Frames And Paths
- Drawing and editing path and frame shapes.
- Adding rounded corners and other corner options.
- Making polygons and starbursts.
- Creating text outlines.
- Managing Objects
- Stacking objects.
- Creating and controlling layers.
- Managing objects in the Layers panel.
- Grouping and locking objects.
- Nesting objects.
- Aligning and distributing.
- Understanding text wrap.
- Using anchored objects.
- Transforming Objects
- Duplicating objects.
Rotating objects.
- Scaling objects.
- Skewing objects.
- Mirroring objects.
- Character Formatting
- Applying advanced character formatting
- Changing case.
- Using Find/Change for text formatting.
- Using Find Font.
- Paragraph Formatting
- Applying formatting to a paragraph
- Using drop caps.
- Adding rules (lines) above or below a paragraph.
- Spanning a paragraph across multiple columns.
Shading paragraphs and boxes.
- Setting tabs
- Adding automatic bullets.
- Numbering paragraphs.
- Styles
- Creating and applying paragraph styles.
- Using character styles.
- Editing and redefining styles.
- Using object styles.
- Tables
- Creating a table.
- Adjusting rows and columns.
- Adding, moving, and deleting rows and columns.
- Formatting a table.
Formatting cells
- Placing graphics in cells.
- Interactive Documents
- Adding hyperlinks.
- Creating an interactive PDF.
- Exporting a reflowable EPUB.
- Exporting a fixed-layout EPUB.
- Packing, Printing And Exporting
- Packaging for output.
- Using the Print dialog box.
- Exporting a PDF.
- Exporting text.
HTML
- Internet
- Types of Webpages
- Static Webpage
- Dynamic Webpage
- Server Webpage
- Introduction To HTML
- Structure Of HTML
- Tag
- Editors
- Basic Tags
- Meta Tags
- Attributes & Parameters
- Font tag
- Formatting Tags
- Quotation and Citation Elements
- Paragraph tag
- Computer Code
- abbr & acronym
- Comments
- Iframe
- Entities and Symbols
- Charset
- Image tag
- Link Tags
- Image Link
- Text Link
- Email Link
- Colors
- Marquee Tag
- List
- Ordered List
- Unordered List
- Nested List
- Description List
- Table Tag
- Form tags
- Frame Tag
- Background Colors & Images
- Embed Multimedia - Movie, Music
- XHTML
- Difference Between HTML & XHTML
- Doctypes:DTD
- W3C
- Introduction To HTML 5
Cascading Stylesheets(CSS)
- CSS
- Introduction
- Syntax
- Comments
- Types of StyleSheets
- Internal StyleSheets
- External StyleSheets
- Inline StyleSheets
- Compound StyleSheet
- Types of Selectors
- Universal or Global
- Element or Tag
- Class
- Id
- Descendant
- Grouping
- Attribute
- Div's & Span tags
- Block & Inline
- Colors
- Box Model
- Border
- border-bottom
- border-bottom-color
- border-bottom-style
- border-bottom-width
- border-color
- border-left
- border-left-color
- border-left-style
- border-left-width
- border-right
- border-right-color
- border-right-style
- border-right-width
- border-style
- border-top
- border-top-color
- border-top-style
- border-top-width
- border-width
- outline
- outline-style
- outline-width
- outline-color
- margin
- margin-bottom
- margin-left
- margin-right
- margin-top
- padding
- padding-bottom
- padding-left
- padding-right
- padding-top
- Background
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
- background
- Font
- font-family
- color
- font-size
- Set Font Size With Pixels
- Set Font Size With em
- font-style
- font-variant
- font-weight
- font
- Text
- Color
- letter-spacing
- Word-spacing
- line-height
- text-align
- text-decoration
- text-indent
- text-transform
- vertical-align
- White-space
- Direction
- unicode-bidi
- Images
- border
- width
- height
- opacity
- FORMS
- Links
- a:link
- a:visited
- a:hover
- a:active
- cursor
- Lists
- list-style
- list-style-type
- list-style-position
- list-style-image
- Tables
- border
- border-collapse
- width
- height
- text-align
- vertical-align
- padding
- Dimension
- height
- width
- max-height
- min-height
- max-width
- min-width
- Display / Visibility
- Positioning
- bottom
- clip
- left
- overflow
- absolute
- fixed
- relative
- static
- right
- top
- z-index
- float & clear
- Pseudo-class
- Pseudo-element
- Combinators
- descendant selector (space)
- child selector (>)
- adjacent sibling selector (+)
- general sibling selector (~)
- Image Sprites
- Navigation Bar
- CSS Validations(W3C)
- Introduction to css3.0
JAVASCRIPT
- Introduction to javascript
- Syntax
- Statements
- Comments
- Popup Boxes
- Variables
- Operators
- Arithmetic
- Assignment
- Comparison
- Logical
- Conditional
- Conditional Statements
- if
- if...else
- if...else if...else
- Switch
- Loops
- while
- do...while
- for
- for...in
- Break
- Continue
- Functions
- User-defined Functions
- Function Syntax
- Function with Arguments
- Returning Values from Functions
- Closures
- Local and Global Variables
- Built-in Functions
- Events
- Introduction
- Mouse Events
- Keyboard Events
- Form Events
- Document/Window Events
- Page redirection
- Page Printing
- Built-in Objects
- Introduction
- Number
- Strings
- Math
- Arrays
- Array Properties and Methods
- Date
- Boolean
- Regexp
- Advanced javascript
- Error handling
- Debugging
- HTML DOM
- Introduction
- Methods
- Document
- HTML
- CSS
- Events
- EventListener
- Nodes
- Browser BOM
- Window
- Screen
- Location
- History
- Navigator
- Popup Alert
- Timing
- Creating a JavaScript Object
- JavaScript Keyword new
- Using an Object Constructor
- Adding methods to an object
- CLOSURES
- Form Validations
- Basics of Form Validation
- Validating Radio Buttons
- Validating Checkboxes
- Validating Select Menus
- Validating Text & Textareas
- Validating Through Regular Expressions : Alphabetical, Alphanumeric, Email, Date, Image, Password and so on
JQUERY
- Introduction
- What is jQuery
- Downloading and Installing jQuery
- Creating a Simple Page in jQuery
- Overview of jQuery Features
- The Document Ready Function
- How to use Custom Scripts?
- Selectors
- How to use Selectors?
- Name
- #ID
- .Class
- Universal (*)
- Multiple Elements E, F, G
- Attribute Selector
- JQUERY EFFECTS
- hide/show
- fade
- slide
- animate
- toggle
- stop
- Callback
- Chaining
- DOM TRAVERSING
- Ancestors
- Descendants
- Siblings
- Filtering
- Form Selectors
- HTML
- Get
- Set
- Add
- Remove
- CSS Classes
- css()
- Dimensions
- jQuery Events
- noConflict() Method
- AJAX Methods
- load( )
- $.get( )
- $.post( )
- $.getScript( )
- $.getJSON( )
- $.ajax( )
- AJAX Events
- ajaxComplete( )
- ajaxStart( )
- ajaxError( )
- JQUERY UI LIBRARY Overview
- Jquery Theme Roller
HTML 6
- What is HTML 6
- Overview of HTML 6
- Browser Support
- W3C and Web Hypertext Application Technology Working Group (WHATWG). Specifications
- Power of HTML6 in web & mobile Domains
- Overview of updated new features
- HTML5 Syntax
- The DOCTYPE
- Character Encoding
- The <script> tag
- The <link> tag
- HTML5 Document
- Forms
- color
- date
- datetime
- datetime-local
- email
- month
- number
- range
- search
- time
- url
- week
- Form Elements
- New attributes for <form>
- New attributes for <input>
- autocomplete
- autofocus
- form
- formaction
- formmethod
- formnovalidate
- formtarget
- height and width
- list
- min and max
- multiple
- pattern (regexp)
- placeholder
- required
- step
- Video and Audio
- Media
- <audio>
- <video>
- <source>
- <embed>
- plugins
- youtube
- Types of Elements
- Semantic Elements
- Structural Elements
- HTML5 NEW ELEMENTS
- <article>
- <aside>
- <canvas>
- <details>
- <figcaption>
- <figure>
- <footer>
- <header>
- <hgroup>
- <main>
- <mark>
- <meter>
- <nav>
- <section>
- <summary>
- <time>
- Migration from HTML4 to HTML5
- HTML5 Browser Support
- HTML5 Elements as Block Elements
- Adding New Elements to HTML
- Problem With Internet Explorer
- Complete Shiv Solution
- HTML5 Skeleton
- HTML5 DEPRECATED TAGS
- <acronym>
- <center>
- <font>
- <frame>
- <frameset>
- <s>
- <u>
- HTML5 DEPRECATED ATTRIBUTES
- align-caption, iframe, img, input, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, td, th, and tr.
- background-body
- bgcolor-table, tr, td, th and body.
- border table
- cellpadding-table
- cellspacing-table
- hspace-img
- vspace-img
- noshade-hr
- rules-table
- size-hr
- type-li, ol and ul
- width-hr, table, td, th, pre.
- Web Storage
- Local Storage
- Session Storage
- Web Workers
- MathML
- Introduction
- Browser Support
- MathML Characters
- Matrix Presentation
- Math Formulas
- Geolocation
- Locate the User's Position
- Browser Support
- getCurrentPosition() method
- Handling Errors & Rejections
- Displaying the Result in a Map
- Location-specific Information
- getCurrentPosition() Method - Return Data
- Geolocation object - Other interesting Methods
- Drag and Drop API
- Browser Support
- Make an Element Draggable
- What to Drag - ondragstart and setData()
- Where to Drop - ondragover
- Do the Drop - ondrop
- Drag image back and forth
- Canvas Overview
- Lines
- Curves
- font
- Image
- Paths
- Shapes
- Color, gradients
- SVG
- What is SVG?
- SVG Advantages
- Differences Between SVG and Canvas
- Rectangle
- Circle
- Ellipse
- Line
- Polygon
CSS 3.0
- CSS 2.0 vs CSS 3.0
- Introduction to css3
- whats new in css3.0
- border
- box-shadow
- border-image
- border-radius
- background
- background-clip
- background-origin
- background-size
- Multiple Background Images
- Gradients
- Linear Gradients
- Top to Bottom
- Left to Right
- Diagonal
- Angles
- Multiple Color Stops
- Transparency
- repeating-linear-gradient
- Radial Gradients
- Evenly Spaced Color Stops
- Differently Spaced Color Stops
- Set Shape
- Use of Different Size Keywords
- closest-side
- farthest-side
- closest-corner
- farthest-corner
- repeating-radial-gradient
- text effects
- @FONT Face
- Browser Support
- Font Formats
- Browser Support for Font Formats
- Using The Font
- Working with third party plugins
- Google fonts
- 2D Transforms
- Browser Support for 2D Transforms
- transform
- transform-origin
- translate(x,y)
- translateX(n)
- translateY(n)
- scale(x,y)
- scaleX(n)
- scaleY(n)
- rotate(angle)
- skew(x-angle,y-angle)
- skewX(angle)
- skewY(angle)
- 3D Transforms
- rotateX()
- rotateY()
- rotateZ()
- RGBA
- Box Resize
- Box Sizing
- Outline
- Transitions
- transition
- transition-delay
- transition-duration
- transition-property
- transition-timing-function
- linear
- ease
- ease-in
- ease-out
- ease-in-out
- Animations
- @keyframes
- animation
- animation-delay
- animation-direction
- animation-duration
- animation-iteration-count
- animation-name
- animation-play-state
- animation-timing-function
- linear
- ease
- ease-in
- ease-out
- ease-in-out
- object-fit
- Selectors
- Multiple Columns
- column-count
- column-gap
- column-rule
- column-rule-color
- column-rule-style
- column-rule-width
- User Interface
- Variables
- Box-sizing
- Flex
- Media Queries
- Overview of CSS 3.0 compatabilities for Internet Explorer
***Content will be upadated as per latest updations.
BOOTSTRAP 5
- Get Started?
- What is Bootstrap?
- Bootstrap History
- Why Use Bootstrap?
- What Does Bootstrap Include?
- HTML File
- Adding Bootstrap to Your Web Pages
- Downloading Bootstrap
- Bootstrap CDN
- Put Your HTML Elements Inside Containers
- Bootstrap Browser/Device Support
- Typography
- Colors
- Tables
- Images
- Jumbotron
- Alerts
- Buttons
- Button Group
- Button Dropdown
- Badges
- Progressbars
- Pagination
- List Groups
- Cards
- Collapse
- Navbar
- Forms
- Inputs
- Carousel
- Modal
- Tooltip
- Popover
- Scrollspy
- Utilities
- Grid Sytem
- BOOTSTRAP RESPONSIVE LAYOUT PROJECT