• No results found

DICE PRO GRAPHICS DESIGN COURSE INCLUDES GRAPHICS DESIGN AND WEB DESIGN

N/A
N/A
Protected

Academic year: 2021

Share "DICE PRO GRAPHICS DESIGN COURSE INCLUDES GRAPHICS DESIGN AND WEB DESIGN"

Copied!
39
0
0

Loading.... (view fulltext now)

Full text

(1)

DICE

GRAPHICS DESIGN AND WEB DESIGN

PRO GRAPHICS DESIGN COURSE INCLUDES

(2)

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

(3)

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

(4)

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

(5)

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

(6)

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

(7)

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

(8)

Quick selection tool With all options

Spacing Hardness Refine Edge

Working with Selection tools with options

(9)

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

(10)

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

(11)

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

(12)

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

(13)

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

(14)

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

(15)

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

(16)

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

(17)

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

(18)

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

(19)

Adobe Illustrator CC 2021

Working with artboardsa.

Drawing shapes and lines Applying color

Working with the Shape Builder tool

Working with artboards

(20)

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

(21)

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

(22)

Creating painted pattern object

Creating pattern swatch from an object : Editing your pattern

Creating and applying a pattern

(23)

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

(24)

Adding pages to your document Creating a PDF for print

Adding a hyperlink

Finding the page center

Working With Pages

(25)

Resizing content in a frame Evenly distributing objects Adding placeholder text Linking graphics

Working with Frame, Shapes and Graphics

(26)

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

(27)

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

(28)

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

(29)

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

(30)

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

(31)

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

(32)

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

References

Related documents