6 Months 6 Weeks Industrial Training

Our Courses

Web Designing

We are firm believers in the theory that a great website is the first step towards setting up an online business. Website designing being our forte, we realize the importance of having a solid web presence as it quintessentially becomes the face of the company. Here are few of the many advantages of choosing us for your Web Designing needs:

• With several years of experience in the area of web design and development, we deliver to you the best possible training keeping in mind the target audience by bringing together the top expertise in digital strategy, web design and development to help our customers conquer their biggest web challenges.

• Our expert team comprises of the best website designers, logo designers, digital designers, and visual designers in the business. Our trainers are industry experts and have the necessary knowledge, expertise and technical knowhow to impart the necessary skills to design and develop creative graphics for not only websites but also digital ads, print and publishing.

• We understand your requirements very well and work in collaboration with you while providing in-depth knowledge about an array of concepts like Web Analytics, Search Engine Optimization (SEO), Web Content Management, etc. Right from conceptualizing of the website to planning of website layouts, choosing UX/UI, colours, appropriate images, icons and interactivity, we cover all possible topics effectively and efficiently.

• We are a passionate training institute for web design and take immense pleasure in helping our students meet their dreams about their website design and development requirements. When you choose WorldWithWeb, we go out of our way to help you become a successful web designer.

  • 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)
  • RESPONSIVE DESIGN AND LAYOUT
  • INTRODUCTION TO ADOBE PHOTOSHOP
  • COLOR MODE & RESOLUTION
  • TYPES OF GRAPHICS
  • EXPORT IMAGE
  • ANIMATED IMAGE
  • TOOLS
  • RULER AND SCALING
  • CREATE LOGOS
  • PHOTOS MASKING
    • Layer Mask
    • Vector Mask
    • Create Clipping Mask
    • Quick Mask
    • Text Mask
  • SMART OBJECTS
  • MERGE LAYERS
  • GROUP LAYERS
  • MATTING
  • DEFINE BRUSH
  • DEFINE PATTERN
  • DEFINE CUSTOM SHAPES
  • LAYER STYLES
  • BLENDING OPTIONS
  • ADVANCED BLENDING
  • VIEW MENU / WINDOW MENU
  • FILTER EFFECTS
  • IMAGE ADJUSTMENTS
  • REALTIME WEBSITE LAYOUT DESIGN
  • WHAT IS MARKUP LANGUAGE
  • BASIC STRUCTURE OF HTML
  • DOCUMENT OVERVIEW
    • The Structure Tags
    • Getting Started With HTML
    • Writing the Code
    • Head Section
    • Meta Tags
    • External Link Tags
    • HTML Tags
    • HEAD Tags
    • Title Tags
    • Body Tags
    • Displaying a web page in a web Browser
  • HTML ELEMENTS
    • Block level elements
    • Inline elements
    • Empty elements
  • WORKING WITH FORMS
    • Creating a Form
    • Form Tag
    • Text Input, Text Area, Checkbox, Image Input and Radio
    • Select Option
    • Option Group
    • File Upload and Hidden Fields
    • Submit Button, Reset Button
    • Relation between HTML Form and PHP
  • ADDING SPECIAL CHARACTERS
  • BLOCK ORIENTED ELEMENTS
    • Defining Paragraphs and new Lines
    • Inserting Spaces
    • Perforating the Text
    • Changing Background Color
  • LIST
    • Ordered List
    • Unordered List
    • Definition List
  • ATTRIBUTES OF LIST
    • Using Type attribute with Unordered list
    • Using Stat attribute with Ordered List
    • Some other elements
    • Visual Markup
  • UNIFORM RESOURCE LOCATORS
    • Types of URLs
    • Absolute URLs
    • Relative URLs
    • Document-Relative URLs
    • Server-relative URLs
  • HYPERTEXT LINKS
    • Why links fail?
  • IMAGES
    • Adding Images
    • Adding Border to an image
  • TABLES
    • How to create table
    • Adding Border to a Table
    • Apply Formatting Features to Table
    • Merge row and columns
  • INTRODUCTION TO STYLE SHEETS
    • How style sheets work
    • Style Sheet Structure
  • CHANGING THE BACKGROUND
    • Changing the color of the text
    • Changing the front
    • Changing the Indent of the text
    • Changing the Line Spacing
    • Hide a Style Sheet
  • CREATING STYLE CLASSES
    • Div
    • Span
    • Frame
    • Layer
    • Meta
  • HTML FRAMES
    • Frame
    • iframe
  • INTRODUCTION TO HTML5
    • Introduction to HTML5
    • What’s new in HTML5
  • HTML5 SYNTAX
    • The DOCTYPE
    • HTML5 Document
  • NEW INPUT ELEMENTS
    • Color
    • Date
    • Datetime
    • email
    • month
    • number
    • range
    • search
    • tel
    • time
    • url
    • week
  • NEW INPUT ATTRIBUTES
    • autofocus
    • formaction
    • formmethod
    • formnovalidate
    • height and width
    • list
    • min and max
    • multiple
    • pattern (regexp)
    • placeholder
    • required
    • step
  • AUDIO AND VIDEO
    • audio
    • video
    • source
  • NEW STRUCTURAL ELEMENTS
    • details
    • dialog
    • summary
    • meter
    • main
    • header& footer
    • section
    • aside
    • figure
  • SVG
    • What is SVG?
    • SVG Advantages
    • SVG in HTML
    • SVG Shapes
    • SVG Text
    • SVG Stroke properties
  • CANVAS
    • What is canvas?
    • Lines
    • Curves
    • Paths
    • Shapes
    • Color, gradients
    • Image
    • Arc
    • Text
    • Shadow
  • HTML5 APIS
    • Google Map
    • Drag & Drop
  • CSS INTRODUCTION
    • CSS Syntax
    • CSS Id & Class
    • Types of CSS links
  • COLORS AND BACKGROUNDS
    • color
    • background-color
    • background-image
    • background-repeat
    • background-position
    • background-attachment
    • background
  • TEXT AND FONTS
    • font
    • font-family
    • font-size
    • font-weight
    • font-style
    • line-height
    • letter-spacing
    • word-spacing
    • text-align
    • text-decoration
    • text-transform
    • white-space
  • LIST
    • list-style
    • list-style-type
    • list-style-image
    • list-style-position
  • TABLES
    • table-layout
    • border-collapse
    • border-spacing
  • CSS SELECTORS
    • Universal Selector
    • Type Selector
    • Class Selector
    • ID Selector
    • Child Selector
    • Descendant Selector
    • Attribute Selector
    • Adjacent Sibling Selector
    • General Sibling Selector
    • Query Selector
  • CSS BOX MODEL
    • CSS Border
    • CSS Outline
    • CSS Margin
    • CSS Padding
  • CSS ADVANCED
    • CSS Grouping/Nesting
    • CSS Dimension
    • CSS Display
    • CSS Positioning
    • CSS Floating
    • CSS Align
    • CSS Pseudo-class
    • CSS Pseudo-element
    • CSS Navigation Bar
    • CSS Image Gallery
    • CSS Image Opacity
    • CSS Attribute Selectors
    • Styling Links
  • INTRODUCTION TO CSS3.0
    • WHAT’S NEW IN CSS 3.0
  • BORDER
    • border-image
    • border-radius
  • CSS SHADOWS
    • Text-shadow
    • Box-shadow
  • BACKGROUND
    • background-clip
    • background-size
    • background-origin
    • background-image
  • 2D TRANSFORMS
    • transform
    • matrix()
    • translate(x,y)
    • scale(x,y)
    • rotate(angle)
    • skew(x-angle,y-angle)
  • 3D TRANSFORMS
    • transform
    • transform-style
    • perspective
    • transform-origin
  • ANIMATIONS
    • @keyframes
    • animation
    • animation-direction
    • animation-duration
    • animation-name
  • SELECTORS
    • CSS combinations
    • Pseudo Elements
  • GRADIENTS
    • Linear Gradients
    • Radial Gradients
  • HTML5 APISMULTIPLE COLUMNS
    • column-count
    • column-fill
    • column-gap
    • column-width
    • columns
    • column-rule
    • column-rule-color
    • column-rule-style
    • column-rule-width
  • USER INTERFACE
    • resize
    • box-sizing
    • outline-offset
  • CSS FILTERS
    • Blur
    • Brightness
    • Contrast
    • Grayscale
    • Hue-rotate
    • Invert
    • Opacity
    • Saturate
    • Sepia
    • Drop-shadow
  • MEDIA QUERY
    • What is Responsive Web Design
    • Intro to the Viewport
    • The Viewport Tag
    • Media Queries
    • Fluid Layouts
    • Tablet Styles
    • Mobile Styles
    • Making a Mobile Drop-down Menu
    • Responsive Images & Polyfills
  • WEB FONTS
    • @font-face
    • font-family
    • src
    • font-stretch
    • font-style
    • font-weight
    • Google fonts
  • INTRODUCTION TO JAVASCRIPT
    • Syntax
    • Statements
    • Comments
  • POPUP BOXES
    • Alert
    • Confirm
    • Prompt
  • VARIABLES
  • OPERATORS
    • Arithmetic
    • Assignment
    • Comparison
    • Logical
    • Conditional
  • CONDITIONAL STATEMENTS
    • if
    • if…else
    • if…else if…else
    • Switch
  • LOOPS
    • while
    • do…while
    • for
    • for…in Statement
    • Break
    • Break
  • FUNCTIONS
    • Built-in Functions
    • User-defined Functions
    • Function Syntax
    • Function with Arguments
    • Returning Values from Functions
  • EVENTS
    • Introduction
    • Mouse Events
    • Keyboard Events
    • Form Events
    • Document/Window Events
  • COOKIES
    • Create a Cookie
    • Read a Cookie
    • Change a Cookie
    • Delete a Cookie
  • PAGE REDIRECTION
  • BUILT-IN OBJECTS
    • Introduction
    • Number
    • Strings
    • Math
    • Arrays
    • Associative Array
    • Array Properties and Methods
    • Date
    • Boolean
    • Regexp
  • Form Validations
  • JS DOCUMENT OBJECT MODEL (DOM)
  • JS BROWSER OBJECT MODEL (BOM)
  • JS AJAX
  • JS JSON
  • jQuery Introduction
  • jQuery Effects
  • jQuery HTML
  • jQuery Traversing
  • jQuery AJAX
  • jQuery noConflict()
  • Introduction to Bootstrap
  • Layout with Bootstrap
  • Everyday Bootstrap
  • Bootstrap Component
  • Bootstrap and JavaScript

ENQUIRE NOW OR CALL-98726 06864