We Take Care of
All Your Online Needs.

Smart move for smart people
Potential Resource Management

Responsive Web Solutions
Size doesn't matter!!

Web Designing Course Content

Overview:

Web designing is a process of creating a website using creative graphics and useful functionality. In website designing process the important factors are content, appealing look, good layout and accessibility of the website on all devices.

Web Designing Institute Hyderabad,Web Designing Training in Hyderabad

Web Designing Course Duration

Complete Web Designing:

hotoshop, Flash, Dream Weaver, Jquery, HTML5 and CSS3            3 Months

Short Term Courses:
  • a. Photoshop and Flash                                  1 Month
  • b. Photoshop                                                  1 Month
  • c. Dreamweaver, Jquery, HTML5, CSS3         2 Months
  • d. Indepth Training on Jquery                         1 Month

Web Designing Course Highlights

  • Hands-on training using latest tools & techniques
  • Learn to create High quality content for Promotional Campaigns, Print, Publishing, TV ads, advertisements & visually appealing websites, etc.
  • Learn web designing, animation, web scripting etc to get interactive websites.
  • Work with Adobe Photoshop, HTML, CSS, Java Script & jQuery etc.

Software Covered in Web Designing Courses

  • Adobe Photoshop
  • HTML
  • CSS
  • Adobe Dreamweaver
  • Java Script
  • HTML5
  • CSS3
  • Responsive Design
  • Bootstrap
  • Web Hosting

Web Designing Course Syllabus

Introduction to Web Technologies

  • Introduction to Web Technologies
  • Careers in Web Technologies and Job Roles
  • How the Website Works?
  • Client and Server Scripting Languages
  • Domains and Hosting
  • Responsive Web Designing
  • Types of Websites (Static and Dynamic Websites)
  • Web Standards and W3C recommendations

Adobe Photoshop

  • Introduction of Stock Photography
  • Types of Image Graphics
  • Introduction to Adobe Photoshop
  • Interface Tour of Photoshop
  • Color Modes
  • Resolution and Presets
  • Move Tool
  • Marque Tool
  • Lasso Tool
  • Quick Selection, Magic Wand
  • Crop, Slicing Tool
  • Healing Brush, Patch Tool
  • Brush Tool
  • History Brush
  • Eraser Tool
  • Pattern Stamp, Clone Stamp
  • Gradient Tool
  • Blur and Exposure Tool
  • Pen Tool, Shape Tool
  • Text Tool
  • Other Photoshop Tools
  • Layers, Groups and Smart Object
  • Blending Options
  • Filter Effects
  • Client requirement Analysis
  • Realtime Website Layout Design
  • Responsive Design with Grids
  • Practical Task in Layout Design

HTML 4 and XTHML

  • What is Markup Language
  • Basic Structure of HTML
  • Difference Between HTML and XHTML
  • Head Section and Elements of Head Section
  • Meta Tags
  • Css Tags
  • Script Tag
  • Table Tag
  • Div Tag
  • Header Tags
  • Paragraph, Span, Pre Tags
  • Anchor Links and Named Anchors
  • Image Tag
  • Object Tag
  • Iframe Tag
  • Forms
  • Form Tag
  • Attributes of Form
  • POST and GET Method
  • Fieldset and Legend
  • Text input, Text area
  • Checkbox and Radio Button
  • Dropdown, List and Optgroup
  • File Upload and Hidden Fields
  • Submit, Image, Normal, Reset Button
  • Creating a Live Website Form
  • HTML Validators

HTML 5

  • Introduction to HTML5
  • Features of HTML5
  • HTML5 DocType
  • New Structure Tags
  • Section
  • Nav
  • Article
  • Asice
  • Header
  • Footer
  • Designing a HTML Structure of Page
  • New Media Tags
  • Audio Tag
  • Video Tag
  • Canvas and Svg Tag
  • Introduction to HTML5 Forms
  • New Attributes
  • Placeholder Attribue
  • Require Attribute
  • Pattern Attribute
  • Autofocue Attribute
  • email , tel, url types
  • number type
  • date type
  • range type
  • voice search
  • Examples of Form

Adobe Dreamweaver

  • Introduction to Adobe Dreamweaver
  • Dreamweaver Interface Basics
  • Defining a Dreamweaver site
  • Insert Toolbar
  • Common Tools
  • Layout Tools
  • Forms Tool
  • Spry Tools
  • Properties Panel
  • Using Snippets panel
  • Dreamweaver extensions
  • Template Design in DW
  • Editable and Non-Editable Regions
  • Defining the DWT for project.
  • Creating sub pages for project

CSS 2 and 3

  • Introduction to Cascading Style Sheets
  • Types of CSS
  • CSS Selectors
  • Universal Selector
  • ID Selector
  • Tag Selector
  • Class Selector
  • Sub Selector
  • Child Combinatory Selector
  • Adjacent Sibling Selector
  • Attribute Selector
  • Group selector
  • First-line and First-letter selector
  • Before and After Selector
  • CSS Properties
  • Type Properties
  • Background Properties
  • Block Properties
  • Box Properties
  • List Properties
  • Border Properties
  • Positioning Propeties
  • Realtime Implementation
  • Converstion of Table to CSS Layout
  • CSS Menu Design (Horizontal, Vertical)
  • Form Designing

    Introduction to CSS 3

  • New CSS 3 Selectors
  • Attribute Selectors
  • First-of-type
  • Last-of-type
  • Nth-child
  • Element:empty
  • New CSS3 Properties
  • Custom Fonts
  • Text-Shadow Property
  • Text-Stroke Property
  • Rounded Corners
  • Box Shadows
  • CSS Gradients
  • CSS Multiple backgrounds
  • Opacity Property
  • Transition effect
  • Transform effect
  • Animation effects
  • Css Media Queries
  • Using CSS3 in Practical Layout

BootStrap

  • Introduction to Bootstrap
  • Installation of Bootstrap
  • Grid System
  • Forms
  • Buttons
  • Icons Integration
  • Using CSS3 in Practical Layout

Java Script

  • Introduction to Client Side Scripting
  • Introduction to Java Script
  • Javascript Types
  • Variables in JS
  • Operators in JS
  • Conditions Statements
  • Java Script Loops
  • JS Popup Boxes
  • JS Events
  • JS Arrays
  • Working with Arrays
  • JS Objects
  • JS Functions
  • Using Java Script in Realtime
  • Validation of Forms
  • Related Examples