Sie sind auf Seite 1von 36

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) 2nd Session ( 2 Hours)


Competency
•Purpose of the Course •What is HTML?
Purpose of the •Who provide the Course •How HTML Work (Introduction
1 course & start •How to overcome to HTML Tags)
learning Web unemployment by acquiring •Exploring an HTML5 document
Design Technology Skills? •HTML Formatting
•Introduction to Internet and •Nesting
WWW •Indentation
•Introduction to Web Design •HTML Doctype Tag
•Web Design tools and Editor •HTML Headings (H1-H6)
•Introduction to writing code •HTML Paragraphs (P)
•What is Online Resources? •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