Advance Diploma in Web-Designing

Course Overview

This course can be pursued by freshers and professionals who want to make a career in Web Designing. The course curriculum is periodically refreshed to keep it relevant. Access to certified trainers and flexible class timings. to Proffessionel Training Program with live projects and real case studies.

Key Highlights

• 180+ hours of Practical Training
• Real-World Web based Project Building
• 1000+ Questions to Practice
• 100% Placement Assistance
• Interview Preparation
• 2 months Internship with Experience Certificate from Smartpacey Technology

Course Syllabus

Basic Introduction to Computer

• Computer Fundamentals
• Windows Operating System
• MS-office (Word, Excel, Power Point)
• Industrial / Office use of MS-Office.
• Internet & Email

Web Designing

• Module 1  : Introduction to Visual Studio code

  • Setup VS code
  • Install Extensions
• Module 2  : Concept of Web Designing

  • Introduction to Web Designing
• Module 3  : Introduction to HTML/HTML5

  • HTML tag
  • Define hTml version (Differnce between HTML & HTML5)
  • HTML img Tag and its Attributes
  • HTML Anchor Tag and its Attributes
  • Table/Colspan/rowspan/etc...
  • HTML Block-level Element and Inline Element
  • iframe
  • Fundamental Concepts of HTML,
  • Audio / Video element Implementation
  • Pixel Perfect Design
• Module 4  : HTML Form

  • Forms in HTML Pages
  • All Input Type
  • Form Attributes
  • Form validation
  • Select Box
  • Checkbox
• Module 4  : HTML Graphics & Media

  • Canvas
  • SVG
  • Media
  • Video
  • Audio
  • plug-ins
  • Embedded Google Map and YouTube video.
• Module 6  : Introduction CSS/CSS3

  • fundamental Concepts of css
  • Formulate CSS Value For right
  • CSS Syntax
  • CSS Comments
  • CSS selector(ID,Class,Tag)
  • Insert CSS(Internal,Inline,External)
  • CSS Box Model
• Module 7  : Basic Properties of CSS/CSS3

  • Background Color
  • Margin and Panding Property
  • Font,Color,Border,Text Property
  • Display and Position Property
  • Float and Overflow P{roperty
  • Pseudo Class
  • Combinators
  • Image Sprites
  • CSS Important
  • Backgrounds
  • Colors
  • Rounded Corners
• Module 8  : Advance CSS3

  • CSS Grid
  • CSS Animation
  • Math Functions
  • Border Images
  • Keyframe
  • Gradients
  • Flexbox
  • Object-Fit
  • Object-position
  • Box Sizing
  • Shadows
  • text Effects
  • Web fonts
  • MQ Examples
  • Transition
  • Learn CSS Animation to make website effective
  • Color Keyword
  • CSS 2D & 3D Transform
  • Responsive
  • Viewport
  • Media Queries
• Module 9  : JavaScript

  • fondamental Concepts of js
  • explore how to write JavaScript,Js Syntax
  • Dom Concept
  • JS Window Object
  • Creating Objects
  • Concept of variable declaration (var,let,const),Hoisting
  • Conepts of (This) Keyword in javascript
  • Concept of Loops - for/ for in// for of/ while
  • Js style
  • Js form validation
  • Functions
  • Function declarations vs. Expressions
  • Closures
  • Concept of call,apply,Bind method
  • Concept of callbacks
  • Reviewing Functions
  • Basic Arrey Operations (Methods)
  • Back to Top Button
  • Textbox Auto-Completion
  • Content Slider
  • Image Lightbox
  • Tab Control
• Module 10: ES6 Concept in Javascript

  • DOM and Event Fundamentals
  • Arrow Functions
  • Destruction
  • Spread operator
  • Higher Order Loops (Map,Filter,Find,Reduce)
• Module 11: J-query

  • Fundamental Concepts of jquery
  • Basic Syntax of jquery
  • Jquery selector
  • Jquery show/hide effect and slider
  • Jquery Form validation
  • Jquery Animation
  • Jquery Add/Remove button
  • Attreibutes and CSS
  • Animation and Interface
  • Dimensions and Effects
• Module 12: Bootstrap 5

  • What is bootstrap-5
  • Differnce between bootstrap 3 & 4
  • How to Use it.
  • Bootstrap Container
  • Bootstrap Grid
  • Bootstrap jumbotron
  • Bootstrap Form
  • Bootstrap Navigation bar
  • Bootstrap Model
  • Bootstrap carousel
  • Bootstrap flexbox
  • Bootstrap Animation
  • Create a web layout using Bootstarp
• Module 13: Introduction to Photoshop/Figma

  • Basic tools used in photoshop
  • forming layers
  • PSD design
  • Filter and Concepts about web page size
  • Designing of Banners for web page
• Module 14: Implementation of the project

  • Design industry-standard web application for assigments.
  • Create and website using HTML,CSS and javasfript/jquery.
  • Create login and Registration form with form validation.
  • Create PSD to HTML Responsive Web Page.
  • Create to Embed media in Web pagas.
  • Create Landing pagaes with form and call to action Button.
• Module 15: Domain Registration / Hosting

Soft Skills

• Personality Development
• Communication Skills
• Presentation Skills
• Interview Handling
• Team Management

Who can enroll on this course ?

• 10th+2 and graduates / under-graduates
• Diploma holders with basic computer knowledge
• Employees of BPOs / call centers

Apply Now

Apply Now Download Broucher
Sample Certificate
Sample Marksheet Sample Indutrial Training Certificate

Placement Opportunity

Smartpacey provides 100% Placement Assistance but No job guarantee, neither with any Private, nor with any government organization.

Buy Back/ Refund Policy

If the Student is not satisfied with the service of Company, then the Agreement executed between the Company and the Student can be cancelled by the Student within period of 30 days. After cancelling the agreement, Company should refund the amount received from Student.. T&C*