Web Designing

Web Designing

Why Web Designing Online Training Only with Virtuous trainers?

Virtuous Trainers offers Web Designing Online and Corporate trainings that are tailor made as per the requirements of an entity or an individual. With industry's best trainers anyone who joins our institute will be assured of 100% quality training with real time scenarios and live projects(most technologies) and assignments. Apart from the course content of the respective technologies our curriculum includes resume building, interview tips, global certification guidance and many more facilities which help an individual prepare to further their careers.

Introduction to Web Technologies

  • Introduction to Web Technologies
  • Careers in Web Technologies and Job Roles
  • How the Website Works?
  • Client and Server Scripting Languages
  • Domains and Hosting
  • Responsive Web Designing
  • Types of Websites (Static and Dynamic Websites)
  • Web Standards and W3C recommendations

Adobe Photoshop

  • Introduction of Stock Photography
  • Types of Image Graphics
  • Introduction to Adobe Photoshop
  • Interface Tour of Photoshop
  • Color Modes
  • Resolution and Presets
  • Move Tool
  • Marque Tool
  • Lasso Tool
  • Quick Selection, Magic Wand
  • Crop, Slicing Tool
  • Healing Brush, Patch Tool
  • Brush Tool
  • History Brush
  • Eraser Tool
  • Pattern Stamp, Clone Stamp
  • Gradient Tool
  • Blur and Exposure Tool
  • Pen Tool, Shape Tool
  • Text Tool
  • Other Photoshop Tools
  • Layers, Groups and Smart Object
  • Blending Options
  • Filter Effects
  • Client requirement Analysis
  • Realtime Website Layout Design
  • Responsive Design with Grids
  • Practical Task in Layout Design

HTML 4.01 and XTHML

  • What is Markup Language
  • Basic Structure of HTML
  • Difference Between HTML and XHTML
  • Head Section and Elements of Head Section
  • Meta Tags
  • Css Tags
  • Script Tag
  • Table Tag
  • Div Tag
  • Header Tags
  • Paragraph, Span, Pre Tags
  • Anchor Links and Named Anchors
  • Image Tag
  • Object Tag
  • Iframe Tag
  • Forms
  • Form Tag
  • Attributes of Form
  • POST and GET Method
  • Fieldset and Legend
  • Text input, Text area
  • Checkbox and Radio Button
  • Dropdown, List and Optgroup
  • File Upload and Hidden Fields
  • Submit, Image, Normal, Reset Button
  • Creating a Live Website Form
  • HTML Validators

Adobe Dreamweaver

  • Introduction to Adobe Dreamweaver
  • Dreamweaver Interface Basics
  • Defining a Dreamweaver site
  • Insert Toolbar
  • Common Tools
  • Layout Tools
  • Forms Tool
  • Spry Tools
  • Properties Panel
  • Using Snippets panel
  • Dreamweaver extensions
  • Template Design in DW
  • Editable and Non-Editable Regions
  • Defining the DWT for project.
  • Creating sub pages for project

CSS 2

  • Introduction to Cascading Style Sheets
  • Types of CSS
  • CSS Selectors
  • Universal Selector
  • ID Selector
  • Tag Selector
  • Class Selector
  • Sub Selector
  • Child Combinatory Selector
  • Adjacent Sibling Selector
  • Attribute Selector
  • Group selector
  • First-line and First-letter selector
  • Before and After Selector
  • CSS Properties
  • Type Properties
  • Background Properties
  • Block Properties
  • Box Properties
  • List Properties
  • Border Properties
  • Positioning Propeties
  • Realtime Implementation
  • Converstion of Table to CSS Layout
  • CSS Menu Design (Horizontal, Vertical)
  • Form Designing

HTML 5

  • Introduction to HTML5
  • Features of HTML5
  • HTML5 DocType
  • New Structure Tags
  • Section
  • Nav
  • Article
  • Asice
  • Header
  • Footer
  • Designing a HTML Structure of Page
  • New Media Tags
  • Audio Tag
  • Video Tag
  • Canvas and Svg Tag
  • Introduction to HTML5 Forms
  • New Attributes
  • Placeholder Attribue
  • Require Attribute
  • Pattern Attribute
  • Autofocue Attribute
  • email , tel, url types
  • number type
  • date type
  • range type
  • voice search
  • Examples of Form

CSS 3

  • Introduction to CSS 3
  • New CSS 3 Selectors
  • Attribute Selectors
  • First-of-type
  • Last-of-type
  • Nth-child
  • Element:empty
  • New CSS3 Properties
  • Custom Fonts
  • Text-Shadow Property
  • Text-Stroke Property
  • Rounded Corners
  • Box Shadows
  • CSS Gradients
  • CSS Multiple backgrounds
  • Opacity Property
  • Transition effect
  • Transform effect
  • Animation effects
  • Css Media Queries
  • Using CSS3 in Practical Layout

Responsive Web Design and Bootstrap

  • Introduction to Responsive Design
  • Mobile first design concepts
  • Common device dimensions
  • View-port tag
  • Using css media queries
  • Menu conversion script
  • Basic Custom Layout
  • Introduction to Bootstrap
  • Installation of Bootstrap
  • Grid System
  • Forms
  • Buttons
  • Icons Integration
  • Using CSS3 in Practical Layout

Java Script

  • Introduction to Client Side Scripting
  • Introduction to Java Script
  • Javascript Types
  • Variables in JS
  • Operators in JS
  • Conditions Statements
  • Java Script Loops
  • JS Popup Boxes
  • JS Events
  • JS Arrays
  • Working with Arrays
  • JS Objects
  • JS Functions
  • Using Java Script in Realtime
  • Validation of Forms
  • Related Examples

jQuery and jQuery UI

  • Introduction to Client Side Scripting
  • Introduction to Java Script
  • Javascript Types
  • Variables in JS
  • Operators in JS
  • Conditions Statements
  • Java Script Loops
  • JS Popup Boxes
  • JS Events
  • JS Arrays
  • Working with Arrays
  • JS Objects
  • JS Functions
  • Using Java Script in Realtime
  • Validation of Forms
  • Related Examples

Adobe Flash

  • Introduction to Animation
  • Introduction to Adobe Flash
  • Tools in Adobe Flash
  • Shape Tween and Motion Tween
  • Frame Animation
  • Various Flash Effects
  • Creating Flash Banners
  • Creating Flash Intro’s
  • Creating Flash Website
  • Basics of Action Scripting.

Web Hosting

  • Web Hosting Basics
  • Types of Hosting Packages
  • Registering domains
  • Defining Name Servers
  • Using Control Panel
  • Creating Emails in Cpanel
  • Using FTP Client
  • Maintaining a Website

Live Website Design Project

  • Clients Requirement Analysis
  • Planning the Website
  • Creating the HTML/CSS Structure
  • Creating project using Bootstrap
  • Integration of Features using JS and jQuery
  • Project Testing

Web Designing Resources and Material

  • Graphics (Icon, Buttons, Backgrounds)
  • Photoshop (Brushes, Patterns, Textures, Styles, Gradients, Actions)
  • PSD Templates
  • Study Material in PDF
  • Daily Notes in Class
  • All class examples files on our server space for easy access.
  • Professional CSS Templates
  • Professional Flash Templates
  • 100 Stock Photos for Website Work
  • Java Scripts and Jquery Files (Date, Slideshow, Dropdowns, Modal and Ajax Scripts)

To Enroll for a free demo kindly Contact
Mobile : +91 8790035436
EMail ID : enquiry@virtuoustrainers.com
Skype ID : virtuoustrainers