WEB DESIGN, also known as communication design, is the art and practice
of planning and projecting ideas .
Course Overview
Careers in Web Technologies and Job Roles
How the Website Works?
Client and Server Scripting Languages
Difference between a Web Designer and Web Developer
Types of Websites (Static and Dynamic Websites)
Responsive design and layout
Introduction to Adobe Photoshop
Color mode & resolution
Types of Graphics
Export image
Animated Image
Tools
Ruler and scaling
Create Logos
Photos masking
Smart Objects
Merge Layers
Group Layers
Layer Styles
Blending Options
View Menu / Window Menu
Filter Effects
Image Adjustments
Realtime Website Layout Design
What is Markup Language
Basic Structure of HTML
Document Overview
The Structure Tags
Getting Started With HTML
Writing the Code
Head Section
Meta Tags
External Link Tags
HTML Tags
HEAD Tags
Title Tags
Body Tags
Displaying a web page in a web Browser
Block level elements
Inline elements
Empty elements
Creating a Form
Form Tag
POST and GET Method
Text Input, Text Area, Checkbox, Image Input and Radio
Select Option
Option Group
File Upload and Hidden Fields
Submit Button, Reset Button
Relation between HTML Form and PHP
Block Oriented Elements
Defining Paragraphs and new Lines
Inserting Spaces
Perforating the Text
Changing Background Color
Ordered List
Unordered List
Definition List
Using Type attribute with Unordered list
Using Stat attribute with Ordered List
Some other elements
Visual Markup
How to create table
Adding Border to a Table
Apply Formatting Features to Table
Merge row and columns
ntroduction to style Sheets
How style sheets work
Style Sheet Structure
Changing the color of the text
Changing the front
Changing the Indent of the text
Changing the Line Spacing
Hide a Style Sheet
Div
Span
Frame
Layer
Meta
HTML Frames
Frame
iframe
Introduction to HTML5
Introduction to HTML5
What's new in HTML5
The DOCTYPE
The script tag
The link tag
HTML5 Document
Color
Date
Datetime
datetime-local
email
month
number
range
search
tel
time
url
week
autofocus
formaction
formmethod
formnovalidate
height and width
list
min and max
multiple
pattern (regexp)
placeholder
required
step
What is SVG?
SVG Advantages
SVG in HTML
SVG Shapes
SVG Text
SVG Stroke properties
SVG Animation
lWhat is canvas?
lLines
Curves
Paths
Shapes
Color, gradients
Image
Arc
Text
Shadow
CSS Introduction
CSS Syntax
CSS Id & Class
Types of CSS links
Colors and Backgrounds
Text and Fonts
Lists
Tables
CSS Selectors
CSS Box Model
CSS Advanced
Interface
choosing a workspace
document window & toolbars
the document window
the launcher
the insert panel & tool sets
the document toolbar
the property inspector
dockable floating panels
using contextual menus
defining a site
file and folder management
creating site maps
using the file browser
defining the site
creating and saving documents
inserting images with assets panel
adding text
aligning page elements
modifying page properties
creating links with text and images
preview in browser
link with point to file
linking to new source files
browse for file and link history
anchor links
email links
file links
image maps
insert and modify a table
fixed width tables
relative width tables
hybrid table
insert tabular data
sort table data
if
if...else
if...else if...else
Switch
Loops
while
do...while
for
for...in Statement
Break
Continue
What is a Bitmaps
Importing Bitmap Options
Adjusting Color
Hiding Certain Colors in a Bitmap
Applying Special Bitmap Effects
Creating Web Images
Advanced GIF Options
User-defined Functions
Function Syntax
Function with Arguments
Returning Values from Functions
Built-in Functions
paraseInt and parseFloat
Events
Introduction
Mouse Events
Keyboard Events
Form Events
Document/Window Events
Built-in Objects
Introduction
Number
Strings
Math
Arrays
Associative Array
Array Properties and Methods
Date
Boolean
Regexp
Form Validations
Basics of Form Validation
Validating Radio Buttons
alidating Checkboxes
Validating Select Menus
Validating Textareas
Introduction
DOM HTML
DOM CSS
DOM Events
JS Cookies
JS Window
JS Location
JS Popups
JS Time
What is JQuery?
Overview of JQuery features
Using JQuery links
JQuery Selectors
JQuery Events
JQuery Effects
JQuery HTML
JQuery Traversing
Jquery AJAX
Image slider using JQuery plugins
Form Validation
Bootstrap Framework
Getting started with Bootstrap
Grid system in Bootstrap
Adding Header & Navigation
Adding Logo in Navigation Bar & Adding Bannerv
Adding Jumbotron
Adding Rows, Columns & Containers
Adding Column Width using offset
Ordering Columns using push or pull
Nesting Columns in Bootstrap
Adding Footer top Website
Typography in Bootstrap
Adding glyphicons
Styling Tables
Adding Responsive or Utilities in Bootstrap
Styling Button using between classes
Styling Images and making images Responsive
Adding description list in bootstrap