Web Designing

Traning

Concept Of HTML:

  • The History of the Web
  • The Nuts and Bolts of the Web
  • The Basics of HTTP
  • HTML the Language of the Web
  • Basic HTML Tags
  • Basic HTML Body Tags
  • Coding Style
  • Serving Your Web Page
  • Modifying Text
  • Sizing Text
  • Positioning Text
  • Text Styles
  • Unordered Lists
  • Ordered Lists
  • Definition Lists
  • Special Characters
  • All about Links
  • What is a URL?
  • Linking to another Document
  • Internal Links
  • Email Links
  • Relative and Absolute Links
  • Images
  • Referencing Images
  • Clickable Images
  • Image Placement and Alignment
  • Image Size
  • Image Margins
  • Using Images on Your Page
  • Creating Images
  • Image Formats
  • Limiting Image Size
  • Image Maps
  • Defining an Image Map
  • A Quick Note
  • Advanced Use of the BODY tag
  • Coloring Body Content
  • Body Tag Attributes
  • Defining Colors
  • Browser Safe Colors
  • Basic Tables
  • Table Attributes
  • Table Cell Attributes
  • Table Row Attributes
  • Tables Inside of Tables
  • Invisible Spacers
  • Frame-Based Pages
  • Creating Windows
  • Single Window Frames
  • Creating Column Frames
  • Creating Row Frames
  • Creating Complex Frames

CREATING CSS LAYOUTS

  • Getting Started with Styles
  • Creating Tag & Class Styles
  • Creating Styles to Format Images
  • Reviewing CSS Code
  • Previewing Page Styles
  • Understanding Page Properties
  • Creating Divs with ID Styles
  • Getting Started with Styles
  • Creating Tag & Class Styles
  • Creating Styles to Format Images
  • Reviewing CSS Code
  • Previewing Page Styles
  • Understanding Page Properties
  • Creating Divs with ID Styles
  • Getting Started with Styles
  • Creating Tag & Class Styles
  • Creating Styles to Format Images
  • Reviewing CSS Code
  • Previewing Page Styles
  • Understanding Page Properties
  • Creating Divs with ID Styles
  • Creating a Series of Divs
  • Aligning Divs Side by Side
  • Using the Clear Option in CSS
  • Adding Borders with CSS
  • Creating an Image Border
  • Using Margins for Positioning
  • Creating Navigation Links
  • Styling a List for Navigation
  • Creating a Rollover E_ect in CSS
  • Duplicating Existing Styles
  • Changing Page Properties Styles
  • Reviewing Style Selectors

DESIGNING WITH CSS

  • Understanding the Box Model
  • Comparing Margins & Padding
  • Viewing CSS in Various Browsers
  • Creating a Page from a Template
  • Using Paste Special
  • Using Styles to Align Images
  • Creating a Two Column Layout
  • Calculating CSS Spacing
  • Styling Headlines
  • Understanding Font Sizes
  • Using External Style Sheets
  • Reviewing CSS Options

Javascript

  • Discuss the usage and services provided by Internet
  • Describe different browsers
  • Describe the URL
  • Differentiate between web server, web page and web site
  • Discuss Hyper Text Markup Language
  • Identify the need for Java Scripts
  • Compare CGI with Java Scripts
  • Explain the scope of Java Scripts
  • Explain various HTML tags
  • View a web page using Internet Explorer
  • Differentiate “for”, “while” and “do-while” statements
  • Identify the need for “break”, “continue” and “switch-case” statements
  • Use functions with no arguments, fixed arguments and variable number arguments
  • Use variables
  • Use Integers, Floating-point numbers, Boolean and String values
  • Use Arithmetic, Logical and Assignment operators
  • Apply escape characters
  • Use functions
  • Use window object
  • Use set Timeout (), set Interval and clearInterval() methods
  • Discuss various predefined JavaScript objects
  • Create an Array object and apply its methods
  • Create a String object and apply its methods
  • Create a Date object and apply its methods
  • Discuss various predefined JavaScript objects
  • Create an Array object and apply its methods
  • Create user-defined objects
  • Add properties and methods to the user-defined objects
  • Create arrays of user-defined objects
  • Write programs using the Array object
  • Write programs using the String and the Date objects

Jquery

  • What Are Javascript And Jquery
  • Document Object Model (DOM) And Jquery
  • Programming/Coding Principles
  • Separation Of Structure (HTML), Style (CSS) And
  • Behaviors (Javscript/Jquery)
  • Jquery Wrapper – DOM Elements As Array – $( )
  • Selecting And Manipulating Elements
  • Jquery API
  • Element Properties And Attributes
  • Browser Event Model
  • Jquery Event Model
  • Putting Events To Work
  • Animation And Effects Overview
  • Show/Hide Elements
  • Animate The Display State
  • Animation And Queuing
  • More On Jquery Utilities
  • Extending Jquery, Plugins
  • Dynamic Website Design With Jquery
  • Design And (3) Plans For Implementing Jquery Functionality
  • Drag And Drop Features
  • Sorting Elements
  • Changing The Size Of Elements
  • Making Elements Selectable
  • Buttons And Buttonsets
  • Sliders, Tabs, Accordians
  • Progress Bars
  • Forms/Auto Completers
  • Date Pickers
  • Dialog Boxes

