icon_1

Online & Offline Training

icon_2

Excellent Lab Support

icon_3

Work on Live Project

icon_4

Get Expert Mentor

icon_4

Certification

Advanced Web Designing

Our Web designing classes consists of HTML/HTML5, CSS/CSS3, JavaScript, jQuery, BootStrap these are used to organize the website layout and define the look and feel of WebPages, and we teach all these using Dreamweaver, which is a most popular professional web Development tool. Our special design course covers the latest designing tools like Adobe Photoshop and flash. We also cover real-time projects starting from domain registration to hosting your website.

Course Overview

Why you need to learn coding?

  • Develops Problem solving & Thinking skills
  • Drives Innovations
  • Improves Creativity
  • Coding is Fun
  • Improves persistence
INTRODUCTION TO ADVANCED WEB DESIGING
Web Designing
  • Introduction to world wide web
  • Protocols of www
  • Hypertext links, URL, domain name system , Web server
  • Internet , browsers, website,web application webpage, the home page
  • Overview Of SDLC
  • SEO
  • 1. Introduction of HTML
    • What is HTML?
    • What is Markup Language?
    • HTML Page Structure
    • Use of Web Browsers
    • HTML Editors
  • 2. HTML Basic
    • What is Element? and Types of Element
    • Block Elements and Inline Elements
    • What are Attributes? and how to use it?
    • Paragraphs and Formatting
    • Headings
    • HTML Comments
    • HTML Symbols / Entities
  • 3. HTML Links
    • Relative URL
    • Image as a link
    • Create a Bookmark
    • Absolute URL
    • Attributes : href , title , target , id , download
  • 4. HTML Images
    • Optimizing JPEG,PNG and GIF Images
    • Embedding Images in a WebPage
    • Image as a link
    • Image Maps
    • Attributes : src , title , alt , height , width , shape , coords
  • 5. HTML Lists
    • Unordered List
    • rdered List
    • Description List
    • Nested List
    • Attributes : type
  • 6. HTML Tables
    • Creating Tables
    • Formatting Tables
    • Table Headers and Captions
    • Attributes : rowspan , colspan , border , bgcolor
  • 7. HTML Form and Input
    • Creating Forms (Form Element)
    • Form Methods - Get,Post
    • Single Line Input - Textbox,Password,Hiddenbox
    • Multiple Line Input - Textarea
    • Single Selection - Radio Button, Select
    • Multiple Selection - Checkbox, Select with multiple attribute
    • File Upload - File
    • Attributes : method , action , type , name , value , maxlength , size , checked , tabindex , readonly , rows , cols
  • 8. HTML Iframe and Fieldset
    • Creating Iframe
    • Iframe - Target for a Link
    • Creating Fieldset
  • 9. HTML5
    • Introduction of HTML5
    • Difference between HTML4 and HTML5
    • HTML5 New Semantic (Structural) Elements
    • HTML5 New Form Elements
    • HTML5 New Input Types
    • HTML5 New Input Attributes
    • HTML5 New Graphic Elements
    • HTML5 New Media Elements
  • 1.Introduction of CSS
    • What is CSS?
    • Why use CSS?
    • CSS and Markup Languages
  • 2.CSS Basic
    • CSS Syntax
    • Types of CSS
    • CSS Selectors
    • CSS Comments
    • StyleSheet Strategies
  • 3.Color and Background Properties
    • Set Text and ForegroundColor
    • Set BackgroundColor
    • Set BackgroundImage
    • Set background-position
  • 4.CSS Text Properties
    • Set Text color
    • Set Text Alignment
    • Decorating Text
    • Set Textcase
    • Indenting Paragraphs
    • Set Text Direction
    • Arrange Letter Space
    • ○Arrange Word Space
    • Set Line Height
    • Apply shadow to Text
  • 5.CSS Font Properties
    • Set size of Fontsr
    • Apply style to Fonts like bold, italic
    • Creating SmallCaps
    • Change Fonts using Font Family
  • 6.HTML Div and Span Element
    • Create Div
    • Arrange Div in specific place
    • Create Web Page layout
  • 7.CSS Box Properties
    • Margin
    • Padding
    • Content
    • Border
  • 8.CSS Float Properties
    • Left
    • Right
    • None
  • 9.CSS Border Properties
    • width
    • color
    • style
  • 10.CSS Position Properties
    • Static
    • Relative
    • Fixed
    • Absolute
    • Z-index
  • 11.CSS List Properties
    • list-style
    • list-style-image
    • list-style-position
    • list-style-type
  • 12.Introduction to CSS3
    • What is CSS3?
    • Difference between CSS and CSS3
  • 13.CSS3 Backgrounds
    • background-size
    • background-origin
    • background-clip
    • Multiple Background Images
  • 14.CSS3 Gradients
    • Linear Gradient
    • Radial Gradient
  • 15.CSS3 Shadow
    • text-shadow
    • box-shadow
  • 1.Introduction of Javascript
    • What is Javascript?
    • Javascript and Markup Languages
    • Javascript Syntax
  • 2.Javascript Output
    • window.alert
    • document.write
    • console.log
    • innerHTML
  • 3.Statements and Comments
  • 4.Variables
  • 5.Javascript Arrays
    • Array Syntax
    • How to use Array values
  • 6.Javascript Objects
    • Object Syntax
    • How to use Object values
  • 7.Data Types
    • number
    • string
    • boolean
    • object
    • undefined
    • null
    • ○function
  • 8.Operators
    • Arithmetic Operators
    • Assignment Operators
    • String Operators
    • Comparison Operators
    • Logical Operators
    • Type Operators
  • 9.Functions
    • What is function?
    • Why use function?
    • function Syntax
    • Types of function
    • function invocation
  • 10.Conditional Statements and Loops
    • Conditional Statements
    • Looping Statements
    • function Syntax
    • Types of function
    • function invocation
  • 11.Javascript Dates
  • 12.HTML Events
    • Window Events
    • FormEvents
    • KeyboardEvents
    • MouseEvents
    • function invocation
  • 13.Javascript Validation
  • 1.Introduction to jQuery
    • What is jQuery?
    • Why use jQuery?
    • Difference between Javascript and jQuery
  • 2.jQuery Selectors
  • 3.jQuery Events
  • 4.jQuery Effects
    • jQuery Hide/Show
    • jQuery Fade
    • jQuery Slide
    • jQuery Animate
    • jQuery Stop
    • jQuery callback
    • jQuery chaining
  • 5.jQueryHTML
    • ○jQuery Get
    • ○jQuery Set
    • ○jQuery Add
    • ○jQuery Remove
    • ○jQuery CSS Classes
    • Query CSS
  • 6.jQueryMisc
    • jQuerynoConflict()
  • 1.Introduction of BS
    • What is BS?
    • What is Responsive Web Design?
    • Why use BS?
    • How to use BS and Syntax?
  • 2.How to Create a Layout in BS
    • Grid Classes
  • 3.Typography and colors in BS
  • 4.BS Tables
    • Bordered Table
    • Striped Table
    • Hover Table
    • Condensed Table
    • Responsive Table
  • 5.Navigation bar in BS
    • Inverted NavigationBar
    • Fixed NavigationBar
    • Right-aligned NavigationBar
    • Collapsing the NavigationBar
    • Responsive Table
  • 6.Form in BS
    • Vertical Form
    • Horizontal Form
    • Inline Form
  • 7.Buttons in BS
    • ButtonStyles
    • ButtonSizes
    • Block LevelButtons
  • 8.Images in BS
    • Rounded Corners Image
    • Circle Image
    • Thumbnail Image
    • Responsive Image

Course Take Away

  • Learn Design
  • Create your own responsive Website
  • Real Time Website Design Projects
  • Create Animation
logical
Request a Free Demo lecture
Thank you for register, we will get back to you.
+91
-