Diploma in Web Designing Details

This Course has been designed for todays generation who know what they want and create a ways to achieve the goals. Covering all the aspects of the web designing it is suitable for people who want to use web designing as hobby as well as professional who want to make a career in the field of web technologies.

Web design diploma is a Diploma course in web design education. Web design is an IT field specializing in the design of a website and its related aspects. The web design diploma offers optimum information and skills for working on various software which allows the candidates to create a website.
In simple terms, web designing deals with creating and designing websites, internet portals and other internet entities (pages, forms, templates etc).
These days, we just can’t live without the internet! We use the internet to access different websites. We access websites for entertainment, social networking, online shopping, education and much more!
This has resulted in numerous jobs and projects for web designers and developers. In short, there are ample job opportunities available out there. You need to have talent and creativity to make it big in this field.
The person who deals with the creation of websites and web application is known as a web designer or web developer. The best part of being a web developer is that they are employed by almost every organization and they can even work independently as a freelancer.

Diploma in Web Designing Highlights

Course Duration

4 Months

(3 Months course and 1 months Project)



Delivery Mode

Classroom Training

Apply Online

Click Now


Students perusing a Career in Web Technologies
Web designers
Online Content Managers


1. Basic principles involved in developing a web site

  • alt text Planning process
  • alt text Five Golden rules of web designing
  • alt text Designing navigation bar
  • alt text Page design

2. Basics in Web Design

  • alt text Brief History of Internet
  • alt text What is World Wide Web
  • alt text Why create a web site
  • alt text Web Standards
  • alt text Audience requirement.

3. Introduction to HTML

  • alt text What is HTML
  • alt text HTML Documents
  • alt text Basic structure of an HTML document
  • alt text Creating an HTML document
  • alt text Mark up Tags
  • alt text Heading-Paragraphs
  • alt text Line Breaks
  • alt text HTML Tags.
4. Elements of HTML
  • alt text Introduction to elements of HTML
  • alt text Working with Text
  • alt text Working with Lists, Tables and Frames
  • alt text Working with Hyperlinks, Images and Multimedia
  • alt text Working with Forms and controls.
5. Introduction to Cascading Style Sheets
  • alt text Concept of CSS
  • alt text Creating Style Sheet
  • alt text CSS Properties
  • alt text CSS Styling(Background, Text Format, Controlling Fonts)
  • alt text Working with block elements and objects
  • alt text Working with Lists and Tables
  • alt text CSS Id and Class
  • alt text Box Model(Introduction, Border properties, Padding Properties, Margin properties)
  • alt text CSS Advanced(Grouping, Dimension, Display , Positioning, Floating, Align,Pseudo class, Navigation Bar, Image Sprites, Attribute sector)
  • alt text CSS Color
  • alt text Creating page Layout and Site Designs.

6. Introduction to Web Publishing or Hosting
  • alt text Creating the Web Site
  • alt text Saving the site
  • alt text Working on the web site
  • alt text Creating web site structure
  • alt text Creating Titles for web pages
  • alt text Themes-Publishing web sites.

Adobe Flash Course Syllabus

A Quick Flash Demo
  • alt text Introducing the Flash Interface
  • alt text Adding Elements to the Stage
  • alt text Duplicating Library Items
  • alt text Introducing Keyframes, the Transform Tool & Tweening
  • alt text Creating Animations
  • alt text Adding Audio, Swapping Symbols & Testing a Movie
  • alt text Using Graphic Symbols
  • alt text Combining Animations into One Project
  • alt text Creating & Arranging Buttons
  • alt text Adding & Labeling Action Keyframes
  • alt text Adding Behaviors to Buttons
  • alt text Using the Publish Preview Command
Meet Flash: Fundamentals
  • alt text Navigating the Stage Area
  • alt text Accessing & Organizing Panels
  • alt text Saving, Exporting & Testing
  • alt text Selecting a Flash Player Version for a New Project
  • alt text Introducing Layers
  • alt text Creating New Layers & Moving Items Between Layers
  • alt text Customizing Keyboard Shortcuts & Locking Layers • Using Outline Mode, Layer Folders &Properties
Drawing with Vectors
  • alt text Comparing Vectors & Bitmaps
  • alt text Working with the Pen Tool
  • alt text Drawing a Heart Shape with the Pen Tool
  • alt text Where to Put Points & How Far to Drag Handles
  • alt text Practicing Your Vector Drawing Skills
