Diploma in Web Design

Batches

Morning Batch

Time Of Batch : Slots Available - Call Us

Afternoon batch

Time Of Batch : Slots Available - Call Us

Evening batch

Time Of Batch : Slots Available - Call Us


Features

Duration Of Class

HTML, CSS : 20 hours
Basic HTML: 40 hours
Advance HTML5,CSS3: 40 hours

Live project

Live project or live industry case study

Duration : 30 hours

Class Work Case Studies

During the training program, live case studies from the industry will be shared with student which will give the understanding of the industry.

Placement Policy

Placement support is a complimentory service provided to all Job oriented courses.

Expert Support

Support team available to help you with any technical queries you may have during the course.

Certification

Towards the end of the course, you will be working on a project. Techbodhi certifies you as a Web Developer based on the project.


Course Description

Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. With Cascading Style Sheets (CSS) and JavaScript, it forms a triad of cornerstone technologies for the World Wide Web
HTML Suite is comprehensive and is suited for both freshers as well as advanced learners. HTML Suite is best suited for web designer, software designer, mobile app developers, freelancers and anyone looking build powerful responsive websites with HTML5.
Tech Bodhi is managed by highly experienced professionals from the IT industry who has experience across Globe
With the constant advancement in technology and continuous change in designing platforms, the demand for trained HTML professionals is on a constant rise. Here are some of the major career benefits that come with this training program. Average salary for trained Web designer is continously moving up. With the constant rise in the number of websites and internet marketing becoming a norm, IT companies across the globe are seeking competent Web designers.
This course can be taken by anyone who wants to be a Web Designer or wants to learn HTML.
Any graduate with willingness to learn.

Project

The system requirements include Minimum 4 GB RAM, i3 processor and above,500 GB HDD.
For your practical work techbodhi team will provide guidance.
Realtime industry case studies will be covered

Curriculum

Basic HTML

  • What is Website
  • What is WebPages
  • Type of website
  • Head
  • Title
  • Favicon
  • Metatag
  • Body
  • p...../p
  • Align
  • a..../a
  • href
  • Target
  • Title
  • Image With Link
  • Link Colors
  • Unordered List
  • Ordered List
  • Definition List
  • h1...../h1
  • h2....../h2
  • h3....../h3
  • h4....../h4
  • h5....../h5
  • h6....../h6
  • b...../b
  • i....../i
  • strong....../strong
  • small...../small
  • big....../big
  • code....../code
  • sub....../sub
  • sup....../sup
  • Empty Tag
  • Hr
  • br
  • table..../table
  • tr..../tr
  • td..../td
  • th..../th
  • Width & Height
  • V-align
  • Caption
  • Cell padding
  • Cell spacing
  • Cols pan
  • Row span
  • Bgcolor
  • Background
  • Frame
  • Bgcolor
  • Background-image
  • copy
  • nbsp
  • beta
  • gamma
  • dollar
  • & Many more...
  • img..../img
  • Src
  • Width & Height
  • Border
  • Align
  • Alt
  • Title
  • marquee..../marquee
  • Direction
  • Loop
  • Bgcolor Width & Height
  • Behavior
  • Image with marquee
  • Nested Marquee
  • frameset..../frameset
  • frame..../frame
  • src
  • iframe..../iframe
  • src
  • Frameborder
  • Width & Height
  • form..../form
  • Action
  • Method
  • Input type
  • Text
  • Password
  • Type of Button
  • Type of Method
  • Selection Technique
  • Text area

HTML5

  • What is HTML5
  • Advantages of HTML5
  • why learn HTML5
  • article.../article
  • aside.../aside
  • figcaption.../figcaption
  • figure.../figure
  • footer.../footer
  • header.../header
  • mark.../mark
  • nav.../nav
  • progress.../progress
  • time.../time
  • Color
  • Date
  • Datetime
  • Datetime-local
  • Email
  • Month
  • Number
  • Range
  • Search
  • Tel
  • Url
  • Time
  • Week
  • Autocomplete
  • Autofocus
  • Form
  • Formation
  • Formenctype
  • Formmethod
  • Formnovalidate
  • Formtarget
  • Height and width
  • List
  • Min and max
  • MultiplePattern(regexp)
  • Placeholder
  • Required
  • Step
  • Source
  • Audio
  • Video
  • Line
  • Circle
  • Text
  • Rectangle
  • Paths
  • Quadratic
  • Images
  • Create Gradients
  • Local Storage
  • Session Storage

