DICE
GRAPHICS DESIGN AND WEB DESIGN
PRO GRAPHICS DESIGN COURSE INCLUDES
DICE ACADEMY IS AN IT SKILLS TRAINING ACADEMY
AIMED TO TRAINING FRESH GRADUATES TO BE SKILL-READY FOR IT INDUSTRY.
Learning Plan for
GRAPHIC DESIGN COURSE
Adobe cc Photoshop 2021
Understanding the Toolbox and tool options bar Detail & Importance of Canvas Size
Explain selection tools, painting tools, erasing tools etc Layer Panel
Unlocking The Layer..
Color Mode New Files
How to fill the color in document and selected area Tool Color pallete
Adobe cc Photoshop 2021
Creating and editing gradients
Adobe cc Photoshop 2021
Understanding the Toolbox and tool options bar Detail & Importance of Canvas Size
Explain selection tools, painting tools, erasing tools etc Layer Panel
Unlocking The Layer..
Color Mode New Files
How to fill the color in document and selected area Tool Color pallete
Becoming familiar with the workspace
File types (Compressed, Un-compressed, Raster,Vector) File formats (PSD,TIFF,JPEG,GIF,PNG,BMP,RAW)
Creating a new image (explain options shown in dialog box) Opening an existing image
Saving an image (Again explain when to use psd,jpg,png)
Understanding size and resolution (explain all options from dialog box) Changing the canvas size (explain all options dialog box)
Difference between raster and vector Overview if menus bar
File formates File types
How to change the no. of steps of undo What is pixel
Vector images
Performing Basic Image-File Operation
How to reslect or make selection on object Ctrl+click on layer icon
Multiple layer selection Renaming the layer Select Multiple object
Diffeference between fill and opacity Grouping of layers
Transform Tool
Working with Selection tools
Details of cropping tools Cropping (Cropping.psd)
Also explaining changing canvas size along with cropping.
Options bar with aspect ratio & size.
Transform Tools in Details
Straightening (Straighten.psd) Rotating (Rotating.psd)
Flipping (Flipping.psd)
Working with Transform, Crop & Straghten Images
File types (Compressed, Un-compressed, Raster,Vector) File formats (PSD,TIFF,JPEG,GIF,PNG,BMP,RAW)
Creating a new image (explain options shown in dialog box) Opening an existing image
Saving an image (Again explain when to use psd,jpg,png)
Understanding size and resolution (explain all options from dialog box) Changing the canvas size (explain all options dialog box)
Difference between raster and vector Overview if menus bar
File formates File types
How to change the no. of steps of undo What is pixel
Vector images
Quick selection tool With all options
Spacing Hardness Refine Edge
Working with Selection tools with options
Explain the concept of layers – why multiple layers are needed Adding new layers
Using Layer Menus (Explain options in the menu) Filtering layers
Changing the Opacity and Fill settings Changing the lock settings
Blending modes Filtering layers
Opacity and Fill settings Lock settings
Blending modes Linking Layers Grouping Layers
All about Layers
Working with painting tools in blending modes Applying color with painting tools
Painting with editing tools Using the Brush Panel
Selecting the brush tip shape
Filling a selection with a color or pattern Applying a gradient fill
Working with brushes, paint tool & gradient
Using Transformations
Understanding the importance of the reference point Scaling images
Rotating images Skewing images
Changing the perspective of images Using the Warp transformation
Using free transform
Using the Content-Aware Scale feature
Working with Advanced Transform, Content aware scale feature
Explain the concept of layers – why multiple layers are needed Adding new layers
Using Layer Menus (Explain options in the menu) Filtering layers
Changing the Opacity and Fill settings Changing the lock settings
Blending modes Filtering layers
Opacity and Fill settings Lock settings
Blending modes
Linking Layers
Grouping Layers
Learning a Little Bit about Text
Using the Text Tools to Add Text to Images Using the text tools to add text -
i. Adding text as a point type iii. Edit Type
ii. Adding text as a paragraph type iv. Check Spelling
Find and Replace Text Rasterize Type
Create Work Path Convert to Shape
Horizontal/Vertical options Anti-Alias adjustment
Faux formatting
Convert to Point Text/Paragraph Text Warp Text
Adding text in a Smart Object
All about Text
Layers Panel Menu Duplicate Layer Layer Style
Layer Content Options Layer Mask
Vector Mask
Create Clipping Mask Smart Objects, Rasterize
Group Layers, Ungroup Layers Hide Layers
Arrange
Working with Advanced Layers
Combine Shapes Align, Distribute
Lock All Layers in Group Link Layers
Select Linked Layers Merge Down
Merge Visible Flatten Image
Learning a Little Bit about Text
Using the Text Tools to Add Text to Images Using the text tools to add text -
i. Adding text as a point type iii. Edit Type
ii. Adding text as a paragraph type iv. Check Spelling
Find and Replace Text Rasterize Type
Create Work Path Convert to Shape
Horizontal/Vertical options Anti-Alias adjustment
Faux formatting
Convert to Point Text/Paragraph Text Warp Text
Adding text in a Smart Object
Understanding Paths
Building path components Exploring the Vector Path
i. Using the Pen tools iii. Understanding the Paths panel ii. Using the Path Selection tools iv. Free transforming paths
Creating vector masks
Working with vector shape tools
Working with Path
Masking, Channel masking
a. Looking at Artistic Effects Filters b. Exploring Artistic filters
c. Discovering Brush Stroke filters
Working with advanced selection methods & filters
Levels Curves
All Adjustemts of image menus
Smart Filter, New Fill Layer, New Adjustment Layer
Working with Color,
Contrast & Brightness correction of Images
Basic requirement to create a web page
Part - I
Understanding Patterns Understanding Icons Understanding Fonts
Knowing Design References Understanding Website Design
Part - II
Understanding tutorials available on internet
Understanding the creation of artistic effects, brushes etc How to work with logo & branding
Understanding the source of images Understanding UI elements
Understanding about the dummy content based on specific industry Understanding how to use cooked-up vectors in your files
Part - III
Hands-on exercise based on the industry standards
Working with Web Templates
Understanding the Business Problems Undetstanding the User Context
Sketching to explore the design concept Prototype the solution
Working with Wireframe Part-I Working with Wireframe Part-II
Understanding the latest apps, widgets & code snippets which can be used in sites.
UI-UX Concepts
Adobe Illustrator CC 2021
Working with artboardsa.
Drawing shapes and lines Applying color
Working with the Shape Builder tool
Working with artboards
Applying a gradient to an object Creating an elliptical gradient
Modifying the colors in a gradient
Applying a gradient across multiple objects Changing gradient direction, radius, or origin
Creating and editing gradients
Using Image Trace
Placing Adobe Photoshop images in Illustrator
Working with the Color Guide panel
About selecting colors
Swatches panel and swatch library panels Color Picker
Eyedropper tool Color panel
Color Guide panel
Edit Colors/Recolor Artwork dialog box
Add Selected Colors command or New Color Group button
Creating painted pattern object
Creating pattern swatch from an object : Editing your pattern
Creating and applying a pattern
Adobe In-Design cc 2021
Creating a new document Adding text and art in frames Applying color to an object
Setting Up A Document
About selecting colors
Swatches panel and swatch library panels Color Picker
Eyedropper tool Color panel
Color Guide panel
Edit Colors/Recolor Artwork dialog box
Add Selected Colors command or New Color Group button
Adding pages to your document Creating a PDF for print
Adding a hyperlink
Finding the page center
Working With Pages
Resizing content in a frame Evenly distributing objects Adding placeholder text Linking graphics
Working with Frame, Shapes and Graphics
Adobe XD
1. Getting started with adobe xd 2. Working with art boards
3. Layers 4. Shapes 5. Text 6. Images 7. Symbols 8. Styling
9. Grouping layers 10. Canvas
11. Exporting
12. Mobile mirror preview
Creat artboard Select artboard
Copy and resize artboard Rearrange artboard
Align and distribute artboard
Copy and move element between artboard
Cut,copy,move,resize,zoom and delete multiple artboard simultaneously
working with art boards
Exporting design assets in Adobe XD Explore Pen tool in Adobe XD
Shape Building and Combining in Adobe XD Align and Distribute Objects in Adobe XD Repeat Grid in Adobe XD
Export Assets in Adobe XD Prototypes in Adobe XD
Sharing prototypes in Adobe XD
Preview XD Design and Prototyp on mobile
Introduction to HTML
Design thinking process
What is HTML?
Tag Syntax
Create HTML
HTML Document
structure
Doctype
html element
head element
body element
Basic content
Headings
Paragraph
Line
List
unordered list
ordered list
definition list
Image
Hyper Links
What is Hyper Links
Hyper Links
Relative paths or Absolute URL
Relative path
absolute URL
Tables
Table
Table row
Table data
Table heading
Captions
Forms
User-submittable form
The action attribute
The method attribute
Form controls
The Input element
type=""text""
type=""radio""
type=""tel""
type=""email""
The textarea element
Select menu
The select element
The option element
button
Other HTML ELEMENT
pre
blockquote
center
u
i
b
br
font
marquee
small
sub , sup
strike"
Introduction to CSS
What is CSS
Syntax
Selectors
Type selector
Class selector
ID selector
Descendant combinator
Grouping
Create CSS
Adding style to HTML
Linking style sheet
Internal style sheet
inline style sheet
external style sheet
Styling
Design thinking process
Texts
text-align
text-decoration
text-indent
line-height
vertical-align
text-transform
letter-spacing
word-spacing
white-space Box Size
width
height
Visual formatting
display
position
top
right
left
bottom
Float
clear
z-index
overflow
clip
visibility
cursor
CSS Fonts
font-size
font-family
font-style
font-weight
Font Face
Custom Fonts
Google Fonts
Lists
Link
Box model
Box model
Paddings and Margins
Background
Borders
outline
color
opacity
Introduction to HTML Doctype
The HTML5 doctype
The HTML 4.01 strict doctype
The HTML 4.01 transitional doctype
The XML 1.0 strict and transi- tional doctypes
The HTML 4.01 and XML 1.0 frameset doctypes
Other doctypes
List of HTML ELEMENT
Grouping content
div
Text-level semantics
cite
code
em
kbd
span
Sections
section
nav
article
aside
header
footer
address
Embedded content
canvas
map
area
svg
audio
iframe
video
embed
HTML structural elements
canvas
simple page structure using basic html
Structuring a page with HTML 4
div , span structure
Enter HTML5 structural ele- ments
header, footer , nav , article , aside , section
Box Size
width
min-width
max-width
height
min-height
max-height
Styling tables
Table and cell width
border, padding , margin
A simple design
Styling forms
label styling
input styling
select styling
button styling
textarea styling
checckbox , radio button styling
error message styling
fieldset styling
Floats and clearing
How does floating work?
Margins on floats
Clearing
Containing floats
Shrink-wrapping
Centering Floats
refrence
CSS positioning
Static positioning
Relative positioning"
CSS absolute and fixed position- ing
Absolute positioning
Fixed positioning"
Introduce To CSS3
Type Selector
elementname
Universal Selector
Attribute Selector
[attributename]
[attributename=""val""]
[attributename~=""val""]
[attributename|=""val""]
[attributename^=""val""]
[attributename$=""val""]
[attributename*=""val""]
Pseudo-classes
Dynamic pseudo-classes
The target pseudo-class
The language pseudo-class
The UI element states pseu- do-classes
Structural pseudo-classes
The negation pseudo-class
Pseudo-elements
::first-line
::first-letter
::before
::after
Combinators
Descendant combinator
Child combinators
Adjacent sibling combinator
General sibling combinator
Gradients
linear
radial
conic
Other CSS Properties
Transform
Lists and Counters Properties
Multi-column Layout Properties
Filter Effects Properties
Masking Properties
box shadow
Text shadow
Transition
css3 Animation
Headers footers columns and templates
Introduction
The stylist’s critical process steps
Gather requirements
Content classification
Wireframes
write code
Test
repair
publish
Element nesting and grouping
Single column layout implementa- tion"
Double column layout implemen- tation
Two Column Equal layout
Two Column Left Layout
Two Column Right Layout"
Triple column layout implementa- tion
Three Colun Equal Layout
Three Column Layout
Responsive web design
mobile device query
tablet device query
desktop device query
min width and max -width media query
Responsive Layout introduction
page center concept
comlpex responsive layouts
Introduction to Jquery
Syntax
Events
Selectors
types to apply jquery inline
internal
External jquery
Jquery Effects hide/show Fade
slide Animate stop() Callback Chaining
jQuery HTML Get
SEt Add Remove CSS Classes css()
Dimensions
jQuery Traversing Travesing
Ancestors
Descendants Siblings Filtering
desktop device query
min width and max -width media query
Responsive Layout introduction page center concept
comlpex responsive layouts
WEEK 2 - User Research
What is User research
How to carry out interviews for user research
Research Analysis
How to analyse User state- ments
Understanding goals and frustrations
WEEK 1 - Design thinking pro- cess
Design thinking process
Difference between UI/UX Design
Understanding Project brief
WEEK 2 - User Research
What is User research
How to carry out interviews for user research
Research Analysis
How to analyse User state- ments
Understanding goals and frustrations
WEEK 1 - Design thinking pro- cess
Design thinking process
Difference between UI/UX Design
Understanding Project brief
WEEK 2 - User Research
What is User research
How to carry out interviews for user research
Research Analysis
How to analyse User state- ments
Understanding goals and frustrations
types to apply jquery
inline
internal
External jquery
Jquery Effects
hide/show
Fade
slide
Animate
stop()
Callback
Chaining
jQuery HTML
Get
SEt
Add
Remove
CSS Classes
css()
Dimensions
jQuery Traversing
Travesing
Ancestors
Descendants
Siblings
Filtering
Introduction Bootsrtap
How to download Bootstrap
How to Apply Bootstrap
Grid Basic
Typography
Tables
Images
Jumbotron
Wells
Alerts
Buttons
Buttons Group
Glyphicons
Badges/ Labels
Progress Bar
Pagination
Pager
List groups
Panels
Dropdowns
Collapse
Tabs/Pills
Navbar
Forms
Inputs
input SIzing
Carousel
Modal
Tooltip
Popover
Scrollspy
Affix
Introduction Bootsrtap hide/show
Fade slide Animate stop() Callback Chaining
jQuery HTML Get
SEt Add Remove
CSS Classes css()
Dimensions
jQuery Traversing Travesing
Ancestors Descendants Siblings Filtering
PHP Introduction
Design thinking process
Difference between UI/UX Design
What is PHP
How PHP better than other
B enefits Of Using PHP
Server Client Environment
Web Browse Web Server Installation & Configuration Files
How PHP Script Work
PHP Syntax
Write your First PHP Pro- gram
Embed PHP In HTML/HTML In PHP
PHP Data Types
Variable In PHP
Contents In PHP
Operator In PHP
WEEK 2 - File Inclusion
Creating Session
Set Session
Destroying Session
Include()
Require()
mail function
Array Function
String Function
mail function
WEEK 3 - Introduction to MYSQL
What is Database?
Creating Database & Tables
Dropping Database & Tables
Adding Fields
Selecting Table
Alerting Fields Properties
Drop Database & Table
Insert Record
Select Record
Deleting Record
Modifying Record
WEEK 4 - Wordpress
What is cms
how to install word press
How to carte page and post
How to use Plug-in
How to use widgets
How to crate form in word press
How to use mail function in word press
what is domain what is sever how to setup
mail function
WEEK 3 - Introduction to MYSQL
What is Database?
Creating Database & Tables
Dropping Database & Tables
Adding Fields
Selecting Table
Alerting Fields Properties
Drop Database & Table
Insert Record
Select Record
Deleting Record
Modifying Record
WEEK 4 - Wordpress
What is cms
how to install word press
How to carte page and post
How to use Plug-in
How to use widgets
How to crate form in word press
How to use mail function in word press
what is domain what is sever how to setup
A C A D E M Y
WEB DESIGNING
COURSE PLAN
D U R A T I O N = 6 M O N T H S
Mode (both available) Online | Offline
EMI Available
Introduction to HTML
Design thinking process
What is HTML?
Tag Syntax
Create HTML
HTML Document
structure
Doctype
html element
head element
body element
Basic content
Headings
Paragraph
Line
List
unordered list
ordered list
definition list
Image
Hyper Links
What is Hyper Links
Hyper Links
Relative paths or Absolute URL
Relative path
absolute URL
Tables
Table
Table row
Table data
Table heading
Captions
Forms
User-submittable form
The action attribute
The method attribute
Form controls
The Input element
type=""text""
type=""radio""
type=""tel""
type=""email""
The textarea element
Select menu
The select element
The option element
button
Other HTML ELEMENT
pre
blockquote
center
u
i
b
br
font
marquee
small
sub , sup
strike"
Introduction to CSS
What is CSS
Syntax
Selectors
Type selector
Class selector
ID selector
Descendant combinator
Grouping
Create CSS
Adding style to HTML
Linking style sheet
Internal style sheet
inline style sheet
external style sheet
Styling
Design thinking process
Texts
text-align
text-decoration
text-indent
line-height
vertical-align
text-transform
letter-spacing
word-spacing
white-space Box Size
width
height
Visual formatting
display
position
top
right
left
bottom
Float
clear
z-index
overflow
clip
visibility
cursor
CSS Fonts
font-size
font-family
font-style
font-weight
Font Face
Custom Fonts
Google Fonts
Lists
Link
Box model
Box model
Paddings and Margins
Background
Borders
outline
color
opacity
Introduction to HTML Doctype
The HTML5 doctype
The HTML 4.01 strict doctype
The HTML 4.01 transitional doctype
The XML 1.0 strict and transi- tional doctypes
The HTML 4.01 and XML 1.0 frameset doctypes
Other doctypes
List of HTML ELEMENT
Grouping content
div
Text-level semantics
cite
code
em
kbd
span
Sections
section
nav
article
aside
header
footer
address
Embedded content
canvas
map
area
svg
audio
iframe
video
embed
HTML structural elements
canvas
simple page structure using basic html
Structuring a page with HTML 4
div , span structure
Enter HTML5 structural ele- ments
header, footer , nav , article , aside , section
Box Size
width
min-width
max-width
height
min-height
max-height
Styling tables
Table and cell width
border, padding , margin
A simple design
Styling forms
label styling
input styling
select styling
button styling
textarea styling
checckbox , radio button styling
error message styling
fieldset styling
Floats and clearing
How does floating work?
Margins on floats
Clearing
Containing floats
Shrink-wrapping
Centering Floats
refrence
CSS positioning
Static positioning
Relative positioning"
CSS absolute and fixed position- ing
Absolute positioning
Fixed positioning"
Introduce To CSS3
Type Selector
elementname
Universal Selector
Attribute Selector
[attributename]
[attributename=""val""]
[attributename~=""val""]
[attributename|=""val""]
[attributename^=""val""]
[attributename$=""val""]
[attributename*=""val""]
Pseudo-classes
Dynamic pseudo-classes
The target pseudo-class
The language pseudo-class
The UI element states pseu- do-classes
Structural pseudo-classes
The negation pseudo-class
Pseudo-elements
::first-line
::first-letter
::before
::after
Combinators
Descendant combinator
Child combinators
Adjacent sibling combinator
General sibling combinator
Gradients
linear
radial
conic
Other CSS Properties
Transform
Lists and Counters Properties
Multi-column Layout Properties
Filter Effects Properties
Masking Properties
box shadow
Text shadow
Transition
css3 Animation
Headers footers columns and templates
Introduction
The stylist’s critical process steps
Gather requirements
Content classification
Wireframes
write code
Test
repair
publish
Element nesting and grouping
Single column layout implementa- tion"
Double column layout implemen- tation
Two Column Equal layout
Two Column Left Layout
Two Column Right Layout"
Triple column layout implementa- tion
Three Colun Equal Layout
Three Column Layout
Responsive web design
mobile device query
tablet device query
desktop device query
min width and max -width media query
Responsive Layout introduction
page center concept
comlpex responsive layouts
Introduction to Jquery
Syntax
Events
Selectors
types to apply jquery inline
internal
External jquery
Jquery Effects hide/show Fade
slide Animate stop() Callback Chaining
jQuery HTML Get
SEt Add Remove CSS Classes css()
Dimensions
jQuery Traversing Travesing
Ancestors
Descendants Siblings Filtering
desktop device query
min width and max -width media query
Responsive Layout introduction page center concept
comlpex responsive layouts
WEEK 2 - User Research
What is User research
How to carry out interviews for user research
Research Analysis
How to analyse User state- ments
Understanding goals and frustrations
WEEK 1 - Design thinking pro- cess
Design thinking process
Difference between UI/UX Design
Understanding Project brief
WEEK 2 - User Research
What is User research
How to carry out interviews for user research
Research Analysis
How to analyse User state- ments
Understanding goals and frustrations
WEEK 1 - Design thinking pro- cess
Design thinking process
Difference between UI/UX Design
Understanding Project brief
WEEK 2 - User Research
What is User research
How to carry out interviews for user research
Research Analysis
How to analyse User state- ments
Understanding goals and frustrations
types to apply jquery
inline
internal
External jquery
Jquery Effects
hide/show
Fade
slide
Animate
stop()
Callback
Chaining
jQuery HTML
Get
SEt
Add
Remove
CSS Classes
css()
Dimensions
jQuery Traversing
Travesing
Ancestors
Descendants
Siblings
Filtering
Introduction Bootsrtap
How to download Bootstrap
How to Apply Bootstrap
Grid Basic
Typography
Tables
Images
Jumbotron
Wells
Alerts
Buttons
Buttons Group
Glyphicons
Badges/ Labels
Progress Bar
Pagination
Pager
List groups
Panels
Dropdowns
Collapse
Tabs/Pills
Navbar
Forms
Inputs
input SIzing
Carousel
Modal
Tooltip
Popover
Scrollspy
Affix
Introduction Bootsrtap hide/show
Fade slide Animate stop() Callback Chaining
jQuery HTML Get
SEt Add Remove
CSS Classes css()
Dimensions
jQuery Traversing Travesing
Ancestors Descendants Siblings Filtering
PHP Introduction
Design thinking process
Difference between UI/UX Design
What is PHP
How PHP better than other
B enefits Of Using PHP
Server Client Environment
Web Browse Web Server Installation & Configuration Files
How PHP Script Work
PHP Syntax
Write your First PHP Pro- gram
Embed PHP In HTML/HTML In PHP
PHP Data Types
Variable In PHP
Contents In PHP
Operator In PHP
WEEK 2 - File Inclusion
Creating Session
Set Session
Destroying Session
Include()
Require()
mail function
Array Function
String Function
mail function
WEEK 3 - Introduction to MYSQL
What is Database?
Creating Database & Tables
Dropping Database & Tables
Adding Fields
Selecting Table
Alerting Fields Properties
Drop Database & Table
Insert Record
Select Record
Deleting Record
Modifying Record
WEEK 4 - Wordpress
What is cms
how to install word press
How to carte page and post
How to use Plug-in
How to use widgets
How to crate form in word press
How to use mail function in word press
what is domain what is sever how to setup
mail function
WEEK 3 - Introduction to MYSQL
What is Database?
Creating Database & Tables
Dropping Database & Tables
Adding Fields
Selecting Table
Alerting Fields Properties
Drop Database & Table
Insert Record
Select Record
Deleting Record
Modifying Record
WEEK 4 - Wordpress
What is cms
how to install word press
How to carte page and post
How to use Plug-in
How to use widgets
How to crate form in word press
How to use mail function in word press
what is domain what is sever how to setup
Introduction to HTML
Design thinking process
What is HTML?
Tag Syntax
Create HTML
HTML Document
structure
Doctype
html element
head element
body element
Basic content
Headings
Paragraph
Line
List
unordered list
ordered list
definition list
Image
Hyper Links
What is Hyper Links
Hyper Links
Relative paths or Absolute URL
Relative path
absolute URL
Tables
Table
Table row
Table data
Table heading
Captions
Forms
User-submittable form
The action attribute
The method attribute
Form controls
The Input element
type=""text""
type=""radio""
type=""tel""
type=""email""
The textarea element
Select menu
The select element
The option element
button
Other HTML ELEMENT
pre
blockquote
center
u
i
b
br
font
marquee
small
sub , sup
strike"
Introduction to CSS
What is CSS
Syntax
Selectors
Type selector
Class selector
ID selector
Descendant combinator
Grouping
Create CSS
Adding style to HTML
Linking style sheet
Internal style sheet
inline style sheet
external style sheet
Styling
Design thinking process
Texts
text-align
text-decoration
text-indent
line-height
vertical-align
text-transform
letter-spacing
word-spacing
white-space Box Size
width
height
Visual formatting
display
position
top
right
left
bottom
Float
clear
z-index
overflow
clip
visibility
cursor
CSS Fonts
font-size
font-family
font-style
font-weight
Font Face
Custom Fonts
Google Fonts
Lists
Link
Box model
Box model
Paddings and Margins
Background
Borders
outline
color
opacity
Introduction to HTML Doctype
The HTML5 doctype
The HTML 4.01 strict doctype
The HTML 4.01 transitional doctype
The XML 1.0 strict and transi- tional doctypes
The HTML 4.01 and XML 1.0 frameset doctypes
Other doctypes
List of HTML ELEMENT
Grouping content
div
Text-level semantics
cite
code
em
kbd
span
Sections
section
nav
article
aside
header
footer
address
Embedded content
canvas
map
area
svg
audio
iframe
video
embed
HTML structural elements
canvas
simple page structure using basic html
Structuring a page with HTML 4
div , span structure
Enter HTML5 structural ele- ments
header, footer , nav , article , aside , section
Box Size
width
min-width
max-width
height
min-height
max-height
Styling tables
Table and cell width
border, padding , margin
A simple design
Styling forms
label styling
input styling
select styling
button styling
textarea styling
checckbox , radio button styling
error message styling
fieldset styling
Floats and clearing
How does floating work?
Margins on floats
Clearing
Containing floats
Shrink-wrapping
Centering Floats
refrence
CSS positioning
Static positioning
Relative positioning"
CSS absolute and fixed position- ing
Absolute positioning
Fixed positioning"
Introduce To CSS3
Type Selector
elementname
Universal Selector
Attribute Selector
[attributename]
[attributename=""val""]
[attributename~=""val""]
[attributename|=""val""]
[attributename^=""val""]
[attributename$=""val""]
[attributename*=""val""]
Pseudo-classes
Dynamic pseudo-classes
The target pseudo-class
The language pseudo-class
The UI element states pseu- do-classes
Structural pseudo-classes
The negation pseudo-class
Pseudo-elements
::first-line
::first-letter
::before
::after
Combinators
Descendant combinator
Child combinators
Adjacent sibling combinator
General sibling combinator
Gradients
linear
radial
conic
Other CSS Properties
Transform
Lists and Counters Properties
Multi-column Layout Properties
Filter Effects Properties
Masking Properties
box shadow
Text shadow
Transition
css3 Animation
Headers footers columns and templates
Introduction
The stylist’s critical process steps
Gather requirements
Content classification
Wireframes
write code
Test
repair
publish
Element nesting and grouping
Single column layout implementa- tion"
Double column layout implemen- tation
Two Column Equal layout
Two Column Left Layout
Two Column Right Layout"
Triple column layout implementa- tion
Three Colun Equal Layout
Three Column Layout
Responsive web design
mobile device query
tablet device query
desktop device query
min width and max -width media query
Responsive Layout introduction
page center concept
comlpex responsive layouts
Introduction to Jquery
Syntax
Events
Selectors
types to apply jquery inline
internal
External jquery
Jquery Effects hide/show Fade
slide Animate stop() Callback Chaining
jQuery HTML Get
SEt Add Remove CSS Classes css()
Dimensions
jQuery Traversing Travesing
Ancestors
Descendants Siblings Filtering
desktop device query
min width and max -width media query
Responsive Layout introduction page center concept
comlpex responsive layouts
WEEK 2 - User Research
What is User research
How to carry out interviews for user research
Research Analysis
How to analyse User state- ments
Understanding goals and frustrations
WEEK 1 - Design thinking pro- cess
Design thinking process
Difference between UI/UX Design
Understanding Project brief
WEEK 2 - User Research
What is User research
How to carry out interviews for user research
Research Analysis
How to analyse User state- ments
Understanding goals and frustrations
WEEK 1 - Design thinking pro- cess
Design thinking process
Difference between UI/UX Design
Understanding Project brief
WEEK 2 - User Research
What is User research
How to carry out interviews for user research
Research Analysis
How to analyse User state- ments
Understanding goals and frustrations
types to apply jquery
inline
internal
External jquery
Jquery Effects
hide/show
Fade
slide
Animate
stop()
Callback
Chaining
jQuery HTML
Get
SEt
Add
Remove
CSS Classes
css()
Dimensions
jQuery Traversing
Travesing
Ancestors
Descendants
Siblings
Filtering
Introduction Bootsrtap
How to download Bootstrap
How to Apply Bootstrap
Grid Basic
Typography
Tables
Images
Jumbotron
Wells
Alerts
Buttons
Buttons Group
Glyphicons
Badges/ Labels
Progress Bar
Pagination
Pager
List groups
Panels
Dropdowns
Collapse
Tabs/Pills
Navbar
Forms
Inputs
input SIzing
Carousel
Modal
Tooltip
Popover
Scrollspy
Affix
Introduction Bootsrtap hide/show
Fade slide Animate stop() Callback Chaining
jQuery HTML Get
SEt Add Remove
CSS Classes css()
Dimensions
jQuery Traversing Travesing
Ancestors Descendants Siblings Filtering
PHP Introduction
Design thinking process
Difference between UI/UX Design
What is PHP
How PHP better than other
B enefits Of Using PHP
Server Client Environment
Web Browse Web Server Installation & Configuration Files
How PHP Script Work
PHP Syntax
Write your First PHP Pro- gram
Embed PHP In HTML/HTML In PHP
PHP Data Types
Variable In PHP
Contents In PHP
Operator In PHP
WEEK 2 - File Inclusion
Creating Session
Set Session
Destroying Session
Include()
Require()
mail function
Array Function
String Function
mail function
WEEK 3 - Introduction to MYSQL
What is Database?
Creating Database & Tables
Dropping Database & Tables
Adding Fields
Selecting Table
Alerting Fields Properties
Drop Database & Table
Insert Record
Select Record
Deleting Record
Modifying Record
WEEK 4 - Wordpress
What is cms
how to install word press
How to carte page and post
How to use Plug-in
How to use widgets
How to crate form in word press
How to use mail function in word press
what is domain what is sever how to setup
mail function
WEEK 3 - Introduction to MYSQL
What is Database?
Creating Database & Tables
Dropping Database & Tables
Adding Fields
Selecting Table
Alerting Fields Properties
Drop Database & Table
Insert Record
Select Record
Deleting Record
Modifying Record
WEEK 4 - Wordpress
What is cms
how to install word press
How to carte page and post
How to use Plug-in
How to use widgets
How to crate form in word press
How to use mail function in word press
what is domain what is sever how to setup
Introduction to HTML
Design thinking process
What is HTML?
Tag Syntax
Create HTML
HTML Document
structure
Doctype
html element
head element
body element
Basic content
Headings
Paragraph
Line
List
unordered list
ordered list
definition list
Image
Hyper Links
What is Hyper Links
Hyper Links
Relative paths or Absolute URL
Relative path
absolute URL
Tables
Table
Table row
Table data
Table heading
Captions
Forms
User-submittable form
The action attribute
The method attribute
Form controls
The Input element
type=""text""
type=""radio""
type=""tel""
type=""email""
The textarea element
Select menu
The select element
The option element
button
Other HTML ELEMENT
pre
blockquote
center
u
i
b
br
font
marquee
small
sub , sup
strike"
Introduction to CSS
What is CSS
Syntax
Selectors
Type selector
Class selector
ID selector
Descendant combinator
Grouping
Create CSS
Adding style to HTML
Linking style sheet
Internal style sheet
inline style sheet
external style sheet
Styling
Design thinking process
Texts
text-align
text-decoration
text-indent
line-height
vertical-align
text-transform
letter-spacing
word-spacing
white-space Box Size
width
height
Visual formatting
display
position
top
right
left
bottom
Float
clear
z-index
overflow
clip
visibility
cursor
CSS Fonts
font-size
font-family
font-style
font-weight
Font Face
Custom Fonts
Google Fonts
Lists
Link
Box model
Box model
Paddings and Margins
Background
Borders
outline
color
opacity
Introduction to HTML Doctype
The HTML5 doctype
The HTML 4.01 strict doctype
The HTML 4.01 transitional doctype
The XML 1.0 strict and transi- tional doctypes
The HTML 4.01 and XML 1.0 frameset doctypes
Other doctypes
List of HTML ELEMENT
Grouping content
div
Text-level semantics
cite
code
em
kbd
span
Sections
section
nav
article
aside
header
footer
address
Embedded content
canvas
map
area
svg
audio
iframe
video
embed
HTML structural elements
canvas
simple page structure using basic html
Structuring a page with HTML 4
div , span structure
Enter HTML5 structural ele- ments
header, footer , nav , article , aside , section
Box Size
width
min-width
max-width
height
min-height
max-height
Styling tables
Table and cell width
border, padding , margin
A simple design
Styling forms
label styling
input styling
select styling
button styling
textarea styling
checckbox , radio button styling
error message styling
fieldset styling
Floats and clearing
How does floating work?
Margins on floats
Clearing
Containing floats
Shrink-wrapping
Centering Floats
refrence
CSS positioning
Static positioning
Relative positioning"
CSS absolute and fixed position- ing
Absolute positioning
Fixed positioning"
Introduce To CSS3
Type Selector
elementname
Universal Selector
Attribute Selector
[attributename]
[attributename=""val""]
[attributename~=""val""]
[attributename|=""val""]
[attributename^=""val""]
[attributename$=""val""]
[attributename*=""val""]
Pseudo-classes
Dynamic pseudo-classes
The target pseudo-class
The language pseudo-class
The UI element states pseu- do-classes
Structural pseudo-classes
The negation pseudo-class
Pseudo-elements
::first-line
::first-letter
::before
::after
Combinators
Descendant combinator
Child combinators
Adjacent sibling combinator
General sibling combinator
Gradients
linear
radial
conic
Other CSS Properties
Transform
Lists and Counters Properties
Multi-column Layout Properties
Filter Effects Properties
Masking Properties
box shadow
Text shadow
Transition
css3 Animation
Headers footers columns and templates
Introduction
The stylist’s critical process steps
Gather requirements
Content classification
Wireframes
write code
Test
repair
publish
Element nesting and grouping
Single column layout implementa- tion"
Double column layout implemen- tation
Two Column Equal layout
Two Column Left Layout
Two Column Right Layout"
Triple column layout implementa- tion
Three Colun Equal Layout
Three Column Layout
Responsive web design
mobile device query
tablet device query
desktop device query
min width and max -width media query
Responsive Layout introduction
page center concept
comlpex responsive layouts
Introduction to Jquery
Syntax
Events
Selectors
types to apply jquery inline
internal
External jquery
Jquery Effects hide/show Fade
slide Animate stop() Callback Chaining
jQuery HTML Get
SEt Add Remove CSS Classes css()
Dimensions
jQuery Traversing Travesing
Ancestors
Descendants Siblings Filtering
desktop device query
min width and max -width media query
Responsive Layout introduction page center concept
comlpex responsive layouts
WEEK 2 - User Research
What is User research
How to carry out interviews for user research
Research Analysis
How to analyse User state- ments
Understanding goals and frustrations
WEEK 1 - Design thinking pro- cess
Design thinking process
Difference between UI/UX Design
Understanding Project brief
WEEK 2 - User Research
What is User research
How to carry out interviews for user research
Research Analysis
How to analyse User state- ments
Understanding goals and frustrations
WEEK 1 - Design thinking pro- cess
Design thinking process
Difference between UI/UX Design
Understanding Project brief
WEEK 2 - User Research
What is User research
How to carry out interviews for user research
Research Analysis
How to analyse User state- ments
Understanding goals and frustrations
types to apply jquery
inline
internal
External jquery
Jquery Effects
hide/show
Fade
slide
Animate
stop()
Callback
Chaining
jQuery HTML
Get
SEt
Add
Remove
CSS Classes
css()
Dimensions
jQuery Traversing
Travesing
Ancestors
Descendants
Siblings
Filtering
Introduction Bootsrtap
How to download Bootstrap
How to Apply Bootstrap
Grid Basic
Typography
Tables
Images
Jumbotron
Wells
Alerts
Buttons
Buttons Group
Glyphicons
Badges/ Labels
Progress Bar
Pagination
Pager
List groups
Panels
Dropdowns
Collapse
Tabs/Pills
Navbar
Forms
Inputs
input SIzing
Carousel
Modal
Tooltip
Popover
Scrollspy
Affix
Introduction Bootsrtap hide/show
Fade slide Animate stop() Callback Chaining
jQuery HTML Get
SEt Add Remove
CSS Classes css()
Dimensions
jQuery Traversing Travesing
Ancestors Descendants Siblings Filtering
PHP Introduction
Design thinking process
Difference between UI/UX Design
What is PHP
How PHP better than other
B enefits Of Using PHP
Server Client Environment
Web Browse Web Server Installation & Configuration Files
How PHP Script Work
PHP Syntax
Write your First PHP Pro- gram
Embed PHP In HTML/HTML In PHP
PHP Data Types
Variable In PHP
Contents In PHP
Operator In PHP
WEEK 2 - File Inclusion
Creating Session
Set Session
Destroying Session
Include()
Require()
mail function
Array Function
String Function
mail function
WEEK 3 - Introduction to MYSQL
What is Database?
Creating Database & Tables
Dropping Database & Tables
Adding Fields
Selecting Table
Alerting Fields Properties
Drop Database & Table
Insert Record
Select Record
Deleting Record
Modifying Record
WEEK 4 - Wordpress
What is cms
how to install word press
How to carte page and post
How to use Plug-in
How to use widgets
How to crate form in word press
How to use mail function in word press
what is domain what is sever how to setup
mail function
WEEK 3 - Introduction to MYSQL
What is Database?
Creating Database & Tables
Dropping Database & Tables
Adding Fields
Selecting Table
Alerting Fields Properties
Drop Database & Table
Insert Record
Select Record
Deleting Record
Modifying Record
WEEK 4 - Wordpress
What is cms
how to install word press
How to carte page and post
How to use Plug-in
How to use widgets
How to crate form in word press
How to use mail function in word press
what is domain what is sever how to setup