Web Designing Course

Diploma in Web Designing

Web design is a process of planning and building a collection of electronic files that conclude the colors, layout, text styles, graphics, structure, images, and use of interactive features that bring pages to your site visitors. Web Designing is a capable career opportunity which displays immense scope for interested candidates.

Job Profile :

Web application developer
Web content manager
Web designer
Web developer
Web marketing analyst
Front end web developer
Back-end web developer
Design and layout analyst
Senior web analyst
Applications developer
SEO specialist

Job Areas :

IT Companies
Advertising Agencies
Audio-Visual Media Agencies
Publishing Houses
Marketing Firms
Design Studio

Course Contents:-

1. 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


What is Markup Language
Basic Structure of HTML
Difference Between HTML and XHTML
Iframe Tag
Form Tag
Attributes of Form
Head Section and Elements of HeadSection
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
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

3. HTML5

Introduction to HTML5
Features of HTML5
HTML5 DocType
New Structure Tags
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

4. CSS 3

Introduction to Cascading Style Sheets 3
New CSS 3 Selectors
Attribute Selectors
Rounded Corners
Box Shadows
CSS Gradients
CSS Multiple backgrounds
New CSS3 Properties
Custom Fonts
Text-Shadow Property Text-Stroke Property
Opacity Property
Transition effect
Transform effect
Animation effects
Css Media Queries
Using CSS3 in Practical Layout
CSS Selectors
Universal Selector
CSS Properties
Type Properties
Background Properties
Block Properties
Box Properties
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
List Properties
Border Properties
Positioning Propeties
Realtime Implementation
Converstion of Table to CSS Layout
CSS Menu Design (Horizontal, Vertical)
Form Designing

5. Responsive Web Design with 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
Icons Integration
Using CSS3 in Practical Layout

6. 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

7. jQuery and jQuery UI

Introduction to jQuery
jQuery Features
Installing jQuery
jQuery Syntax
jQuery Validation plugin
jQuery Slideshow
jQuery Dropdown
jQuery UI
Working with jQueryUI
jQuery Accordions
jQuery Tabs
jQuery Tooltips
jQuery Autocomplete

8. Adobe Photoshop

Introduction of Stock Photography
Types of Images and Image Editing Tools
Introduction to Adobe Photoshop
Interface Tour of Photoshop
Color Modes
Resolution and Presets
Using Photoshop Tools
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

9. 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

10. Web Hosting

Web Hosting Basics, Types of Hosting Packages
Registering domains, Defining Name Servers
Using Control Panel, Using FTP Client
Maintaining a Website