+91-99796 19126
Apply now

Web Designing - Advanced

The Web Designing Training advanced course covers the responsive framework bootstrap with a grid-based layout which runs proper in all devices like smart phones, ipad, tablet, laptop, desktop etc.

What will you learn in Advanced?

Learn how to design a creative web layout with grid system & how to export that in responsive framework bootstrap. You would learn extra Components for navigation, progress bars, pagination including javascript components like carousels, modals, alerts and tabs. Build up your strong career with this advanced course.

  • Experienced Faculty with 4+ years experience
  • Boost your Web Designing career
  • Lots of Job Opportunities
  • Complete Practical Workshop
Web Designing Advanced Course

 

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

Photoshop

  1. Defining page setup for web
  2. Understanding file formats for web
  3. Understanding Pixels & Resolution
  4. Navigating Photoshop & Working with tools
  5. Working with Multiple Images, Rulers, Guides & Grids
  6. Working with layers ( Merge, Lock, Hide ),
  7. Blending Modes, Opacity & Fill
  8. Adjusting Canvas Size & Canvas Rotation
  9. Creating text,applying styles effects
  10. Creating web patterns, Brushes, Custom Shapes
  11. Levels, Curves adjustment
  12. Patch tool image correction & Enhancing image for web
  13. Retouching images & Transforming of images
  14. Color pallete, Filter Effects
  15. Render, glass, wood texture, emboss
  16. Creating Web Layout & Web banners
  17. Web Animation in Photoshop

HTML & HTML5

  1. Introduction
  2. Understanding Browsers & Editors
  3. Starting with HTML & its Page Structure
  4. HTML - Basic, Elements, Attributes
  5. HTML - Headings, Paragraphs, Formatting
  6. HTML - Comments, Links, Head
  7. HTML - CSS, Images, Lists
  8. HTML - Blocks, Layout, Forms
  9. HTML - Entities, Symbols, Charset
  10. HTML5 - Intro, New Elements, Semantic
  11. HTML5 - Input Types, Form Elements, Form Attributes
  12. HTML5 - Canvas, SVG, Audio, Video
  13. HTML5 - Geolocation, Drag/Drop, Web Storage

CSS3

  1. Introduction to Cascading Style Sheets
  2. Types of Style Sheets (Inline, Internal and External)
  3. Class & ID Selector
  4. Positioning ( Absolute, Relative, Fixed )
  5. Inline menu & Drop down menu with CSS3
  6. DIV + CSS Layout Design ( Table less )
  7. PSD to CSS Conversion ( with Adobe CC )

Dreamweaver

  1. Exploring Dreamweaver Interface
  2. Planning & Setting Web Site Structure
  3. Dreamweaver - Basics, Shortcuts, Panels
  4. Dreamweaver - Toolbars, Automation
  5. Source Code Formatting, Property Inspector
  6. Understanding and switching views
  7. Creating Web pages & External Linking
  8. Anchor & Email Link
  9. Merging Cells & Inserting Tables
  10. Working with images with jpg and GIF file format
  11. Working with Forms ( with Validating )
  12. Creating and working with Templates
  13. Working with Spry Menu Bar
  14. Creating Tabbed Panel
  15. Creating Collapsible panel
  16. Using Behaviors
  17. Creating interactive website
  18. Creating Table less website using DIV

Javascript

  1. Intro to javascript
  2. Understanding variables & functions
  3. Working with alert, confirm and prompt
  4. Understanding loop, arrays
  5. Creating rollover image
  6. Working with operators.

GIF Animation

  1. Understanding gif animation interface & GIF file format
  2. Creating basic web banners with & without effect
  3. Creating animated web buttons

FTP - Uploading site

  1. Learning to use FTP
  2. Setting FTP
  3. Uploading of site
  4. Using Control panel

Responsive Framework Bootstrap

  1. Introduction of Responsive Design
  2. Developer Tools and Code Management
  3. Bootstrap Grid System and Layouts
  4. Bootstrap Typography, Tables and Forms
  5. Bootstrap Elements
  6. Bootstrap CSS provided user interface components including navigation bars, responsive images, buttons etc.
  7. Use of Bootstrap's JavaScript library to create tabs, carousels, collapsible sections, alerts & much more without writing a single line of JavaScript code
Enroll Now