CSS

  • What is CSS
  • Type of CSS
  • CSS Syntax
  • CSS Rules
  • Color value
  • CSS measurements
  • ID
  • Class
  • Single Elements
  • Multiple Elements
  • All Elements
  • Specific Element by ID
  • Specific Element by Class
  • Child Selector
  • Descendant Selector
  • Adjacent sibling selectors
  • General sibling selectors
  • Background-color
  • Background-image
  • Background-repeat
  • Background-position
  • Background attachment
  • Drag and Drop
  • Ondragstart and setData()
  • Ondragover
  • Font-family
  • Font-style
  • Font-variant
  • Font-weight
  • Font-size
  • Color
  • Direction
  • Letter-spacing
  • Word Spacing
  • Text-Indent
  • Text-align
  • Vertical-align
  • Text-decoration
  • Text-transform
  • White-space
  • Line-height
  • Border
  • Margins
  • Padding
  • Outline
  • Border-collapse
  • Caption-side
  • Border-spacing
  • Empty-cells
  • Width and height
  • Text-align
  • Vertical-align
  • Background-color
  • list-style-type
  • list-style-position
  • list-style-image
  • Block
  • Inline
  • Inline-block
  • None
  • Position
  • Static
  • Fixed
  • Relative
  • Absolute
  • CSS-Layer
  • z-index
  • ImageOpacity
  • CSS Overflow
  • Visible
  • Hidden
  • Scroll

CSS3

  • What is CSS3
  • Advantages of CSS3
  • Why learn CSS3
  • Border-radius
  • Border images
  • Backgrounds Size
  • Backgrounds orgin
  • Text-overflows
  • Word-wrap
  • Word-break
  • Font
  • Tranitions-delay
  • Tranitions-duration
  • Tranitions-property
  • Tranitions-timing-function

JAVASCRIPT

  • What is JavaScript
  • Advantages of JavaScript
  • Why learn JavaScript
  • Uses of JavaScript
  • What is validation
  • Client-side validation
  • Server-side validation
  • JavaScript Syntax
  • Tranitions-delay
  • Tranitions-duration
  • Tranitions-property
  • Tranitions-timing-function
  • Document.write
  • Window.alert
  • Variable
  • Arithmetic Operators
  • Assignment Operators
  • Comparison Operators
  • Logical/Boolean Operators
  • String Operators
  • If
  • If...else
  • If...else if...else
  • Switch
  • Do..while
  • While
  • For
  • Nested for
  • What is function
  • Function without parameter
  • Function with parameter
  • Return Statement
  • Local variable
  • Global variable
  • What is Array
  • Syntax of Array
  • LengthConcat()
  • Push & pop
  • Shift & Unshift
  • Alert
  • Confirmation
  • Prompt
  • Onclick
  • Ondblclick
  • Onfocus
  • Onblur
  • Onchange
  • Onselect
  • Onmouseover
  • Onmouseout
  • Onsubmit
  • Onreset
  • Onload
  • String Object
  • Date Object
  • Math Object
  • Window Object
  • Navigator Object
  • Image Object
  • What is DOM
  • Methods of document object
  • getElementById()
  • getElementsByName()
  • getElementsByTagName()
  • getElementsByClassName()
  • Form Validation

JQUERY

  • What is jQuery
  • Downloading jQuery
  • How to use jQuery
  • Why use jQuerySyntax of jQuery
  • Creating Simple jQuery enabled page
  • document.ready event

BOOTSTRAP

  • Introduction to Bootstrap
  • Bootstrap Grid System
  • Creating Layouts with Bootstrap
  • Bootstrap CSS-Understanding the CSS
  • Responsive Web design with Bootstrap
  • Single Page Responsive site with Bootstrap
  • Customizing Bootstrap3
  • Bootstrap Layout Components
  • Transition
  • Modal
  • Dropdown
  • ScrollSpy
  • Tab
  • Tooltip
  • Popover
  • Alert
  • Button
  • Collapse
  • Glyphicons
  • Dropdowns
  • Button Groups
  • Button Dropdowns
  • Input Groups
  • Navs
  • Navbar
  • Breadcrumbs
  • Pagination
  • Labels
  • Badgets
  • Page header
  • Thumbnails
  • Alert
  • Progress bar
  • Media object
  • List group
  • Panels
  • Web Application Icons
  • Hand Icons
  • Many more

FAQs

Tech Bodhi Assures you do not miss any contents:
  • If You miss single or couple of sessions, Trainer will manager
  • If large number of sessions are missed, Center Head will provide the solution

Techbodhi is committed to provide you an awesome learning experience through world-class content and best-in-class instructors. We will create an ecosystem through this training, that will enable you to convert opportunities into job offers by presenting your skills at the time of an interview. We can assist you in resume building and also share important interview questions once you are done with the training. Placement Assistance is a complimentory service provided to job oriented courses

We can arrange a demo session on your request
All the trainers at Tech Bodhi are practitioners from the Industry with minimum 5-20 yrs of relevant IT experience. They are subject matter experts and are trained by Tech Bodhi for providing an learning experience.
You can give us a CALL at +91 9960295908 OR email atinfo@techbodhi.co.in

Certification

  • Once you are successfully through the exit test and project assignment (Reviewed by a Techbodhi’s expert), you will be awarded with Techbodhi’s diploma Certificate
  • Techbodhi’s certification has industry recognition and we are the preferred training partner for many MNCs. Names cannot be disclosed as per NDA