MODULE 1: BASIC PHOTOSHOP
- Introduction to photoshop tools
- RGB and CMYK Color Modes (Why do we need CMYK color mode?)
- Images formats used on websites (JPG, GIF, PNG)
- Image resizing techniques
- Image resolutions for websites
- Creating banners for website
- Creating buttons for website
- Knowledge of Layers
- Grouping layers and its importance
- Using different Fonts
- Using different brushes
- Using gradient tool and its use while designing web interfaces like button, sidebars etc.
- Using blending options (drop shadow effect, inner shadow effect, bevel and emboss effect, color overlay, gradient overlay, pattern overlay, stroke)
- Copying layer styles and removing layer styles
- Using Pen tool to create logos or custom shapes
- Using Pen tool to select images from complex background.
- Tracing shapes and creating outlines using Pen tool
- Layer mask concepts
- Creating Patterns for website and applying it in websites
- Using filter tools
- Embedding custom brushes, shapes and styles in photoshop
- Planning a website layout
- Designing a website
- Creating animated GIF’s using Photoshop
MODULE 2: HTML
- HTML Introduction
- HTML – BASIC TAGS
- HTML – ELEMENTS
- HTML – ATTRIBUTES
- HTML – FORMATTING
- HTML – PHRASE TAGS
- HTML – META TAGS
- HTML – LINKS
- HTML – IMAGES
- HTML – LISTS
- HTML – TABLES
- HTML – FRAMES
- HTML – BLOCKS
- HTML – BACKGROUNDS
- HTML – COLORS
- HTML – FONTS
- HTML – FORMS
- HTML – EMBED MULTIMEDIA
- HTML – MARQUEES
- HTML – LAYOUTS
MODULE 3: CSS
- CSS Introduction
- CSS Syntax and Selectors
- CSS How To
- CSS Colors
- CSS Backgrounds
- CSS Borders
- CSS Margins
- CSS Padding
- CSS Height and Width
- CSS Outline
- CSS Text
- CSS Fonts
- CSS Icons
- CSS Links
- CSS Lists
- CSS Tables
- CSS Layout – float and clear
- CSS Layout – inline-block
- CSS Layout – Horizontal & Vertical Align
- CSS Combinators
- CSS Opacity / Transparency
- CSS Navigation Bar
- CSS Dropdowns
- CSS Image Gallery
- CSS Forms
MODULE 4: Responsive Webpage Design with Bootstrap
- Bootstrap Get Started
- Bootstrap Grids
- Bootstrap Text/Typography
- Bootstrap Tables
- Bootstrap Images
- Bootstrap Jumbotron and Page Header
- Bootstrap Alerts
- Bootstrap Buttons
- Bootstrap Button Groups
- Bootstrap Glyphicons
- Bootstrap Progress Bars
- Bootstrap Dropdowns
- Bootstrap Collapse
- Bootstrap Navigation Bar
- Bootstrap Forms
- Bootstrap Form Inputs
- Bootstrap Grid System
MODULE 7: WordPress
- WordPress Download and Installation
- Introduction to the WordPress Dashboard
- Download theme and use
- Adding and managing pages, post
- Using editor for custom changes in theme
MODULE 5: Javascript
- JavaScript Basics
- Alert Message
- Popup Windows
- JavaScript Operators
- JavaScript Conditional Statements
- JavaScript Loops
- Displaying the clock
- Creating Drop-down menus
- JavaScript Gallery
- Validating HTML Form Data