Web Designing

Time: 1 hr/day

Course Duration: 2.5 months

Shift: Morning, Day & Evening

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

Final Project “5 Page Responsive Website” using Bootstrap and Javascript.