Course Overview
First comes the opportunity, then comes college, and then of course, the ultimate goal, a career that pays well, is enjoyable, and has a noticeable impact on the general public.
Coding can very much be that career! While it’s up to the coder to decide whether or not coding is actually enjoyable and something they like doing, there isn’t any denying that a career rooted in coding is a lucrative one (the computer science major is one of the highest paying college majors available), and is something that is required and utilized throughout each and every day across the world.
Web Designing -Are you creative? Think out of the box? The web designing course is a very exciting career option for you. 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 Outline
Duration : 12-13 weeks
Sessions : Weekdays - 4 per week
Weekends - 2 per week
Prerequisites : - There is no such Prerequisites for this course.
Course Curriculum
1. 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
- Introduction of HTML
- What is HTML?
- What is Markup Language?
- HTML Page Structure
- Use of Web Browsers
- HTML Editors
- HTML Basic
- What is Element? and Types of Element
- Block Elements and Inline Elements
- What is Attributes? and how to use?
- Paragraphs andFormatting
- Headings
- HTML Comments
- HTML Symbols / Entities
- HTML Links
- Relative URL
- Image as a link
- Create a Bookmark
- Absolute URL
- Attributes : href , title , target , id , download
- 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
- HTML Lists
- Unordered List
- Ordered List
- Description List
- Nested List
- Attributes : type
- HTML Tables
- Creating Tables
- Formatting Tables
- Table Headers and Captions
- Attributes : rowspan , colspan , border , bgcolor
- 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
- Buttons - Submit,Reset,Button
- Attributes : method , action , type , name , value , maxlength , size , checked , tabindex , readonly , rows , cols
- HTML Iframe and Fieldset
- Creating Iframe
- Iframe - Target for a Link
- Creating Fieldset
- HTML5
- Introduction of HTML5
- Difference between HTML4 and HTML5
- HTML5 New Semantic (Structural) Elements
- header
- nav
- section
- article
- aside
- footer
- details
- summary
- figure
- figcaption
- mark
- progress
- meter
- HTML5 New Form Elements
- HTML5 New Input Types
- color
- date
- datetime
- datetime-local
- email
- month
- number
- range
- search
- tel
- time
- url
- week
- HTML5 New Input Attributes
- autocomplete
- autofocus
- form
- formaction
- formenctype
- formmethod
- formnovalidate
- formtarget
- list
- min and max
- pattern
- placeholder
- required
- step
- HTML5 New Graphic Elements
- HTML5 New Media Elements
- Introduction of CSS
- What is CSS?
- Why use CSS?
- CSS and Markup Languages
- CSS Basic
- CSS Syntax
- Types of CSS
- Inline CSS
- Internal CSS
- External CSS
- CSS Selectors
- Simple selectors
- Combinator selectors
- Pseudo-class selectors
- Pseudo-elements selectors
- Attribute selectors
- CSS Comments
- StyleSheet Strategies
- Color and Background Properties
- Set Text and ForegroundColor
- Set BackgroundColor
- Set BackgroundImage
- Set background-position
- 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 Hight
- Apply shadow to Text
- CSS Font Properties
- Set size of Fonts
- Apply style to Fonts like bold, italic
- Creating SmallCaps
- Change Fonts using Font Family
- HTML Div and Span Element
- Create Div
- Arrange Div in specific place
- Create Webpage layout
- CSS Box Properties
- Margin
- Padding
- Content
- Border
- CSS Float Properties
- CSS Border Properties
- CSS Position Properties
- Static
- Relative
- Fixed
- Absolute
- Z-index
- CSS List Properties
- list-style
- list-style-image
- list-style-position
- list-style-type
- Introduction to CSS3
- What is CSS3?
- Difference between CSS and CSS3
- CSS3 Backgrounds
- background-size
- background-origin
- background-clip
- Multiple Background Images
- CSS3 Gradients
- Linear Gradient
- Radial Gradient
- CSS3 Shadow
- Introduction of Javascript
- What is Javascript?
- Javascript and Markup Languages
- Javascript Syntax
- Javascript Output
- window.alert
- document.write
- console.log
- innerHTML
- Statements and Comments
- Variables
- Javascript Arrays
- Array Syntax
- How to use Array values
- Javascript Objects
- Object Syntax
- How to use Object values
- Datatypes
- number
- string
- boolean
- object
- undefined
- null
- function
- Operators
- Arithmetic Operators
- Assignment Operators
- String Operators
- Comparison Operators
- Logical Operators
- Type Operators
- Functions
- What is function?
- Why use function?
- function Syntax
- Types of fuction
- Userdefined functions
- Predefined functions
- function invocation
- Conditional Statements and Loops
- Conditional Statements
- if statement
- if else statement
- if elseif else statement
- Switch case
- Looping Statements
- while loop
- do-while loop
- for loop
- Continue
- break
- Javascript Dates
- HTML Events
- Window Events
- FormEvents
- onblur
- onchange
- onfocus
- oninput
- onselect
- onsubmit
- onreset
- onsearch
- KeyboardEvents
- onkeydown
- onkeypress
- onkeyup
- MouseEvents
- onclick
- ondblclick
- onmouseover
- onmouseout
- onmousedown
- onmouseup
- Javascript Validation
- Javascript Basics
- Recall Basic Concepts of Javascript
- Arrays and Objects in JS
- Date and Math Object
- Array Methods
- String Methods
- Set timeout , clear timeout
- Set interval , clear interval
- The DOM Objects
- Introduction to DOM object
- DOM Methods
- Access and Modify HTML through DOM
- EventListners
- Advance JavaScript Overview
- Functions in depth
- JS Prototype
- This Keyword in JS
- Getting Into AdvanceJS
- OOJS concept
- Classes and Instances
- Exception Handling in JS
- Constructors and Inheritance
- Introduction to jQuery
- What is jQuery?
- Why use jQuery?
- Difference between Javascript and jQuery
- jQuery Syntax
- jQuery Selectors
- jQuery Events
- jQuery Effects
- jQuery Hide/Show
- jQuery Fade
- jQuery Slide
- jQuery Animate
- jQuery Stop
- jQuery callback
- jQuery chaining
- jQueryHTML
- jQuery Get
- jQuery Set
- jQuery Add
- jQuery Remove
- jQuery CSS Classes
- jQuery CSS
- jQueryMisc
- Introduction of BS
- What is BS?
- What is Responsive Web Design?
- Why use BS?
- How to use BS and Syntax?
- How to Create a Layout in BS
- Typography and colors in BS
- BS Tables
- Bordered Table
- Striped Table
- Hover Table
- Condensed Table
- Responsive Table
- Navigation bar in BS
- Inverted NavigationBar
- Fixed NavigationBar
- Navigation Bar with Dropdown
- Right-aligned NavigationBar
- Collapsing the NavigationBar
- Form in BS
- Vertical Form
- Horizontal Form
- Inline Form
- Buttons in BS
- ButtonStyles
- ButtonSizes
- Block LevelButtons
- Active/DisabledButtons
- Images in BS
- Rounded Corners Image
- Circle Image
- Thumbnail Image
- Responsive Image
2. Wordpress - CMS ( Content Management System)
- What is CMS?
- What is Wordpress?
- Features Of Wordpress
- What is Plugins? What is Widgets ?
- Installation OfWordpress
- How to install pages and posts?
- How to Active widgets?
- How to install plugins?
- How to use HTML template in wordpress
Jaya Shrivastava
I feel proud to give review for Nirali Mam. I felt that she is the best trainer for Web Designing course. only because of her I have so much knowledge about website design and i am sure that i will crack any interview based on it. Ratherthan knowledge she has good nature, excellent explanation technique. A very special thanks for Nirali Mam.