Web Design
Overview
In this course, you’ll learn how to design and build beautiful websites by learning the basic principles of design like branding, color theory, and typography which are all instrumental in the design process of a website. You’ll also learn HTML, CSS, JAVA-SCRIPT, and BOOTSTRAP, which are the common code languages that all modern websites are built on. These are useful skills to acquire as they are needed by nearly every single business in the world to communicate to customers.
Curriculum
How the Website Works?
Types of Websites (Static and Dynamic Websites)
Web Standards and W3C recommendations
What is Markup Language
Basic Structure of HTML
Difference Between HTML and XHTML
Head Section and Elements of Head Section
Meta Tags
CSS Tags
Script Tag
Table Tag
Div Tag
Header Tags
Paragraph, Span, Pre-Tags
Anchor Links and Named Anchors
Image Tag
Object Tag
Iframe Tag
Forms
Form Tag
Attributes of Form
POST and GET Method
Fieldset and Legend
Text input, Text area
Checkbox and Radio Button
Dropdown, List and Optgroup
File Upload and Hidden Fields
Submit, Image, Normal, Reset Button
Creating a Live Website Form
HTML Validators
Introduction to Cascading Style Sheets
Types of CSS
CSS Selectors
Universal Selector
ID Selector
Tag Selector
Class Selector
Sub Selector
Child Combinatory Selector
Adjacent Sibling Selector
Attribute Selector
Group selector
First-line and First-letter selector
Before and After Selector
CSS Properties
Type Properties
Background Properties
Block Properties
Box Properties
List Properties
Border Properties
Positioning Properties
Real time Implementation
Conversation of Table to CSS Layout
CSS Menu Design (Horizontal, Vertical)
Form Designing
Introduction to HTML5
Features of HTML5
HTML5 Doctype
New Structure Tags
Section
Nav
Article
Aside
Header
Footer
Designing a HTML Structure of Page
New Media Tags
Audio Tag
Video Tag
Canvas and Sag Tag
Introduction to HTML5 Forms
New Attributes
Placeholder Attribute
Require Attribute
Pattern Attribute
Autofocus Attribute
Email, tell, URL types
Number type
Date type
Range type
Voice search
Examples of Form
Introduction to CSS 3
New CSS 3 Selectors
Attribute Selectors
First-of-type
Last-of-type
Nth-child
Element: empty
New CSS3 Properties
Custom Fonts
Text-Shadow Property
Text-Stroke Property
Rounded Corners
Box Shadows
CSS Gradients
CSS Multiple backgrounds
Opacity Property
Transition effect
Transform effect
Animation effects
CSS Media Queries
Using CSS3 in Practical Layout
Introduction to Client-Side Scripting
Introduction to Java Script
JavaScript Types
Variables in JS
Operators in JS
Conditions Statements
Java Script Loops
JS Popup Boxes
JS Events
JS Arrays
Working with Arrays
JS Objects
JS Functions
Validation of Forms
JS Slider
Introduction to jQuery
jQuery Features
Installing jQuery
jQuery Syntax
jQuery Ready Function
jQuery Selectors
jQuery Actions
jQuery plugins
jQuery Validation plugin
jQuery Slideshow
jQuery Dropdown
Introduction to Responsive Design
Mobile first design concepts
Common device dimensions
View-port tag
Using CSS media queries
Menu conversion script
Basic Custom Layout
Introduction to Bootstrap
Installation of Bootstrap
Grid System
Forms
Buttons
Icons Integration
Clients Requirement Analysis
Planning the Website
Creating the HTML/CSS Structure
Creating project using Bootstrap
Integration of Features using JS and jQuery
