Web Designing


Course Features

  • Location: Janakpuri East New Delhi
  • Language: HTML
  • Lesson: 0
  • Viewers: 1094
  • Prerequisites: No
  • Skill Level: Beginner
  • Course Capacity: 50
  • Start Course: 05/20/2019


Join this course and learn the process of creating webpages using graphic and programming languages like HTML/CSS and Javascript. Having a website is the first step of online presence for any small and large business.


+1, +2, Diploma students, 1st/2nd/3rd year student of B.E., B.Tech. from Electronics, Computer Science, IT, BCA, MCA.


Familiarity with computer and its operation, Knowledge of C Programming


  • Confidence build up for Web Designing
  • Experience of Best learning practice
  • Acquire skills to do better Minor/Major Projects
  • Can participate in various competitions and  TechFest.
a. What is HTML
i. What is a Web Browser?
ii. What are Versions of HTML?
iii. What can You Do with HTML?
iv. HTML Development Environments
v. Using a WYSIWYG Editor
vi. Using an HTML Editor
vii. Writing Code with a Text Editor
viii. Publishing Documents
b. Review of HTML elements
i. Rules of Syntax
ii. Making your Code Readable
iii. Making your Code XHTML Compliant
iv. Building a Document
v. Using Colors
vi. Adding Color to your Page
vii. Using Headings
viii. Using Paragraphs
ix. Using Blockquotes
x. Using Entities
xi. Aligning Block-Level Elements
c. Inserting spaces & line breaking
i. Displaying Preformatted Text
ii. Formatting with Inline Elements
iii. Controlling Fonts
iv. Introducing List Elements
v. Creating Unordered Lists
vi. Creating Ordered Lists
vii. Creating Definition Lists
viii. Nesting Lists
ix. Indenting Text with the tag
d. What is an HTML table?
i. Building a Table
ii. Using the Border Attribute
iii. Cell Padding and Cell Spacing
iv. Controlling Table and Cell Width
v. Aligning a Table on the Page
vi. Aligning Tables and Text
vii. Aligning Table Data
viii. Spanning Columns and Rows
ix. Nesting Tables
x. Using Tables as a Design Tool
e. Creating a hyperlink
i. Understanding and Using URLs
ii. Linking to a Web Document
iii. Linking to a Local Document
iv. Linking to Anchors
v. Opening a New Browser Window
vi. Creating a Frameset
vii. Adding the Frame Elements
viii. Creating the Frames
ix. Using the Noframes Element
x. Using Inline Frames
f. Graphic file formats
i. Optimizing Image and File Size
ii. Inserting Inline Images
iii. Aligning and Formatting Images
iv. Using Images to Anchor Links
v. Creating a Look-and-Feel
vi. Sizing and Scaling Images
vii. Using Transparent Images
viii. Making an Image Fade In
ix. Finding and Creating Graphics
x. Using GIF Animation
Section 2. Javascript/ JQuery/ AJAX
a. Overview of clientside javascript
b. Controlling overflow
i. Conditional Constructs
ii. if else
iii. switch
iv. Looping Contructs
v. do while
vi. while
vii. for
viii. Branching Statements
ix. break
x. continue
xi. Equality and Identity Operators
xii. Logical and Comparison Operators
xiii. Error Handling
xiv. try
xv. catch
xvi. throw
xvii. finally
c. Implementing functions
i. Declaring Functions
ii. Invoking Functions
iii. Named and Anonymous Functions
iv. Passing Arguments
v. Local vs. Global Variables
vi. Returning Values from a Function
vii. The this Keyword
viii. Default Parameters
ix. Explaining Closures
d. Introduction to document object mode
i. Selecting DOM Elements
ii. getElementById
iii. getElementsByTagName
iv. getElementsByName
v. getElementsByClassName
vi. querySelector
vii. querySelectorAll
viii. Modifying Page Content with the DOM
ix. Manipulating CSS using JavaScript
e. Working with forms
i. Accessing Forms from JavaScript
ii. Working with Form Elements
iii. Validating Form Fields
iv. Checking Required Fields
v. Checking Length of Input
vi. Canceling Form Submission
f. Working with javascript objects & JSON
i. Understanding Objects
ii. Defining Custom Objects
iii. Object Literal Notation
iv. Defining Properties and Methods
v. Creating a Constructor
vi. ES6 Enhanced Object Literals
vii. Extending an Existing Object with prototype
viii. Using the in and instanceof Operators
ix. Overview of JSON
x. Using JSON.stringify and JSON.parse
g. HTML Javascript APIs
i. Web Storage API
ii. Local Storage
iii. Session Storage
iv. Geolocation API
h. Javascript fundamentals
i. Using Strict Mode
ii. Adding Comments
iii. Debugging JavaScript Code
iv. Declaring Variables
v. var, let and const Keywords
vi. Local vs. Global Variables
vii. Declaring Block-scoped Variables
viii. Using JavaScript Primitive Types
ix. String, Number and Boolean
x. undefined
xi. null
xii. Performing Data Conversions
xiii. Interacting with the User
xiv. alert
xv. prompt
xvi. confirm
xvii. Working with JavaScript
xviii. Arithmetic Operators
xix. Assignment Operators
xx. Using the Math and Date Objects
i. Working with strings, numbers
& arrays
i. Creating String Objects
ii. Using String Methods
iii. Searching within a String
iv. Returning a Substring
v. Converting Character Case
vi. Creating Number Objects
vii. Formatting Numbers
viii. Creating Arrays
ix. Using the Array Constructor
x. Using Literal Notation
xi. Accessing Array Elements
xii. Common Array Methods
xiii. Defining and Using Associative Arrays
xiv. Predefined Object Arrays
j. Browser object model
i. Overview of
the Browser Object Model
ii. Using the
window Object
iii. Opening and
Closing Windows
iv. Using Timers
v. Passing Data
Between Windows
vi. Using the
document Object
vii. Writing to the
viii. Accessing
Properties of the Document
ix. navigator
x. location
xi. screen Object
k. Event handling in javascript
i. Overview of
JavaScript Events
ii. Identifying
Differences Between Browsers
iii. The event
iv. Event
Capturing and Bubbling
v. Adding Event
vi. Traditional
(Inline) Model
vii. Registering
Events in JavaScript
viii. Adding
Multiple Handlers
ix. addEventListener
x. attachEvent
xi. Mouse and
Keyboard Events
xii. Preventing
Default Behavior
xiii. Canceling
l. Using regular expression
i. Overview of
Regular Expressions
ii. Using Regular
Expressions in JavaScript
iii. Creating a
RegExp Object
iv. Using i and g
v. Validating
Strings with Regular Expressions
vi. Using
Back references
m. Using Ajax
i. Overview of
ii. The
XMLHttpRequest Object
iii. Configuring an
Ajax Request
iv. Handling
Errors on readystatechange
v. Using JSON
with Ajax
Section 3. CSS
a. Writing  CSS code
i. Cascading Style Sheets
ii. Learn about CSS rules
iii. Selectors, Properties and Values
b. Creating style sheets
i. Creating style
in the HTML
and external
css file
Import style sheets
c. Configuring fonts
i. Configuring
ii. setting font
type, size and
font style
iii. setting
multiple values in a
d. Configuring text
i. Configuring
ii. setting text
iii. line and word
iv. letter
spacing, text decoration
v. align, white
space, shadow
e. Backgrounds
i. Setting
Backgrounds to HTML
ii. background
iii. background
f. CSS Box model
i. CSS course –
Box Model
ii. content-box
properties: margin,
width, height,
padding, Min and Max
g. CSS Border
i. Draw different
line styles around
with CSS
border properties
border-color, border-style,
ii. Shorten the
stylesheet code with
iii. shorthand
h. CSS Outline
i. Make the HTML
element “stand out”
with CSS
outline properties set outline-color,
outline-width, outline shorthand
i. Display & visibility
i. Learn how to
Display a HTML element:
inline, block
or to hide its Visibility
in the web
j. Positioning
i. Use the CSS
position property to set the
position of
HTML elements in the web
page : fixed,
absolute, relative, z-index
k. CSS float & clear
i. Learn how to
Display a HTML element:
inline, block
or to hide visibility in web page
l. Pseudo Classes
i. How to use
pseudo-classes to add special
effects to
some elements of the same selector
or class
ii. Various
examples with pseudo-classes
applied to
iii. classes and
form fields
m. CSS3 Pseudo Classes
i. CSS lesson
ii. Pseudo-Classes
added in CSS3: nth-child(N)
iii. nth-of-type(N),
last-child, root, empty,
enabled, checked & pseudo-classes
n. CSS Pseudo elements
i. Pseudo-elements to
style certain aspects
or parts of an
element without introducing
new markup or
tags in the HTML
o. Define custom list items markers, bullets
for UL, OL lists
i. How to Remove
or Define Custom List-item
Markers /
Bullets for UL and OL Lists
ii. Examples with:
list-style, list-style-image
p. Cursor property- custom cursors
i. How to control
and create Custom Cursors
with CSS
ii. use images for
cursor appearance