Learn Web Design & Development

Photoshop for Designers HTML5/CSS3/JS Developers Entire Web Design & Development


Entire Website Design & Development

Course duration: 8 Weeks
Internship length: 1 Month (You will be paid Rs. 2000/- and will be awarded with a “Professional Internship certificate” from 9dlabs)

Course Fee: Rs. 15000/-

Pay in two easy instalments: Rs. 8000/- (while admission) + Rs. 7000/- (after 2 week)

Learning Outcomes:

– Apply knowledge of design principles in the evaluation of one’s own work and other designers’ development of design solutions.
– Apply the knowledge of web-based typographic principles in executing design work. – Apply typographic skills and knowledge to the creation of original designs. Achieve desired impact through application of typographic skills and abilities including selection, readability, legibility, and spacing of type.
– Manipulate, and compose images for design purposes.
– Effectively utilize the elements of design including layout compositions, visual priorities, images etc. to convert it into a complete website.
– Use, and manipulate existing images within acceptable ethical and legal guidelines under our appropriate supervision and direction.
– Create functional interactive components and finished Websites.
– Be an expert in creating functional interactive components for complete Websites.

Career Opportunities:

– Advertising agencies
– Marketing firms
– Corporate creative services departments
– Design firms
– Website Design Companies & Agencies
– Web Maintenance Agencies

Admission Requirements:

– Operational knowledge of computer
– One Passport size photo
– Resume / CV

Additional Services:

– Building your Portfolio
– One Month Professional Paid Internship working in 9dlabs

Post Course Award, Certificates & Assistance:

– Course Completion Certificate
– Professional Internship certificate in company letter head
– Secrets of earning online sitting at your home


9dlabs gives you guarantee of being an expert in the course you complete with us. Our students will be highly capable of independently handling projects in companies or working from their home. Our courses are designed as per current industries requirement and our students will be working on real projects while they are in our one month paid internship after their course is complete.

Course Content – Designing in Adobe Photoshop

1) Setting up designers workspace

  • Understanding the interface
  • Creating and saving a custom workspace
  • Setting preferences
  • Choosing proper color settings

2) Understanding Resolutions

  • Identifying image resolution
  • Resizing and re-sampling

3) Making Good Selection

  • Making selections in Quick Mask mode
  • Using the Quick Selection tool
  • Refining selection edges
  • Saving selections with paths
  • Extracting images from the background

4) Working with Brushes

  • Brush presets: Choosing the right brush for the task
  • Editing and saving brush settings
  • Creating brush presets

5) Applying, Replacing and Removing Color

  • Replacing color: Hue/Saturation vs. blend modes
  • Colorizing a grayscale image
  • Converting color to grayscale

6) Making Tonal and Color Corrections

  • Image adjustment fundamentals
  • Levels and curves
  • Enhancing detail with curves
  • Applying selective color adjustments

7) Retouching

  • Cloning to remove contents
  • Retouching people

8) Layer Styles and Filter Effects

  • Using the Layer Blending Options
  • Utilizing Smart Filters
  • Reducing noise
  • Sharpening with Unsharp Mask

9) Automation

  • Utilizing built-in actions
  • Recording an action
  • Auto-cropping photos

10) Complete Website layout Aspects

  • Creating & Using Grids to make web layouts
  • Things to consider while making full screen web layouts
  • Using Patterns for web backgrounds
  • Creating custom patterns and effects for Web
  • Typography Techniques
  • Use of Line Heights in layouts
  • Use of appropriate fonts when designing for web
  • Gradient limitations in web layouts

11) Saving for Outputs

  • Saving for high-resolution printing
  • Saving Photoshop PDFs
  • Slicing images for web
  • Saving for the web

12) PSD Layout

  • Creating PSD theme from scratch

Course Content – Web Development

1) Introduction to Web Design Tools

  • Learning Adobe Dreamweaver
  • Learning HTML tags and structure
  • Learning CSS 2.1 and CSS 3
  • Basics of JQuery

2) Layout Concept

  • Table and Div Concept
  • How to Create Navigation( Html & css)
  • How to Create Form( Html & css)
  • PSD to HTML conversion of Web Template

3) Introduction to Dynamic and Static Web Sites

  • How to Create Dropdown Web Menu (using CSS and JS)
  • How to Create Header using( JS )
  • How to Create Gallery using( JS )
  • Audio/Video element implementation

4) Working on Compatibility Issues

  • Introduction to Various Web Browsers
  • Website Testing on Multiple Browsers
  • Importance of W3C Validation

5) Simple Function and Application of Jquery

  • Jquery accordion
  • Jquery image slider
  • Jquery Popup
  • Form Validation using JavaScript
  • PrettyPhoto Implementation
  • HighSlide Implementation

6) Basics of PHP & MySQL Database

  • Introduction to Variables & Loops
  • PHP MyAdmin Tour
  • Creating MySQL Database
  • Connecting with Database
  • Fetching Database Values
  • Combining PHP with HTML
  • Creating Simple Contact Form
  • Some Simple Examples

7) Basics of Content Management System & Others

  • Introduction to WordPress Admin
  • Basic customization on existing WordPress Theme
  • Google Analytics Integration
  • Creating Facebook Fan Page
  • Adding Google Maps
  • Basics of Google API
  • Presentation on Great Websites

8) Introduction on FTP Client

  • File Transfer
  • File Downloading
  • How to make a Website Live

9) Complete Website

  • Creating HTML theme from scratch

10) Brief Introduction to Responsive technology

11) Concept on SEO friendly HTML structure

12) Code Optimization

13) Real Life Project (During Internship)