web designing Training


Welcome

The core of the web is HTML and CSS. HTML 5 is an advanced field. So, if you want to become an experienced web developer or designer, learn HTML (Hypertext Markup Language). This language is the most common, and it is used to build regular web pages. Therefore, it is easy and quick to make it work on cross browsers. That is on the desktop and mobile devices. The essentials of HTML5 and CSS3 are not hard to learn. Our HTML5 training course restores both HTML4 and XHTML. This language helps to develop an entire structured layout. It is an open source, so, anyone can create anything for the web and begin their project without examining on the license. Also, it is an independent language. Hence, it works with any browser and any OS. Join our web design course for an in-depth understanding of HTML5 responsive design technologies right from the scratch.

  • Introduction to Designing Application
  • Application Tools & Layout Design
  • Understanding Grid System
  • Understanding Various Design Layout
  • Creating Layouts using Grid System
  • Understanding Color Palette
  • Working with Styles
  • Automation
  • Gif Animation
  • Slicing Layouts & Preparing for HTML Conversion

Understanding Web Concepts & Terminologies

  • HTML Content / Media Tags
  • Lists & Tables
  • Section Tags
  • HTML5 Semantic Tags
  • Media Queries
  • CSS3 Flexbox
  • CSS3 Animations
  • CSS3 Transforms
  • Forms
  • iFrames & Media Tags
  • Mobile Framework
  • Bootstrap Interactive Elements
  • Understanding JavaScript
  • Document Object Model in JavaScript
  • HTML5 API
  • Understanding jQuery Framework
  • jQuery DOM Manipulation
  • jQueryEvents
  • jQuery UI Components


13,999 60 hours Web Template Designing

  • Introduction to Designing Application
  • Application Tools & Layout Design
  • Understanding Grid System
  • Understanding Various Design Layout
  • Creating Layouts using Grid System
  • Understanding Color Palette
  • Working with Styles
  • Slicing Layouts & Preparing for HTML Conversion

Understanding Web Concepts & Terminologies

  • Introduction to Web Technology & Web Editors
  • HTML5 / CSS3 / JavaScript - Introduction to the Core Concepts
  • Bootstrap / jQuery - Introduction to Frameworks
  • Whats New in HTML5?
  • HTML5 Doctype / HTML5 Document Structure
  • UTF-8 Character Encoding
  • HTML Character Entities

HTML Content / Media Tags

  • Creating a Website Project in HTML Editor
  • Understanding Basic Tags / Elements and Attributes
  • Working with Basic Tags and Font Formatting Tags
  • Understanding Block Level Tags, Inline Tags & Empty Tags
  • Introduction to CSS3 / Types of CSS and Significance
  • Heading Tags
  • Paragraph Tags & Multiple Columns
  • Adding Basic Styles using HTML Attributes and CSS Styles
  • Importing External Fonts
  • Inserting Images & Image Attributes

Lists & Tables

  • Working with Lists & List Attributes
  • Understanding CSS Selector
  • Creating Navigation Bars using Lists
  • Working with Tables & Table Attributes
  • HTML5 Table Elements

Section Tags

  • Understanding Blocks - Div Block
  • Styling Div Blocks
  • Understanding Box Model - Margins / Paddings / Borders / Border-Radius / Outlines
  • Positioning Div Blocks & HTML Elements
  • Adding Box Shadows / Text Shadows
  • Adding Background Colors / Gradients / Background Images


During the web designing training sessions you will be provided with conceptual projects to enhance your learning experience. Following are some project works you will be doing in our web design bootcamp course.



In this project you will be doing the basic design layout of a web page using the provided mockup. Then you will use the slicing tools to divide the imagery and write code using HTML and CSS to design the front-end.SAMPLE LAYOUT



You would be provided with a parallax design mockup as a jpg format and must redesign in Photoshop. After that make a responsive website using bootstrap framework and using js plugins for the parallax design as project.SAMPLE LAYOUT



In this project you are given a ecommerce website design that shows all features. The layout design which has header section in that all social links and search bar including welcome message has to display. Also navigation with submenu option which helps user to navigate thoughout the website. You will add products that display with the slider. In each product there should be add to cart and view product option. And few more option in the footer which ends the design for this project.SAMPLE LAYOUT



In this course we will teach you how to design and link a landing page after conversion of psd to html. 1. Design an Agency Landing Page in Photoshop 2. Convert the Agency PSD into HTML 3. Make the Agency HTML ResponsiveSAMPLE LAYOUT



In this project, you will create a layout with minimum of eight section. The header section includes logo and navigation, then add banner with content that gets slides or fade effect. Five different type of specialization has to list with specific icons. Then About content which should be half of the layout remaining should be an image. Events with images, Clients testimonials, and at the bottom of page asusual footer with quick links and social links.SAMPLE LAYOUT

  • Eligibility
  • Who will get Benefited
  • Features
  • Session & Training Schedule
  • For Enquiry

Any graduate with computer background.