Web Design & Graphics Design

Web designing is defined as a comprehensive process that includes the creation of websites, online applications, and software. Web designing encompasses aspects that guide us to fabricate distinct webpage layouts and content by making use of graphics, coding, and algorithms. The primary function of a web designer is to plan and design attractive and incredibly innovative websites that entice end users to visit and engage.
Aimed at catering to the needs of both beginners and intermediate web designers, our all-inclusive and easy-to-understand web designing course teaches you fundamental and advanced web design tools and techniques. This course will steer you through essential tools like HTML, CSS ,Adobe Photoshop and many more. The course also helps examine the principal steps needed for building a website like registering a specific domain name and selecting a hosting account.

WEB DESIGN

Introduction to Web Technologies
  • Careers in Web Technologies and Job Roles
  • How the Website Works ?
  • Client and Server Scripting Languages
  • Difference between a Web Designer and Web Developer
  • Types of Websites (Static and Dynamic Websites)
  • Types of Websites (Static and Dynamic Websites)
  • Web Standards and W3C recommendations
  • Importance of Responsive Web designs
HTML
  • What is Markup Language
  • Basic Structure of HTML
  • Head Section and Elements of Head Section
  • Meta Tags
  • External Link Tags
    • HTML Structure Tags
    • Table Tag
    • Div Tag
    • Frames
      Content I Media Tags
    • Header Tags
    • Paragraph. Span. Pre Tags
    • Anchor Links and Named Anchors
    • Image Tags I Image Hot Spots
    • Object Tag
    • Iframe Tags
CSS
  • Introduction to Cascading Style Sheets
  • Types of Style Sheets (Inline. Internal and External) CSS for Website Layout and Print Layout
  • CSS for Website Layout and Print Layout
  • CSS Syntax
  • CSS Selector
  • CSS Properties
  • CSS Animation
  • CSS Media Queries
Bootstrap
  • WHAT IS BOOTSTRAP, LEARN BOOTSTRAP.
  • MAKE RESPONSIVE WEB SITE USING BOOTSTRAP
  • CONVERT PSD TO BOOTSTRAP FOR RESPONSIVE WEBSITE.
  • LEARN HOW TO USE BOOTSTRAP AND THEIR CLASSES.
• Bootstrap Container
• Bootstrap Button
• Bootstrap Grid
• Bootstrap Table
• Bootstrap Form
• Bootstrap Alert
• Bootstrap Wells
• Bootstrap Badge & Label
• Bootstrap Pagination
• Bootstrap Pager
• Bootstrap Image
• Bootstrap Carousel
• Bootstrap Progress Bar
• Bootstrap List Group
• Bootstrap Dropdown
• Bootstrap Collapse
Java Script
1. JavaScript Basics
• JS Comment
• JS Variable
• JS Global Variable
• JS Data Types
• JS Operators
• JS If Statement
• JS SwitchJS Loop
• JS Function

2. JavaScript Objects
• JS Object
• JS Array
• JS String
• JS Date
• JS Math
• JS Number
• JS Boolean

3. JavaScript Browser Objects Model
• Window Object
• History Object
• Navigator Object
• Screen Object

4. JavaScript Document Object Model
• getElementById
• getElementsByName
• getElementsByTagName
• JS innerHTML property
• JS innerText property

5. JavaScript Validation
• JS form validation
• JS email validation

6. JavaScript OOPs
• JS Class
• JS Object
• JS Prototype
• JS constructor Method
• JS static Method
• JS Encapsulation
• JS Inheritance
jQuery
• jQuery Introduction
• jQuery Effects
• jQuery HTML/CSS
• jQuery Form
• jQuery Events
• jQuery UI
Case Studies

GRAPHICS DESIGN

Adobe Photoshop
  • ADOBE PHOTOSHOP IS RASTER(PIXEL) BASE.
  • STARTING WITH SOME BASIC TOOLS. LIKE: MOVE TOOL, MARQUEE TOOL, MAGIC WIND TOOL, LASSO TOOL, CROP TOOL, COLOR PICKER TOOL, BRUSH TOOL, STAMP TOOL, GRADIENT TOOL, PEN TOOL, TEXT TOOL, ETC.
  • DIFFERENT BETWEEN PHOTOSHOP AND ILLUSTRATOR.
  • MAKE DIFFERENT SIZE BANNER USING TOOLS.
  • MAKE FLYERS (BI FOLD, TRI FOLDS, ETC).
  • MAKE VISITNG CARDS.
  • MAKE WEB PAGES.
Adobe Illustrator
  • ADOBE ILLUSTRATOR IS A VECTOR BASE.(FOR PRINT MEDIA)
  • STARTING WITH SOME BASIC TOOLS. LIKE: MOVE TOOL, DIRECT SELECTION TOOLS, PEN TOOL, TEXT TOOL, ETC.
  • MAKE LOGOS, BANNERS, ETC.
Adobe XD
• User interface
• User experience
• How website work and create in xd
• Create ui design for mobile app for both android and ios
• User flow
• Prototype
• Colorize wireframe
• How use plugin in xd
PSD to HTML
In general, “PSD to HTML” is a workflow. First, a web page is designed in a Photoshop Document (PSD) and then converted to code (using HTML, CSS, and JavaScript).

Advance Web Design

Introduction to SEO
Website Performance Measurement tool
Website Auditing Tool
Get in touch with us
close slider