Web Design

(200 Hours)

15 November 2016
 Foundation Training
Professional (100 Hours)

Outsourcing
Training (POT)
Specialization Training
(100 Hours)
 Core Skill
75 Hours
Foundation
Training
Soft Skill
25 Hours

15 November 2016
 Core Skill
1. PSD to HTML
2. WP Installation, Theme and Plugin Installation
3. Marketplace Deployment

15 November 2016
 PSD to HTML
1. HTML, CSS
2. JavaScript, jQuery (Basic)
3. Adobe Photoshop
4. Bootstrap Framework

15 November 2016
 WordPress
1. WordPress Installation
2. Introduction to WP Dashboard
3. WP theme and Plugin Installation
4. Understand Shortcode, Custom Post type
5. Install Premium theme
6. Usages all type of Visual Composer

15 November 2016
 Soft Skill
1. Job Market Orientation
2. Introduction Online Marketplace
3. English Language Competency
4. Personal Skill Development

15 November 2016
Foundation Training Course Outline : 75 Hours
 Day 1
Day Unit of 1st Session ( 2 hours)
Competency
•Purpose of the Course
Purpose of the •Who provide the Course
1 course & start •How to overcome
learning Web unemployment by acquiring
Design Technology Skills?
•Introduction to Internet and
WWW
•Introduction to Web Design
•Web Design tools and Editor
•Introduction to writing code
•What is Online Resources?
2nd Session ( 2 Hours)
•What is HTML?
•How HTML Work (Introduction
to HTML Tags)
•Exploring an HTML5 document
•HTML Formatting
•Nesting
•Indentation
•HTML Doctype Tag
•HTML Headings (H1-H6)
•HTML Paragraphs (P)
•HTML Links (a)
•HTML Images (img)
•HTML Attributes
•HTML Lists (ul, ol, li tags) (type
attribute)
 Day 2 & 3
Day Unit of 1st Session ( 2 hours) 2nd Session ( 2 Hours)
Competency

• HTML Tables (table, tr, th, • HTML Meta

Learn HTML td, caption tags) (colspan, • HTML Scripts
2 rowspan border attribute) • HTML Entities
• HTML Forms (form, input, • HTML Audio
submit, textarea tags) (all • HTML Video
attributes) • HTML Object
• HTML iframes • HTML YouTube
• Review HTML

3 Learn CSS • CSS Introduction • Styling Text

• CSS Syntax • Styling Fonts
• CSS IDs, • Styling Links
• CSS Class • Styling Lists
• CSS Divisions • CSS Anchors
• CSS Spans • CSS Pseudo
• CSS Styling • Styling Tables
• Styling Backgrounds
 Day 4, 5, 6
Day Unit of 1st Session ( 2 hours) 2nd Session ( 2 Hours)
Competency

4 Learn CSS • CSS Border • CSS Floating

• CSS Margin • CSS Width and Height
• CSS Padding Properties
• CSS Display • CSS Align
• CSS Positioning • CSS Opacity

5 Learn CSS • CSS Pseudo Elements • CSS Summary

• CSS Media Types • XHTML
• Media query • HTML CSS Test

6 Bootstrap • What is Bootstrap? • Bootstrap Tables

Framework • How Bootstrap work? • Forms
• Grid system • Buttons
• Typography
• Images
• Code
 Day 7, 8, 9
Day Unit of 1st Session ( 2 hours) 2nd Session ( 2 Hours)
Competency

7 Bootstrap Responsive utilities • Dropdown, Tab, Tooltip,

Framework Bootstrap Modals and Usages Collapse

8 Bootstrap • Carousel, Navbar, Multi- • Pagination, Progress bar,

Framework level Dropdown Navbar Breadcrumbs, Alerts, List
Group

9 Bootstrap • Pagination, Progress bar, • Summarize Bootstrap

Framework Breadcrumbs, Alerts, List
Group
 Day 10 & 11
Day Unit of 1st Session ( 2 hours) 2nd Session ( 2 Hours)
Competency
10 Adobe Photoshop • Introduction to Adobe • Elements of Design
Photoshop • Elements include - lines,
• Importance of Photoshop for shapes, direction, color,
Graphic Design typography, and so on
• Install Adobe Photoshop • Introduction to Photoshop
• Installing other required Canvas, Introduction
software Photoshop dimension, Pixel
• Prepaid PC for starting and point, Page layout,
Graphic Design Canvas Size
• Introduction Photoshop
Interface and tools
11 Adobe Photoshop • What is PSD web Layout? • Body Slicing with Photoshop
• How to slice a PSD file with • Footer Slicing with Photoshop
Photoshop?
• Header Slicing with
Photoshop
 Day 12, 13, 14
Day Unit of 1st Session ( 2 hours) 2nd Session ( 2 Hours)
Competency

12 PSD to HTML • PSD to HTML with • PSD to HTML with Bootstrap:

Bootstrap: Header and Body
Navigation • PSD to HTML with Bootstrap:
Sidebar
• PSD to HTML with Bootstrap:
Footer
13 JavaScript • Introduction to JavaScript • Arrays
• How to Write JS, • Manipulating Arrays
Statements • Operators
• Types of Data, Variables

14 JavaScript • Conditions • Objects

• Dates and Times • Callbacks
• Functions • Pop-up Boxes
• Summary
• Loop
 Day 15 & 16
Day Unit of 1st Session ( 2 hours) 2nd Session ( 2 Hours)
Competency
15 JavaScript • Client & Server Concept • Introduction jQuery,
• jQuery Syntax

16 jQuery Plugin • jQuery Plugin Usages: • PSD to Responsive HTML

