EMAIL US

info@ativs.com

WHATAPP

+91-9540-100-150

CALL NOW

011-42263397 , +91-9818-963-397

Best Web Designing Training Course in NCR

WEB DESIGN, also known as communication design, is the art and practice of planning and projecting ideas .

Course Overview

Careers in Web Technologies and Job Roles
How the Website Works?
Client and Server Scripting Languages
Difference between a Web Designer and Web Developer
Types of Websites (Static and Dynamic Websites)
Responsive design and layout

Introduction to Adobe Photoshop
Color mode & resolution
Types of Graphics
Export image
Animated Image
Tools
Ruler and scaling
Create Logos
Photos masking
Smart Objects
Merge Layers
Group Layers
Layer Styles
Blending Options
View Menu / Window Menu
Filter Effects
Image Adjustments
Realtime Website Layout Design

What is Markup Language
Basic Structure of HTML
Document Overview
The Structure Tags
Getting Started With HTML
Writing the Code
Head Section
Meta Tags
External Link Tags
HTML Tags
HEAD Tags
Title Tags
Body Tags
Displaying a web page in a web Browser

Block level elements
Inline elements
Empty elements

Creating a Form
Form Tag
POST and GET Method
Text Input, Text Area, Checkbox, Image Input and Radio
Select Option
Option Group
File Upload and Hidden Fields
Submit Button, Reset Button
Relation between HTML Form and PHP

Block Oriented Elements
Defining Paragraphs and new Lines
Inserting Spaces
Perforating the Text
Changing Background Color

Ordered List
Unordered List
Definition List
Using Type attribute with Unordered list
Using Stat attribute with Ordered List
Some other elements
Visual Markup

Types of URLs
Absolute URLs
Relative URLs
Document-Relative URLs
Server-relative URLs

Why links fail?

Adding Images
Adding Border to an image

How to create table
Adding Border to a Table
Apply Formatting Features to Table
Merge row and columns
ntroduction to style Sheets
How style sheets work
Style Sheet Structure

Changing the color of the text
Changing the front
Changing the Indent of the text
Changing the Line Spacing
Hide a Style Sheet

Div
Span
Frame
Layer
Meta
HTML Frames
Frame
iframe

Introduction to HTML5
Introduction to HTML5
What's new in HTML5
The DOCTYPE
The script tag
The link tag
HTML5 Document

Color
Date
Datetime
datetime-local
email
month
number
range
search
tel
time
url
week

autofocus
formaction
formmethod
formnovalidate
height and width
list
min and max
multiple
pattern (regexp)
placeholder
required
step






&


What is SVG?
SVG Advantages
SVG in HTML
SVG Shapes
SVG Text
SVG Stroke properties
SVG Animation

lWhat is canvas?
lLines
Curves
Paths
Shapes
Color, gradients
Image
Arc
Text
Shadow

Creating Layers
Moving Objects and Layers
Creating clipping masks
Merging Layers

CSS Introduction
CSS Syntax
CSS Id & Class
Types of CSS links
Colors and Backgrounds
Text and Fonts
Lists
Tables
CSS Selectors
CSS Box Model
CSS Advanced

Interface
choosing a workspace
document window & toolbars
the document window
the launcher
the insert panel & tool sets
the document toolbar
the property inspector
dockable floating panels
using contextual menus

defining a site
file and folder management
creating site maps
using the file browser

defining the site
creating and saving documents
inserting images with assets panel
adding text
aligning page elements
modifying page properties
creating links with text and images
preview in browser

link with point to file
linking to new source files
browse for file and link history
anchor links
email links
file links
image maps

insert and modify a table
fixed width tables
relative width tables
hybrid table
insert tabular data
sort table data

simple rollovers - insert rollover
simple rollover - swap image behavior
multiple-event rollovers
lash buttons

redefining HTML tags
defining a custom class
CSS selectors
CSS selectors to group tags
linking to external CSS
CSS reference panel

form objects
creating a form
creating a jump menu
Behaviors
set text of status bar
open browser window behavior

linking to sounds
embedding sounds
inserting flash
content inserting director content

Introduction to JavaScript
Syntax
Statements
Comments

Alert
Confirm
Prompt

Arithmetic
Assignment
Comparison
Logical
Conditional

if
if...else
if...else if...else
Switch
Loops
while
do...while
for
for...in Statement
Break
Continue

What is a Bitmaps
Importing Bitmap Options
Adjusting Color
Hiding Certain Colors in a Bitmap
Applying Special Bitmap Effects
Creating Web Images
Advanced GIF Options

User-defined Functions
Function Syntax
Function with Arguments
Returning Values from Functions
Built-in Functions
paraseInt and parseFloat
Events
Introduction
Mouse Events
Keyboard Events
Form Events
Document/Window Events

Built-in Objects
Introduction
Number
Strings
Math
Arrays
Associative Array
Array Properties and Methods
Date
Boolean
Regexp

Form Validations
Basics of Form Validation
Validating Radio Buttons
alidating Checkboxes
Validating Select Menus
Validating Textareas

Introduction
DOM HTML
DOM CSS
DOM Events

JS Cookies
JS Window
JS Location
JS Popups
JS Time

What is JQuery?
Overview of JQuery features
Using JQuery links
JQuery Selectors
JQuery Events
JQuery Effects
JQuery HTML
JQuery Traversing
Jquery AJAX
Image slider using JQuery plugins
Form Validation
Bootstrap Framework
Getting started with Bootstrap
Grid system in Bootstrap
Adding Header & Navigation
Adding Logo in Navigation Bar & Adding Bannerv Adding Jumbotron
Adding Rows, Columns & Containers
Adding Column Width using offset
Ordering Columns using push or pull
Nesting Columns in Bootstrap
Adding Footer top Website
Typography in Bootstrap
Adding glyphicons
Styling Tables
Adding Responsive or Utilities in Bootstrap
Styling Button using between classes
Styling Images and making images Responsive
Adding description list in bootstrap
  • Total Duration 4 Month
  • Rating 5
  • Mode Online
  • Mode Offline