Professional Diploma in Web Designing

You’ll be learn how to create a HTML page and make it an attractive one. Also learn how to easily and quickly add content, images, links, tables and lists to it.

Technologies|
9-Adobe Photoshop15-HTML30-CSS21-JS12-JQuery33-Bootstrap
Eligibility

Plus 2 & Above

Course Duration

120 Hrs

Pre Request

Basic knowledge

Professional Diploma in Web Designing

Overview

A Website must be a beautiful one that attracts vistors and keep them in it by creative contents and designs. This makes web design a valuable and exciting skill that businesses worldwide are looking for. This course will teach you the most important web design tools and processes, from the basics how to design a website demo with Photoshop, convert your photshop design into a real websitre with HTML, CSS, JavaScript,Bootstrap &and jquery, and get you one big step closer to designing your first professional website.

What Will You Learn?

  • Introduction to Adobe Photoshop Tools
  • The proven real-world steps from complete scratch to a fully functional and optimized website
  • Real-world skills to build professional websites
  • Getting Started with Bootstrap Framework from scratch without using any Bootstrap Template.
  • Learn super cool jQuery effects like animations, scroll effects and "sticky" navigation.

Syllabus Contents

  • Fundamentals
  • Tools Management
  • Color Manegement
  • Layer Management
  • Masking & Clipping
  • Exporting & Saving
  • HTML Introduction
  • HTML Basic Examples
  • HTML Elements
  • HTML Attributes
  • HTML Headings
  • HTML Paragraphs
  • HTML Styles
  • HTML Text Formatting
  • HTML Quotation and Citation Elements
  • HTML Comments
  • HTML Colors
  • HTML Styles - CSS
  • HTML Links
  • HTML Images
  • HTML Tables
  • HTML Lists
  • HTML Block and Inline Elements
  • HTML The class Attribute
  • HTML The id Attribute
  • HTML Iframes
  • HTML JavaScript
  • HTML File Paths
  • HTML Head
  • HTML Layouts
  • HTML Responsive Web Design
  • HTML Computer Code Elements
  • HTML Entities
  • HTML Symbols
  • HTML Encoding (Character Sets)
  • HTML Uniform Resource Locators
  • HTML and XHTML
  • HTML Forms
  • HTML Form Elements
  • HTML Input Types
  • HTML Input Attributes
  • HTML5 Introduction
  • HTML5 Canvas
  • HTML5 SVG
  • HTML Google Maps
  • HTML Multimedia
  • HTML5 Video
  • HTML5 Audio
  • HTML Plug-ins
  • HTML YouTube Videos
  • HTML5 Geolocation
  • HTML5 Drag and Drop
  • HTML5 Web Storage
  • HTML5 Web Workers
  • HTML5 Server-Sent Events
  • Introduction
  • Syntax and Selectors
  • How To...
  • Colors
  • Backgrounds
  • Borders
  • Margins
  • Padding
  • Height and Width
  • Box Model
  • Outline
  • Text
  • Fonts
  • Icons
  • Links
  • Lists
  • Tables
  • Layout - The display Property
  • Layout - width and max-width
  • Layout - The position Property
  • Layout - Overflow
  • Layout - float and clear
  • Layout - display: inline-block
  • Layout - Horizontal & Vertical Align
  • Combinators
  • Pseudo-classes
  • Pseudo-elements
  • Opacity / Transparency
  • Navigation Bar
  • Dropdowns
  • Image Gallery
  • Image Sprites
  • Attribute Selectors
  • Forms
  • Counters
  • Units
  • Specificity
  • Rounded Corners
  • Border Images
  • Multiple Backgrounds
  • Gradients
  • Shadow Effects
  • Text Effects
  • Web Fonts
  • 2D Transforms
  • 3D Transforms
  • Transitions
  • Animations
  • Tooltip
  • Styling Images
  • The object-fit Property
  • Buttons
  • Pagination
  • Multiple Columns
  • User Interface
  • Variables
  • Box Sizing
  • Flexbox
  • Media Queries
  • Responsive Web Design
  • Responsive Web Design - Images
  • Responsive Web Design - Videos
  • Responsive Web Design - Frameworks
  • Responsive Web Design - Templates
  • Grid Layout Module
  • Grid Container
  • Grid Item
  • JavaScript Introduction
  • JavaScript Where To
  • JavaScript Output
  • JavaScript Statements
  • JavaScript Syntax
  • JavaScript Comments
  • JavaScript Variables
  • JavaScript Operators
  • JavaScript Arithmetic
  • JavaScript Data Types
  • JavaScript Functions
  • JavaScript Objects
  • JavaScript Scope
  • JavaScript Events
  • JavaScript Strings
  • JavaScript String Methods
  • JavaScript Numbers
  • JavaScript Number Methods
  • JavaScript Arrays
  • JavaScript Array Methods
  • JavaScript Sorting Arrays
  • JavaScript Date Objects
  • JavaScript Date Formats
  • JavaScript Get-Date Methods
  • jQuery Introduction
  • jQuery Get Started
  • jQuery Syntax
  • jQuery Selectors
  • jQuery Event Methods
  • jQuery Effects - Hide and Show
  • jQuery Effects - Fading
  • jQuery Effects - Sliding
  • jQuery Effects - Animation
  • jQuery Stop Animations
  • jQuery Callback Functions
  • jQuery - Chaining
  • jQuery - Get Content and Attributes
  • jQuery - Set Content and Attributes
  • jQuery - Add Elements
  • jQuery Introduction
  • jQuery Get Started
  • jQuery Syntax
  • jQuery Selectors
  • jQuery Event Methods
  • jQuery Effects - Hide and Show
  • jQuery Effects - Fading
  • jQuery Effects - Sliding
  • jQuery Effects - Animation
  • jQuery Stop Animations
  • jQuery Callback Functions
  • jQuery - Chaining
  • jQuery - Get Content and Attributes
  • jQuery - Set Content and Attributes
  • jQuery - Add Elements
  • Bootstrap Get Started
  • Bootstrap Grids
  • Bootstrap Text/Typography
  • Bootstrap Tables
  • Bootstrap Images
  • Bootstrap Jumbotron and Page Header
  • Bootstrap Alerts
  • Bootstrap Buttons
  • Bootstrap Glyphicons
  • Bootstrap Progress Bars
  • Bootstrap Pagination
  • Bootstrap Pager
  • Bootstrap List Groups
  • Bootstrap Panels
  • Bootstrap Dropdowns
  • Bootstrap Collapse
  • Bootstrap Tabs and Pills
  • Bootstrap Navigation Bar
  • Bootstrap Forms
  • Bootstrap Input Sizing

Certification

Affiliation

More Information

Professional Diploma in Web Designing

© Skilz the learning hub - 2019. All rights reserved. Powered by D5N Digital Solution