Course Code: Web Designing Training - ADVANCED
Number of hours : 16 Week ( 2 Hours Per Day) OR 8 Week ( 4 Hours Per Day )
Course Description
Taught by Expert Web Designers & Front End Developers, this course will help you to build up your career strong with advanced features of responsive framework. You would learn the different Techniques of customizing Bootstrap to make your website look and behave exactly how you want in all devices.
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