Send us an email...

Web Design & Development

At Webcom Systems, we stay on top of the latest in technology to ensure that our services and products fulfil our clients’ needs in the best possible way.

Web Design & Development Training Course Details

What we see in the cyberspace is the outcome of web development and design. Developing a website that interact properly and design one that looks wonderful is always a dream of a newbie. This dream will come true if you stay in touch and attain our qualitative training. You will say hello to the world soon like every developer has said once, “hello world”.

Course Duration: 2 months

Fundamentals of webpage creation
  • Rules of website design
  • Browsers support , w3c recommendations and Design
  • Server side language and scripting
  • Client side language and scripting
  • Style sheet languages (CSS)
  • Audio & Video
  • Responsive website
  • E-commerce website
  • Frameworks
  • Div and Table
  • Launching a Web Site online and web hosting
  • Search engine optimization
  • Word press
  • Joomla
  • Drupal
  • Portfolio design
  • E-learning website Design
  • E-commerce website Design
  • JQuery
  • JQuery Mobile
  • PHP
Introduction to Graphic Design
  • Software’s installations
  • Vector & Graphic Software’s
  • Web page layout design
  • Rules of web page layout design
  • Role of shape tool in web design
  • Color combination for web Page
  • Web Page sizes for different browsers
  • Image optimization for less size
  • File saving modes
  • Slice cutting
  • Selection of an area in details
  • Logo design according to product or profession
  • Content writing and text tool details
  • Screen resolution
  • Opacity & fill
  • Color correction & modes
HTML & CSS
  • Structure of a HTML page
  • Doctype & Head Tags
  • Syntax of coding
  • External, Internal & Email links
  • Body tag with attributes like image in Background, Bgcolor, & text color
  • Table & Div
  • Forms and forms attributes
  • List items
  • CSS linking types and coding for linking
  • Drop down menu with the help of list
  • Text effects with CSS
  • Margin, padding & positioning
Adobe Photoshop
  • The Menu Bar
  • The Status Bar
  • The Toolbox
  • The Palettes
  • Review
  • Quiz
Working with Documents
  • Navigator Palette & Hand Tool
  • New View & Duplicate
  • Image Size & Resolution
  • Image Size Dialog Box
  • Resizing Practice [V5.x] [V6.x]
  • Canvas Size
  • Crop Tool
  • Crop Tool Practice
  • Additional Crop Tool Practice [for v6.0 only]
  • History Palette Basics
  • Saving Images
  • Review
  • Homework Assignment
Image Modes & Color Selection
  • Color Primer
  • The Color Picker
  • Color & Swatch Palettes
  • Custom Swatch Exercise
  • Eyedropper & Info Palette
  • Review & Assignment
Selections and Masks
  • Marquee Selection Tools
  • Selection Tool Practice
  • Select Menu Commands
  • Transforming Selections
  • Quick Mask Mode
  • More Quick Mask
  • Alpha Channels & Channel Palette
  • Mask/Selection Practice Exercises
  • Color correction & modes
Layers and Blend Modes
  • Intro to Layers
  • The Layers Palette [V5.x] [V6.x]
  • Important Layer Information
  • Move, Copy & Transform Layers
  • Advanced Layer Features
  • Layers Review
Adding and Working with Type
  • Working With Type Introduction
  • The Type Tool (v.5.x)
  • The Type Tool – Continued (v.5.x)
  • The Type Tool (v6.x)
  • The Type Tool – Continued (v6.x)
  • Type Palettes and Text Warping (v6.x)
  • Type Tool Exercises 1-5
  • Type Tool Exercises 6-10 and Homework
What is Dreamweaver?
  • Using the Dreamweaver Workspace
  • Working with the Document Window
  • Setting Your Preferences
  • Getting Help
  • Understanding the Site Creation Process
  • Creating the Site Structure
  • Defining the Site
  • Understanding HTML and CSS
Creating a New Document
  • Defining Page Properties
  • Creating a Layout
  • Adding Text
  • Importing a Word Document
  • Including Existing HTML Documents
  • Creating a Template
  • Using a Template
Understanding Objects
  • Adding Elements to a Table
  • Adding Elements to a Table
  • Creating a Form
  • Adding Form Controls
  • Inserting Multimedia Objects
  • Adding a Flash Button
Understanding Links
  • Creating a Text Link
  • Creating an Image Link
  • Creating an Image Map
  • Inserting a Navigation Bar
  • Adding a Jump Menu
  • Working with the Site Map
Understanding Text
  • Formatting Text
  • Creating Lists
  • Formatting Tables
  • Creating Frames
  • Using Frames
Introduction to CSS
  • Creating and Applying CSS Styles
  • Working with Style Sheets
  • Modifying CSS Styles
  • Using CSS Layouts
  • Adding AP Elements
  • Checking Links
  • Validating Tags
  • Checking Target Browsers
  • Publishing to a Remote Site
  • Using Check In/Check Out
  • Updating Published Files
  • Synchronizing Files
Introduction to CSS
  • Types of CSS
  • Inline CSS
  • Internal CSS
  • External CSS
  • Specifying class within HTML document
  • Text Rollover