Adobe Dreamweaver

 DESIGNING WEBSITES WITH DREAMWEAVER

  • Comparing Web Design Options
  • Appreciating CSS Advantages
  • Reviewing Old School Designs
  • Creating Dynamic Sites
  • Reviewing Site Di_erences

CREATING A NEW WEBSITE

  • Creating a New Site
  • Creating a New Page
  • Adding Images with Alternate Text
  • Inserting & Formatting Text
  • Aligning Images with the Property Inspector
  • Using the Page Properties Dialog Box
  • Linking to Pages in a Site
  • Creating an Email Link
  • Linking to Other Websites
  • Testing & Targeting Links
  • Organizing Files & Folders

CUSTOMIZING THE INTERFACE

  • Opening an Existing Site
  • Working in Code, Design & Split Views
  • Customizing the Insert Bar
  • Use the Properties Inspector & the Tag Selector
  • Reviewing Menu Options & Preferences
  • Comparing the Macintosh & PC Interfaces
  • Previewing in Browsers & Device Central

CREATING & INSERTING IMAGES

  • Optimizing Images for the Web
  • Saving GIFs & PNGs in Photoshop
  • Inserting GIFs in Dreamweaver
  • Adjusting Transparency Settings
  • Saving JPGs for the Web
  • Edit Images in Dreamweaver & Photoshop
  • Changing Editor Preferences

DESIGNING ACCESSIBLE TABLES

  • Understanding Tables & Accessibility
  • Using Tables for Tabular Data
  • Styling a Table
  • Editing Table Layouts
  • Adding Style to a Table Using CSS

CREATING WEBSITES WITH FRAMES

  • Introducing Frames
  • Creating a Frameset
  • Opening Pages into Frames
  • Controlling Scrollbars & Borders
  • Targeting Links in Frames

USING BEHAVIORS TO ADD INTERACTIVITY

  • Viewing Behaviors in a Browser
  • Introducing the Behaviors Panel
  • Inserting Rollover Images
  • Using the Swap Image Behavior
  • Altering Swap Image Options
  • Using the Show-Hide Elements Behavior
  • Using the Open Browser Behavior
  • Downloading More Behaviors

SURVIVAL HTML & CSS

  • Writing HTML: The Fundamentals
  • Understanding Doctypes
  • Recognizing HTML Tags
  • Understanding Links
  • Working in Split View

USING & CREATING TEMPLATES

  • Using CSS Layouts
  • Editing CSS Layouts
  • Altering CSS Styles
  • Creating a Dynamic Web Template
  • Editing Dynamic Web Templates

 Adobe Photoshop

  • What is Photoshop?
  • What Does Photoshop Do?
  • The Photoshop Workspace
  • The Menu Bar
  • The Drawing Canvas
  • The Tool Box
  • The Palettes
  • Drawing Things on the Canvas
  • Choosing a Color
  • Defining the Brush
  • The Pencil Tool
  • The Paintbrush Tool
  • The Line Tool
  • The Airbrush Tool
  • The Text Tool
  • The Paint Bucket Tool
  • The Gradient Tool
  • Modifying Things on the Canvas
  • The Eraser Tool
  • The Smudge Tool
  • The Focus Tool
  • The Toning Tools
  • The Eye Dropper Tool
  • The Zoom Tool
  • Advanced Tools
  • Selecting Things
  • The Marquee Tool
  • The Lasso Tool
  • The Magic Wand Tool
  • The Move Tool
  • The Crop Tool
  • Channels
  • Masks
  • Layers
  • Fills
  • Cloning
  • Filters
  • Text Manipulation
  • Learn by Example
  • Real World Example
  • Backboard Under painting
  • Rainbow Facade Preparation
  • Rainbow Facade Creation
  • Logo Text
  • Logo Text in 3D
  • Visual Illusion
  • Save as: File Formats
  • Buttons
  • Shadows
  • Beveling
  • Arrows

INTRO TO SEO

  • Search Engines and Directories
    • What are Search Engines?
    • Types of Search Engines
    • How Search Engines work and how they rank websites based upon a search term ?
    • What are Directories and how do they differ from Search Engines?
    • Difference between Search Engines and Directories.
    • What is Open Directory project and how can a listing in DMOZ boost my SEO effort?
    • What is the importance of Yahoo directory listing?
    • How do you submit your site to search engines/directories?
    • How do you monitor the performance of your website in the search engines?
  • Introduction to SEO and what it involves
    • What is the importance of search for websites and how can SEO save valuable dollars in advertising expenses?
    • Which search engines should I concentrate on while performing SEO activities?
    • Who can or should perform SEO activities?
    • What are the areas of operation for Search Engine Optimization Professional?
  • Keyword selection and optimization strategies
    • Keywords – the key to successful SEO
    • What is the importance of keywords in SEO?
    • How do you search for the right keywords that will help bring in the most traffic?
    • What is keyword density and how should you optimize keyword density for the search engines?
    • What is keyword prominence and how does it affect the SEO efforts?
    • How should keywords with two or more words be ideally placed within the webpage? What is Keyword proximity?