Flash Natural Drawing Tools
  • alt text Setting Up the Drawing Preferences
  • alt text Exploring the Pencil Tool Options
  • alt text Using the Line & Paint Bucket Tools
  • alt text Distinguishing Between Strokes & Fills
  • alt text Modifying Vectors Using the Selection Tool
  • alt text Snapping & Modifying Curves with the Selection Tool
  • alt text Altering Drawings with the Selection Options
  • alt text Using the Brush & Paint Bucket Tools to Fill
    • alt text Painting Using the Various Brush Modes.
    • alt text Working with a Stylus & a Tablet
    • alt text Drawing with the Rectangle Tool
    • alt text Drawing with the Oval Tool
    • alt text Drawing with the PolyStar Tool
    • alt text Working with the Eye Dropper Tool
    • alt text Working with the Ink Bottle Tool
    • alt text Working with the Eraser Tool

    Advanced Vector Drawing
    • alt text Intersecting Shapes within a Single Layer
    • alt text Using the Selection Tool
    • alt text Creating Complex Shapes with Intersecting Lines
    • alt text Combining Tools to Create Detailed Curves
    • alt text Vector Drawing Techniques
    • alt text Grouping Vector Shapes
    • alt text Creating & Arranging Groups
    • alt text Object-Based Drawing
    Setting Colors in Flash
    • alt text Introducing Advanced Color Selection
    • alt text Working with the Color Mixer
    • alt text Creating Transparency & Sampling Colors
    • alt text Using the Color Swatches Palette
    • alt text Applying & Stylizing Strokes
    • alt text Adjusting Cap, Join & Other Stroke Properties
    • alt text Applying & Transforming Gradients
    • alt text Saving & Locking Gradients
    • alt text Choosing a Gradient Overflow
    • alt text Adding Transparency to a Gradient
    Bitmaps in Flash
    • alt text Importing Files to the Stage & Library
    • alt text File Compression Settings, Size Report & Use Count
    • alt text Compressing Individual Files
    • alt text Importing an Image with a Transparent Background
    • alt text Using Trace Bitmap to Change a Background to Vectors
    • alt text Changing a Foreground Item to Vectors
    • alt text Using the Optimize Curves Command
    • alt text Grouping an Image & Using the Transform Tools
    • alt text Performing Transformations Numerically
    • alt text Working with the Free Transform Options
    • alt text Working with Bitmap Fills inside a Vector Shape
    • alt text Using the Break Apart Command & the Magic Wand Tool
    Using Text in Flash
    • alt text Auto-Sizing, Auto-Wrapping & Selecting Text
    • alt text Changing a Font, Picking a Color & Checking Spelling
    • alt text Using Rulers, Guides, Grids & Snapping
    • alt text Aligning, Distributing & Spacing Text
    • alt text Working with Device Fonts
    • alt text Editing Files with Missing Fonts
    • alt text Anti-Aliasing Text for Better Quality & Readability
    • alt text Paragraph & Character Formatting
    • alt text Using Text as a Design Element. Text on a Path, Guide Layers & the Transform Panel
    • alt text Introducing Symbols
    • alt text Creating & Reusing a Symbol
    • alt text Editing a Symbol in Place
    • alt text Editing a Symbol in the Library
    • alt text Modifying an Instance of a Symbol
    • alt text Nesting Elements inside a Symbol
    • alt text Adjusting the Color & Opacity of a Symbol
    • alt text Deconstructing & Reordering Symbol Parts
    • alt text Taking Advantage of Logically Ordered Layers
    • alt text Organizing the Library
    • alt text Looking at Symbols as a Movie inside of a Movie
    BookSymbol Effects: Filters & Blends
    • alt text Applying Fader Gradients
    • alt text Adding Text & Graphics to a Background
    • alt text Converting Text to Symbols
    • alt text Using Drop Shadows with Text
    • alt text Using Drop Shadows with Symbols
    • alt text Applying the Blur Filter to Text & Symbols
    • alt text Customizing Glow & Bevel
    • alt text Disabling Filters & Using the Gradient Bevel Filter
    • alt text Stacking Order & Other Filters & Settings
    • alt text Saving & Using Filter Presets
    • alt text Understanding Blend Modes
    • alt text Using the Normal, Darken & Multiply Blend Modes
    • alt text Using the Lighten & Screen Blend Modes
    • alt text Using the Overlay & Hard Light Blend Modes
    • alt text Using the Add, Subtract, Difference & Invert Blends
    • alt text Building a Mask without Blend Modes
    • alt text Building a Mask Using Alpha, Blend & Layer Modes

    Introduction to the Timeline
    • alt text Introducing Frame-Based Animation
    • alt text The Timeline Window
    • alt text Understanding Keyframes
    • alt text Animating Your Elements Using Keyframes
    • alt text Practicing Your Animation Techniques
    • alt text Using Onion Skin View
    • alt text Facial Animation
    • alt text Replacement Animation
    • alt text Rotoscoping
    Shape Tweening
    • alt text Doing a Simple Shape Tween
    • alt text Getting Your Tween to Behave Properly
    • alt text Distributive & Angular Blending
    • alt text Working with Shape Hints
    • alt text Modifying a Graphic for a Better Tween
    • alt text Choosing Shape Hint Location for a Complex Graphic
    • alt text Segmenting a Graphic for Smoother Tweening
    • alt text Tweening Facial Expressions
    Motion Tweening
    • alt text Differences in Structure of Shape & Motion Tweens
    • alt text Converting an Object to Symbol & Motion Tweening
    • alt text Scaling & Rotating Motion Tweening
    • alt text Adding a Background Color & Making a Cloud Layer
    • alt text The Problems with Motion Tweening a Shape
    • alt text Problems with Using the Create Motion Tween Option
    • alt text Setting Up the Traveling Cloud Animation
    • alt text Simulating the Camera Flying Down to the Ground
    • alt text Animating the Airship Landing
    • alt text Creating an Elastic Landing Effect
    • alt text Replacing Grouped Ship with Ship & Canopy
    • alt text Animating the Alien Hopping out of the Ship
    • alt text Motion Tweening Individual Text Characters
    • alt text Adding Randomness to Text Animations
    Advanced Animation Techniques
    • alt text Fading In a Background
    • alt text Animating a Banner with Filters & Text
    • alt text Animating a Title with a Blur Effect
    • alt text Animating Navigation Buttons into View
    • alt text Fading In a Block of Text
    • alt text Tweaking the Timing of Animations
    • alt text Setting Up a Motion Guide Path
    • alt text Orienting an Object to a Motion Guide Path
    • alt text Controlling Speed, Snapping & Registration Point
    • alt text Reconfiguring Your Workspace
    • alt text Adding & Swapping Facial Expression Symbols.
    • alt text Modifying Elements to React with One Another
    • alt text Creating a Stretch & Squash Effect
    • alt text Tweening & Shifting Keyframes to Exaggerate Motion
    Simulating Speed in your Animations
    • alt text Understanding Speed in Flash
    • alt text Introducing Ease
    • alt text Easing In & Out of Motion Tweens
    • alt text Improving Animations with Subtle Ease
    • alt text Using the Custom Ease In / Ease Out Dialog Box
    • alt text Easing within a Motion Guide Layer
    • alt text Customizing Ease for Position
    • alt text Customizing Ease for Rotation & Color
    • alt text Using a Gradient to Simulate Speed
    • alt text Applying a Motion Blur to Simulate Speed
    Motion Tweening Nesting Symbols for Complex Animation
    • alt text Introducing Timeline Effects
    • alt text Reviewing & Preparing for Animation
    • alt text Working with Groups & Symbols
    • alt text Symbols, Nesting & Motion Tweening
    • alt text Creating Nested Animations
    • alt text Building Multi-Layered Animations
    • alt text Creating Motion along a Path
    • alt text Packaging Symbols
    • alt text Understanding Graphic & Movie Clip Symbols
    • alt text Creating Character Animations
    • alt text Managing Character Animations with Nesting & Symbols
    Animated Masks and Filters
    • alt text Using Open External Library to Copy Assets
    • alt text Animating a Mask Using a Shape Tween
    • alt text Creating a Magnifying Glass Effect
    • alt text Animating a Signature Using Stage Reveal
    • alt text Working with Complex, Layered Vector Artwork
    • alt text Reproducing an Adobe® Illustrator® Gradient
    • alt text Animating a Gradient to Create a Shimmer Effect
    • alt text Combining Filters, Blends & Motion Tweening
    • alt text Creating a Kaleidoscope Effect
    • alt text Creating a Realistic Drop Shadow
    • alt text Using Blend Options to Create a Soft Mask
    Sound and Video
    • alt text Importing & Adding Sound to the Timeline
    • alt text Working with Audio File Sizes
    • alt text Adding Effects to Sound & Customizing Settings
    • alt text Syncing Up the Sound with the Action
    • alt text Working with Speech Compression
    • alt text Streaming Audio
    • alt text Working with Frame Labels
    • alt text Adjusting the Animation to the Voice Over Track
    • alt text Setting Up Audio for Lip Sync
    • alt text Adding a Looping Mouth Movie
    • alt text Fine-Tuning Specific Mouth Movements
    • alt text Changing Facial Expressions to Match Words
    • alt text Importing Video
    • alt text Editing Video Prior to Bringing it into the Timeline
    • alt text Selecting Video Compression Settings
    • alt text Adding Effects & Motion Tweens to Video
    • alt text Using Progressive Download & Selecting the Skin
    • alt text Using the Flash 8 Video Encoder
    Flash Buttons
    • alt text Making a Simple Button
    • alt text Using a Hit State
    • alt text Making Animated Buttons
    • alt text Adding Sounds to Buttons
    • alt text Applying a Drop Shadow
    • alt text Making Buttons Using Bitmaps
    • alt text Using Blend Effects to Spice Up Your Buttons
    • alt text Adding a Message with the Status Bar Feature
    • alt text Using Buttons from the Common Libraries
    • alt text Using Rollovers to Display Images & Text
    Scripting Basics
    • alt text Setting Up to Use Action Script
    • alt text Introducing the Actions Window & Script Assist
    • alt text Creating Buttons to Activate Action Script
    • alt text Labeling Buttons in the Properties Window
    • alt text Assigning Play & Stop Actions to Buttons
    • alt text Organizing & Arranging Buttons
    • alt text Using the Behaviors Window to Stop All Sounds
    • alt text Using the Goto and Play Behavior
    • alt text Modifying a Behavior & Adding an Action Layer.
    • alt text Duplicating & Modifying Sequences in the Timeline
    • alt text Using Advanced Goto Behavior Options
    • alt text Linking a Button to a Web
    Basic Navigation Systems
    • alt text Dividing Movies into Scenes
    • alt text Arranging & Adding Scenes in the Scene Panel
    • alt text Creating a New Scene from a Copy
    • alt text Adding Stop Action Scripts to Flash Scenes
    • alt text Setting Up a Basic Navigation System
    • alt text Using a Generic Action Script for More Flexible Navigation
    • alt text Creating a Non-Linear Navigation System
    • alt text Navigating with Keyframe Labels
    • alt text Navigating with Separate Flash Files
    • alt text Loading an External Movie inside of a Symbol
    • alt text Loading External Images inside of a Symbol
    Flash Screens
    • alt text Setting Up a Slide Presentation
    • alt text Adding Content & Creating New Slides
    • alt text Nesting, Navigating, Arranging & Naming Slides
    • alt text Adding Filters & Text to Slides
    • alt text Adding & Resizing Navigation Buttons from the Library
    • alt text Assigning Behaviors to Screen Buttons
    • alt text Exploring & Editing Button Layers
    • alt text Using Transitions with Screens
    • alt text Screens vs. Forms. Setting Form Parameters & Navigation.
    • alt text Introducing Templates
    • alt text Using the Quiz Style Template
    • alt text Publishing Movie
    Dreamweaver CS6 syllabus
    1. Interface
    • alt text choosing a workspace
    • alt text document window & toolbars
    • alt text the document window
    • alt text the launcher
    • alt text the insert panel & tool sets
    • alt text the document toolbar
    • alt text the property inspector
    • alt text dockable floating panels
    • alt text using contextual menus
    2. Site Control
    • alt text defining a site
    • alt text file and folder management
    • alt text creating site maps
    • alt text using the file browser
    • alt text create a site from nothing
    3. Basics
    • alt text defining the site
    • alt text creating and saving documents
    • alt text inserting images with assets panel
    • alt text adding text
    • alt text aligning page elements
    • alt text modifying page properties
    • alt text creating links with text and images
    • alt text adding keyword & description meta tags
    • alt text preview in browser
    • alt text define a secondary browser
    4. Linking
    • alt text link with point to file
    • alt text linking to new source files
    • alt text browse for file and link history
    • alt text anchor links
    • alt text email links
    • alt text file links
    • alt text imagemaps
    5. Typography
    • alt text html text formatting
    • alt text font lists
    • alt text text alignment
    • alt text html lists
    • alt text color schemes
    • alt text text in tables
    • alt text flash text
    • alt text character objects
    6. Tables
    • alt text insert and modify a table
    • alt text fixed width tables
    • alt text relative width tables
    • alt text hybrid table
    • alt text insert tabular data
    • alt text sort table data
    7. Rollovers
    • alt text simple rollovers - insert rollover
    • alt text simple rollover - swap image behavior
    • alt text multiple-event rollovers
    • alt text flash buttons
    8. Cascading Style Sheets
    • alt text redefining HTML tags
    • alt text defining a custom class
    • alt textCSS selectors
    • alt text CSS selectors to group tags
    • alt text linking to external CSS
    • alt text CSS reference panel
    9. Code
    • alt text editing in the code view
    • alt text code view options
    • alt text quick tag editor & attribute hints
    • alt text cleanup HTML
    • alt text cleanup word HTML
    • alt text code validator / XHTML
    10. Forms
    • alt text form objects
    • alt text creating a form
    • alt text creating a jump menu
    11. Behaviors
    • alt text set text of status bar
    • alt text open browser window behavior
    • alt text downloading and installing extensions
    12. Automation
    • alt text history panel
    • alt text copy / paste history
    • alt text create web photo album
    13. Templates and Library Items
    • alt text templates in action
    • alt text creating / modifying templates
    • alt text library items in action
    • alt text creating / modifying library items
    14. Inserting Media Objects
    • alt text linking to sounds
    • alt text embedding sounds
    • alt text inserting flash content
    • alt text inserting director content
    • alt text inserting a quicktime movie
    15. Get It Online
    • alt text putting files to the web server