Slider, Responsive (Project-1)
Navigation
• Owl carousel
• Masonry
• Isotope
• Easypiechart
• Popup
• And many more
 Day 17 & 18
Day Unit of 1st Session ( 2 hours) 2nd Session ( 2 Hours)
Competency
17 Introduction to • Introduction to CMS (Content • Introduction to WordPress
CMS & WP Management System) Theme
Installation • Introduction to • WordPress file and database
structure
CMS:WordPress, Joomla,
• Concepts of themes,
Drupal, Magento, Open cart etc • Plugins
• Starting Dynamic Website • Widgets
Development with WordPress • Menus
• Configure Server • Theme Design Concept
• Install WordPress
• Introduction and Activities of
WordPress Dash board

18 • Creating Posts • Changing the Appearance of

• Adding Images and Media, WordPress Site
• Creating Pages • Configuring Settings
 Day 19
Day Unit of 1st Session ( 2 hours) 2nd Session ( 2 Hours)
Competency
19 WP Initializing • Install WP Premium Theme • Install WP Premium Theme
(Settings) (Theme Options)
 Phase 2

Specialized Training
(100 Hours)

15 November 2016
 Core Skill
75 Hours
Specialized
Training
Soft Skill
25 Hours

15 November 2016
 Core Skill
1. PHP & MySQL
2. WP Theme Customization
3. PSD to WP Theme Development
4. WP Plugin Customization

15 November 2016
 PHP & MySQL
1. Understand Server Side Language
2. Local Server
3. PHP & MySQL

15 November 2016
 WP Theme Customization
1. Understand WP Hierarchy
2. WP theme Customization
3. Introduction to WP Functions

15 November 2016
 PSD to WP Theme Dev

15 November 2016
 WP Plugin Customization

15 November 2016
 Soft Skill
1. Maintaining Professional Client Relationship
2. Compliment Management
3. Business Communication
4. Payment Process

15 November 2016
Specialized Training Course Outline : 75 Hours
 Day 1, 2 , 3
Day Unit of 1st Session ( 2 hours) 2nd Session ( 2 Hours)
Competency
Introduction of • What is Serverside • Echo / Print
Dynamic Website Language? • Strings
1
Development & • What is PHP? How PHP • Operators
Learn PHP Work? • Variables
• Local Server
• PHP Installation
• PHP Syntax

PHP • Date and time • Loops

• Conditions
2

3 PHP • PHP array • PHP Functions

• PHP Switch
 Day 4, 5, 6
Day Unit of 1st Session ( 2 hours) 2nd Session ( 2 Hours)
Competency
4 Database • Introduction to MySQL • Create DB and Tables
• Connect to MySQL (PDO, • What and Why MySql Queries
MySqli),

5 WordPress Theme • WordPress Theme  WordPress Theme

Customize Customization (Customizing Customization (Using
Color & Header, Adding a Attachment Pages, Using Pull
Custom Social Menu) Quotes, and more)

6 WordPress Theme • Understanding WordPress • WordPress Child Themes:

Customize Theme structure Creating and Activating Child
Theme
 Day 7, 8 ,9
Day Unit of 1st Session ( 2 hours) 2nd Session ( 2 Hours)
Competency
7 WordPress Theme • WordPress Child Themes: • Adding New Functionality,
Customize Changing and Adding New Creating Template Files with
Styles with CSS PHP

8 WordPress Theme • WordPress Theme • WordPress Theme

Customize Development (Working with Development (Header and
CSS & JavaScript using Footer Templates)
functions.php)

9 WordPress Theme • WordPress Theme • WordPress Theme

Customize Development (Adding Loop Development (Creating Page
in the index.php) Templates)
 Day 10, 11, 12
Day Unit of 1st Session ( 2 hours) 2nd Session ( 2 Hours)
Competency
10 WordPress Theme • WordPress Theme • WordPress Theme
Development Development (Working with Development (Creating
WordPress Navigation) Custom Homepages)
• WordPress Theme
Development (Custom Post
Type & Fields)

11 WordPress Theme • WordPress Plugin Basics: • WordPress Plugin

Development Contact Forms, All In One Development: Plugin Structure
Seo Pack, Nextgen Gallery

12 WordPress Theme • WordPress Plugin • WordPress Plugin

Development Development: Plugin Development: Hooks, The
Structure Loop
 Day 13, 14, 15
Day Unit of 1st Session ( 2 hours) 2nd Session ( 2 Hours)
Competency
13 WordPress Theme • WordPress Plugin • WordPress Plugin
Development Development: Creating a Development: Creating a
Custom Plugin (Part-1) Custom Plugin (Part-2)

14 J WordPress • Develop a Complete WP • Develop a Complete WP

Theme theme theme
Development
(Project)
15 WordPress Theme • Develop a Complete WP • Develop a Complete WP
Development theme theme
(Project)
 Day 16, 17, 18
Day Unit of 1st Session ( 2 hours) 2nd Session ( 2 Hours)
Competency
16 WordPress Theme • Develop a Complete WP • Develop a Complete WP
Development theme theme
(Project)

17 WordPress Theme • Develop a Complete WP • Develop a Complete WP

Development theme theme
(Project)

18 WordPress Theme • Develop a Complete WP • Develop a Complete WP

Development theme theme
(Project)
 Day 19
Day Unit of 1st Session ( 2 hours) 2nd Session ( 2 Hours)
Competency
19 WordPress Theme • Develop a Complete WP • Develop a Complete WP
Development theme theme
(Project)
 That’s All about
Course Module
Of
Web Design
15 November 2016
15 November 2016
 Suggestion
or
Questions?

15 November 2016