Course Code: Web Designing Training - PRO
Number of hours : 24 Week ( 2 Hours Per Day) OR 12 Week ( 4 Hours Per Day )
Course Description
Adobe Illustrator provides sophisticated vector drawing tools, tracing and text manipulation capabilities as well as color separations. It will assist you to become an expert in the premier artwork for line art, logos, vector graphics and quick page layout as well as tricks and time efficient techniques to keepyour work neat, clean and professional.
This course will also focus on building applications for mobile devices like iPhone, iPad, Android, Malmo (Nokia), Windows Mobile etc. The course will be taught by our professional trainer, a designer of a number of touchscreen applications.
Web Designing Training Workshop Covers following Modules
- Defining page setup for web
- Understanding file formats for web
- Understanding Pixels & Resolution
- Navigating Photoshop & Working with tools
- Working with Multiple Images, Rulers, Guides & Grids
- Working with layers ( Merge, Lock, Hide ),
- Blending Modes, Opacity & Fill
- Adjusting Canvas Size & Canvas Rotation
- Creating text,applying styles effects
- Creating web patterns, Brushes, Custom Shapes
- Levels, Curves adjustment
- Patch tool image correction & Enhancing image for web
- Retouching images & Transforming of images
- Color pallete, Filter Effects
- Render, glass, wood texture, emboss
- Creating Web Layout & Web banners
- Web Animation in Photoshop
- Introduction
- Understanding Browsers & Editors
- Starting with HTML & its Page Structure
- HTML - Basic, Elements, Attributes
- HTML - Headings, Paragraphs, Formatting
- HTML - Comments, Links, Head
- HTML - CSS, Images, Lists
- HTML - Blocks, Layout, Forms
- HTML - Entities, Symbols, Charset
- HTML5 - Intro, New Elements, Semantic
- HTML5 - Input Types, Form Elements, Form Attributes
- HTML5 - Canvas, SVG, Audio, Video
- HTML5 - Geolocation, Drag/Drop, Web Storage
- Introduction to Cascading Style Sheets
- Types of Style Sheets (Inline, Internal and External)
- Class & ID Selector
- Positioning ( Absolute, Relative, Fixed )
- Inline menu & Drop down menu with CSS3
- DIV + CSS Layout Design ( Table less )
- PSD to CSS Conversion ( with Adobe CC )
- Exploring Dreamweaver Interface
- Planning & Setting Web Site Structure
- Dreamweaver - Basics, Shortcuts, Panels
- Dreamweaver - Toolbars, Automation
- Source Code Formatting, Property Inspector
- Understanding and switching views
- Creating Web pages & External Linking
- Anchor & Email Link
- Merging Cells & Inserting Tables
- Working with images with jpg and GIF file format
- Working with Forms ( with Validating )
- Creating and working with Templates
- Working with Spry Menu Bar
- Creating Tabbed Panel
- Creating Collapsible panel
- Using Behaviors
- Creating interactive website
- Creating Table less website using DIV
- Intro to javascript
- Understanding variables & functions
- Working with alert, confirm and prompt
- Understanding loop, arrays
- Creating rollover image
- Working with operators.
- Understanding gif animation interface & GIF file format
- Creating basic web banners with & without effect
- Creating animated web buttons
- Learning to use FTP
- Setting FTP
- Uploading of site
- Using Control panel
- Introduction of Responsive Design
- Developer Tools and Code Management
- Bootstrap Grid System and Layouts
- Bootstrap Typography, Tables and Forms
- Bootstrap Elements
- Bootstrap CSS provided user interface components including navigation bars, responsive images, buttons etc.
- Use of Bootstrap's JavaScript library to create tabs, carousels, collapsible sections, alerts & much more without writing a single line of JavaScript code
- Introduction, Workspace & Navigation
- Selections, Smart Guides and Rulers
- Fills, Stroke and Color
- Gradients, Gradient Mesh, Layers and Grouping
- Line, Shapes, Brushes
- Tools - Pen, Pencil, Symbols, Transform, Cutting
- Charts and Graphs
- Alignment and distribution
- Working with Types, Appearance and Styles
- Transparency and Masking
- Liquify, Enveloping and Meshes
- Filters, Effects & Blending
- Pathfinder Operations
- Saving & Slicing for the Web
- Image, Image Maps and Photoshop Integration
- Variables Palette, Pre-Assembly & Dynamic Type Treatments
- Auto Trace, Live Trace & Live Paint
- Introducing the app
- Basic platform considerations
- The killer app idea
- How to handle Apple and Google
- Top tips for touch-screen design
- The ‘feature fallacy’ and how to avoid it
- Prototyping
- Innovative app design
- Understanding games