Logo

Course Content : Web Design (IA)

  • HTML Introduction
    • What is HTML?
    • HTML Editors
  • HTML Basic
    • HTML document
    • HTML headings
    • HTML paragraphs
    • HTML links
    • HTML images
  • HTML Attributes
    • The title attribute
    • The href attribute
    • The width and height attributes
    • The alt attribute
  • HTML Headings
    • HTML headings
    • HTML horizontal rules
    • HTML head
  • HTML Paragraphs
    • HTML paragraphs
    • More HTML paragraphs
    • The use of line breaks in HTML
    • Poem problems (some problems with HTML formatting)
    • How to control the line breaks and spaces with the pre tag
  • HTML Styles
    • HTML background color
    • HTML text color
    • HTML text font
    • HTML text size
    • HTML text alignment
  • HTML Text Formatting
    • Bold formatting using the "b" element
    • Strong formatting using the "strong" element
    • Italic formatting using the "i" element
    • Emphasized formatting using the "em" element
    • Small formatting using the "small" element
    • Marked formatting using the "mark" element
    • Marked deleted using the "del" element
    • Marked inserted using the "ins" element
    • Marked deleted and inserted using "del" and "ins"
    • Subscript formatting using the "sub" element
    • Superscript formatting using the "sup" element
  • HTML CSS
    • HTML with inline CSS
    • HTML with internal CSS
    • HTML with external CSS
    • HTML with CSS fonts
    • HTML with CSS using the id attribute
    • HTML with CSS using the class attribute
    • HTML and CSS borders
    • HTML and CSS padding
    • HTML and CSS margin
    • HTML and CSS full demo
  • HTML Links
    • Linking, using an absolute URL
    • Linking, using a relative URL
    • Changing the color of links
    • Removing the underline from links
    • Changing the target of a link
    • An image as a link
    • Creating a bookmark link
    • A link that breaks out of a frame
    • A mailto link
    • A mailto link with subject
  • HTML Tables
    • Basic HTML tables
    • A table with borders
    • A table with collapsed borders
    • A table with cell padding
    • A table with headings
    • A table with left-aligned headings
    • Horizontal/Vertical table headings
    • A table with a caption
    • Table cells that span more than one column
    • Table cells that span more than one row
    • A table with cell spacing
    • A table with HTML tags inside
    • Tables with different style using id I
    • Tables with different style using id II
    • Tables with different style using class I
    • Tables with different style using class II
  • HTML Lists
    • An unordered list (default)
    • An unordered list with disc bullets
    • An unordered list with circle bullets
    • An unordered list with square bullets
    • An unordered list without bullets
    • An ordered list (default)
    • An ordered list with numbers
    • An ordered list with letters
    • An ordered list with lowercase letters
    • An ordered list with roman numbers
    • An ordered list with lowercase roman numbers
    • A description list
    • A nested list I
    • A nested list II
    • A horizontal list
    • A horizontal list menu
  • HTML Layout
    • Layout using "div" elements
    • Layout using semantic elements
    • Layout using "table" elements
  • HTML Iframe
    • Inline frame (a frame inside an HTML page)
  • HTML Forms
    • Form with text input
    • Form with radio button input
    • Form with text fields and a submit button
    • Form with a text fields without a name attribute
    • Grouping Form Data
    • Send e-mail from a form
  • HTML Input Types
    • Input type text
    • Input type password
    • Input type radio
    • Input type checkbox
    • Input type button
    • Input type number - with restrictions
    • Input type number - with steps
    • Input type date - with date picker
    • Input type date - with restrictions
    • Input type color - with color picker
    • Input type range
    • Input type month
    • Input type week
    • Input type time
    • Input type date time
    • Input type date time-local
    • Input type email
    • Input type search
    • Input type tel
    • Input type url
  • HTML Input Attributes
    • The autocomplete attribute
    • The novalidate attribute
    • The autofocus_attribute
    • The form attribute
    • The form action attribute
    • The form enctype attribute
    • The form method attribute
    • The form novalidate attribute
    • The form target attribute
    • The height and width attributes
    • The list attribute
    • The min and max attributes
    • The multiple attribute
    • The pattern attribute
    • The placeholder attribute
    • The required attribute
    • The step attribute
  • HTML Images
    • An image height and width using attributes
    • An image height and width using CSS
    • An image height and width using both
    • An image in another folder
    • An image with a broken link
    • An image on another server
    • Using an image as a link
    • A moving image
    • An image map with clickable regions
    • A floating image
  • HTML5 Media
  • CSS Introduction
    • What is CSS?
    • CSS How To...
  • Three Ways to Insert CSS
    • External style sheet
    • Internal style sheet
    • Inline style
  • CSS Syntax
    • The element selector
    • The id selector
    • The class selector (for all elements)
    • The class selector (for only "p" elements)
    • Grouping selectors
  • CSS Colors
    • Color Names
    • RGB (Red, Green, Blue)
    • Hexadecimal Colors
  • CSS Backgrounds
    • Set the background color of a page
    • Set the background color of different elements
    • Set an image as the background of a page
    • How to repeat a background image only horizontally
    • How to position a background image
    • A fixed background image (this image will not scroll with the rest of the page)
    • All the background properties in one declaration
    • Advanced background example
  • CSS Borders
    • Set the width of the four borders
    • Set the style of the four borders
    • Set the color of the four borders
    • All the border properties in one declaration
    • Add rounded borders to an element
    • Set different borders on each side
  • CSS Margins
    • Specify different margins for each side of an element
    • Let the left margin be inherited from the parent element
    • The margin shorthand property
    • Set margin to auto to center the element within its container
  • CSS Padding
    • Set the left padding of an element
    • Set the right padding of an element
    • Set the top padding of an element
    • Set the bottom padding of an element
    • All the padding properties in one declaration
  • CSS Text
    • Set the text color of different elements
    • Align the text
    • Remove the line under links
    • Decorate the text
    • Control the letters in a text
    • Indent text
    • Specify the space between characters
    • Specify the space between lines
    • Set the text direction of an element
    • Increase the white space between words
    • Disable text wrapping inside an element
    • Vertical alignment of an image inside text
  • CSS Fonts
    • Set the font of a text
    • Set the size of the font
    • Set the size of the font in px
    • Set the size of the font in em
    • Set the size of the font in percent and em
    • Set the style of the font
    • Set the variant of the font
    • Set the boldness of the font
    • All the font properties in one declaration
  • CSS Links
    • Add different colors to visited/unvisited links
    • Use of text-decoration on links
    • Specify a background color for links
    • Add other styles to hyperlinks
    • Advanced - Create link boxes
    • Advanced - Create link boxes with borders
  • CSS Lists
    • All the different list item markers in lists
    • Set an image as the list-item marker
    • Position the list-item marker
    • All list properties in one declaration
    • Style lists with colors
    • Full-width bordered list
  • CSS Tables
    • Specify a black border for table, th, and td elements
    • Use of border-collapse
    • Single border around the table
    • Specify the width and height of a table
    • Set the horizontal alignment of content (text-align)
    • Set the vertical alignment of content (vertical-align)
    • Specify the padding for th and td elements
    • Horizontal dividers
    • Hoverable table
    • Striped tables
    • Specify the color of the table borders
    • Set the position of the table caption
    • Responsive Table
  • CSS Box Model
    • Demonstrating the box model
    • Specify an element with a total width of 250px
  • CSS Outline
    • Draw a line around an element (outline)
    • Set the style of an outline
    • Set the color of an outline
    • Set the width of an outline
  • CSS Dimension
    • Set the height and width of an element
    • Set max-width of an element
    • Set the height and width of different elements
    • Set the height and width of an image using percent
    • Set min-width and max-width of an element
    • Set min-height and max-height of an element
  • CSS Display
    • How to hide an element (visibility:hidden)
    • How to not display an element (display:none)
    • How to display a block-level element as an inline element
    • How to display an inline element as a block-level element
    • How to to use CSS together with JavaScript to show hidden content
  • CSS Positioning
    • Position an element relative to the browser window
    • Position an element relative to its normal position
    • Position an element with an absolute value
    • Overlapping elements
    • Set the shape of an element
    • How to create a scroll bar when an element's content is too big to fit
    • How to set the browser to automatically handle overflow
    • Set the top edge of an image using a pixel value
    • Set the bottom edge of an image using a pixel value
    • Set the left edge of an image using a pixel value
    • Set the right edge of an image using a pixel value
    • Change the cursor Position image text (top left corner)
    • Position image text (top right corner)
    • Position image text (bottom left corner)
    • Position image text (bottom right corner)
    • Position image text (centered)
  • CSS Overflow
    • Using overflow: visible - The overflow is not clipped. It renders outside the element's box.
    • Using overflow: hidden - The overflow is clipped, and the rest of the content is hidden.
    • Using overflow: scroll - The overflow is clipped, but a scrollbar is added to see the rest of the content.
    • Using overflow: auto - If overflow is clipped, a scrollbar should be added to see the rest of the content.
    • Using overflow-x and overflow-y.
  • CSS Floating
    • A simple use of the float property
    • An image with border and margins that floats to the right in a paragraph
    • An image with a caption that floats to the right
    • Let the first letter of a paragraph float to the left
    • Create an image gallery with the float property
    • Turning off float (using the clear property)
    • Creating a horizontal menu
    • Creating a homepage without tables
  • CSS Aligning Elements
    • Center aligning with margin
    • Center aligning text
    • Center an image
    • Left/Right aligning with position
    • Left/Right aligning with position - Crossbrowser solution
    • Left/Right aligning with float
    • Left/Right aligning with float - Crossbrowser solution
    • Center vertically with padding
    • Center vertically and horizontally
    • Center vertically with line-height
    • Center vertically and horizontally with position
  • CSS Opacity
    • Creating transparent images
    • Creating transparent images - mouseover effect
    • Reversed mouseover effect for transparent images
    • Transparent box/div
    • Transparent box/div with RGBA values
    • Creating a transparent box with text on a background image
  • CSS Navigation Bars
    • Fully styled vertical navigation bar
    • Fully styled horizontal navigation bar
  • CSS Image Gallery
    • Image gallery
    • Responsive Image gallery
  • CSS Forms
    • Full-width input field
    • Padded input field
    • Bordered input field
    • Bottom bordered input field
    • Colored input fields
    • Focused input fields
    • Focused input fields 2
    • Input with icon/image
    • Animated search input
    • Styling textareas
    • Styling select menus
    • Styling input buttons
  • CSS3 Rounded Corners
    • Add rounded corners to elements
    • Round each corner separately
    • Create elliptical corners
  • CSS3 Border Images
    • Create an image border around an element, using the round keyword
    • Create an image border around an element, using the stretch keyword
    • Image border - Different slice values
  • CSS3 Backgrounds
    • Add multiple background images for an element
    • Specify the size of a background image
    • Scale a background image using "contain" and "cover"
    • Define sizes of multiple background images
    • Full-size background image (completely fill the content area)
    • Use background-origin to specify where the background image is positioned
    • Use background-clip to specify the painting area of the background
  • CSS3 Gradients
    • Linear Gradient - top to bottom
    • Linear Gradient - left to right
    • Linear Gradient - diagonal
    • Linear Gradient - with a specified angle
    • Linear Gradient - with multiple color stops
    • Linear Gradient - color of a rainbow + text
    • Linear Gradient - with transparency
    • Linear Gradient - a repeating linear gradient
    • Radial Gradient - evenly spaced color stops
    • Radial Gradient - differently spaced color stops
    • Radial Gradient - set shape
    • Radial Gradient - different size keywords
    • Radial Gradient - a repeating radial gradient
  • CSS3 Shadow Effects
    • Simple shadow effect
    • Add a color to the shadow
    • Add a blur effect to the shadow
    • White text with black shadow
    • A red neon glow shadow
    • A red and blue neon glow shadow
    • White text with black, blue, and darkblue shadow
    • Add a simple box-shadow to an element
    • Add color to box-shadow
    • Add color and blur effect to box-shadow
    • Create paper-like cards (text)
  • CSS3 Text
    • Specify how hidden, overflowed content should be signaled to the user
    • How to display the overflowed content when hover over the element
    • Allow long words to be able to be broken and wrap onto the next line
    • Specify line breaking rules
  • CSS3 Fonts
    • Use your "own" fonts in @font-face rule
    • Use your "own" fonts in @font-face rule (bold)
  • CSS3 2D Transforms
    • translate() - move an element from its current position
    • rotate() - rotate an element clockwise
    • rotate() - rotate an element counter-clockwise
    • scale() - increase an element
    • scale() - decrease an element
    • skewX() - skews an element along the X-axis
    • skewY() - skews an element along the Y-axis
    • skew() - skews an element along the X and Y-axis
    • matrix() - rotate, scale, move, and skew an element
  • CSS3 3D Transforms
    • rotateX() - rotate an element around its X-axis at a given degree
    • rotateY() - rotate an element around its Y-axis at a given degree
    • rotateZ() - rotate an element around its Z-axis at a given degree
  • CSS3 Transitions
    • Transition - change width of an element
    • Transition - change width and height of an element
    • Specify different speed curves for a transition
    • Specify a delay for a transition effect
    • Add a transformation to a transition effect
    • Specify all transition properties in one shorthand property
  • CSS3 Animations
    • Bind an animation to an element
    • Animation - change background-color of an element
    • Animation - change background-color and position of an element
    • Delay an animation
    • Run animation 3 times before it stops
    • Run animation for ever
    • Run animation in reverse direction
    • Run animation in alternate cycles
    • Speed curves for animations
    • Animation shorthand property
  • CSS3 Images
    • Rounded image
    • Circled image
    • Thumbnail image
    • Thumbnail image as link
    • Responsive image
    • Image text (top left corner)
    • Image text (top right corner)
    • Image text (bottom left corner)
    • Image text (bottom right corner)
    • Image text (centered)
    • Polaroid images
    • Grayscale image filter
  • CSS3 Buttons
    • Basic CSS buttons
    • Button colors
    • Button sizes
    • Rounded buttons
    • Colored button borders
    • Hoverable buttons
    • Shadow buttons
    • Disabled buttons
    • Button width
    • Button groups
    • Bordered button group
    • Animated Button (Hover Effect)
    • Animated Button (Ripple Effect)
    • Animated Button (Pressed Effect)
  • JavaScript Introduction
    • JavaScript can change HTML content
    • JavaScript can change HTML attributes
    • JavaScript can change CSS style
    • JavaScript can hide HTML elements
    • JavaScript can show hidden HTML elements
  • JavaScript Output
    • Writing into an window alert box
    • Writing into the HTML output
    • Writing into an HTML element
    • Writing into the browser console
  • Where to Insert JavaScript
    • JavaScript in
    • JavaScript in
    • JavaScript in an external file
  • JavaScript Syntax
    • JavaScript statements
    • JavaScript numbers
    • JavaScript strings
    • JavaScript expressions
    • JavaScript keywords
    • JavaScript variables
    • JavaScript assignment
    • JavaScript operators
    • JavaScript comments
    • JavaScript is case sensitive
  • JavaScript Statements
    • The if statement
    • The else statement
    • The else if statement
    • Random link
    • Switch statement
  • JavaScript Variables
    • JavaScript variables
    • JavaScript variables as algebra
    • JavaScript numbers and strings
    • JavaScript var keyword.
    • Declaring many variables in one statement
    • Declaring many variables multiline
    • A variable without a value returns the value undefined
    • Re-declaring a variable will not destroy the value
    • Adding JavaScript numbers
    • Adding JavaScript strings
    • Adding strings and numbers
  • JavaScript Operators
    • Arithmetic operator
    • Assignment operator
    • Comparisons operator
  • JavaScript Data Types
    • Declare (create) strings
    • Declare (create) numbers
    • Declare (create) an array
    • Declare (create) an object
    • Find the type of a variable
    • Adding two numbers and a string
    • Adding a string and two numbers
    • An undefined variable
    • An empty variable
  • JavaScript Functions
    • A simple function
    • A function with an argument
    • A function with an argument 2
    • A function that returns a value
    • A function that converts Fahrenheit to Celsius
    • A function call without ()
  • JavaScript Loops
    • For loop
    • Looping through HTML headers
    • While loop
    • Do While loop
    • Break a loop
    • Break and continue a loop
    • Use a for...in statement to loop through the elements of an object
Filter Branch wise Batch :

Batch : IAWDS - 02

Start Date: 1 Aug 2017
Days : Saturday,Monday,Wednesday
Schedule : 9:0:AM To 12:0:PM
Duration : 3 Month
Course Fee : 6000 /=
Apply Now

Batch : IAWDS-03

Start Date: 5 Aug 2017
Days : Sunday,Tuesday,Thursday
Schedule : 2:0:PM To 5:0:PM
Duration : 3 Months
Course Fee : 6000 /=
Apply Now

Batch : IAWDS-04

Start Date: 16 Sep 2017
Days : Sunday,Tuesday,Thursday
Schedule : 9:0:AM To 12:0:PM
Duration : 3 Months
Course Fee : 6000 /=
Apply Now