Diploma Course in Web Designing

 

Vidushi Gyaanpeeth’s Diploma course in Web Designing  will cover all possible technologies that help in creating HTML5 and CSS3 websites. Some additional technologies like JavaScript, DHTML, HTML5 DOM, jQuery, Ajax, JSON etc will also be part of this course.

The objective of Web Designing Course is to teach students the techniques to create a professional level web portal, how to deal with cross browser compatibility issues, add animations in website, and creating of eye catchy effects using CSS3 and JavaScript.

Course Contents Web Designing

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
  • Practical Task in Layout Design

CSS 

  • CSS Basics
  • CSS Selectors
    • The Element Selector
    • The Id Selector
    • The Class Selector
    • Grouping Selectors
  • Ways of Insert CSS
    • External Style Sheet
    • Internal Style Sheet
    • Inline Style
  • CSS Fonts
  • CSS Box Model
    • Content
    • Padding
    • Border
    • Margin
  • CSS Dimension
  • CSS3

Frameworks And Web APIs

  • Bootstrap
    • Bootstrap Basics
    • Bootstrap Tables
    • Bootstrap Images
    • Bootstrap Button
    • Bootstrap Glyphicon
    • Bootstrap Pagination
    • Bootstrap Forms
    • The Carousel Plugin
    • Bootstrap Menu
    • Bootstrap Navigation Bar
    • Google APIs
      • Google Map
      • Place Autocomplete
    • HTML Geolocation

HTML 5

  • Introduction to HTML5
  • Features of HTML5
  • HTML5 DocType
  • New Structure Tags
  • Section
  • Nav
  • Article
  • Aside
  • 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 Attribute
  • Require Attribute
  • Pattern Attribute
  • Autofocus Attribute
  • email , tel, url types
  • number type
  • date type
  • range type
  • voice search
  • Examples of Form

JavaScript

  • JavaScript Basics
  • JavaScript Syntax
  • JavaScript Variables
  • JavaScript Statements
  • JavaScript Operators
  • JavaScript Data Types
  • JavaScript Functions
  • JavaScript Objects
  • JavaScript Events
  • JavaScript Statements
  • JavaScript Regular Expressions
  • JavaScript HTML DOM
  • JavaScript Popup Alert
  • JavaScript Library

jQuery

  • jQuery Basics
  • jQuery Effects
  • jQuery HTML
  • jQuery Traversing
  • jQuery AJAX

Angular JS

  • Configuration
  • How ti Create 1 page website with Angular JS
  • Integrating Angular JS With Database via AJAX
  • etc

Project