WEB DESIGN COURSE CONTENT

(1)

WEB DESIGN COURSE CONTENT

INTRODUCTION OF WEB TECHNOLOGIES

 Careers in Web Technologies

 How Websites are working

 Domain Types and Server

 About Static and Dynamic Websites

 Web 2.0 Standards PLANNING A BASIC WEBSITE

 Client Requirement Analysis

 Planning Subpages and Categories

 Basic Guidelines while planning Sites

 Choosing Good Styles & Sizes for Templates

 How to distribute work responsibilities as per requirement?

 Introduction to all web design Tools ADOBE PHOTOSHOP

 Basic Introduction about Adobe Photoshop

 Introduction to Photoshop all pallets

 About Layer Pallet

 Create Edit & Delete layers

 Making Layer Groups

 Managing Layer Pallet

 File Saving Types

 Photoshop Tools

 Marquee Tools

 Selection Tools

 Brush Tools

 Stamp Tools

 Retouching Tools

 Test Tools

 Drawing Tools

 Gradient Tools

 Editing Tools

 Analysis Tools

 Other Tools

(2)

 Masking Types (Layer , Vector , Clipping)

 Layer Effects (Drop shadow, Glow, Strokes, Patterns, etc...)

 Special Transforms

 Strokes

 Image Editing option

 Selection Related Option

 View Option

 Photoshop Filters

 Photoshop Animations

 Photoshop Actions

 Creating Business cards

 Creating Business Brouchers

 Logo Designing

 Web Menus and Buttons

 Web Banners and Banner Ads

 Professional Web Template Designing ADOBE FLASH

 Introduction of Flash Software

 About Flash Designing and action script

 Flash Tools

 Selection Tools

 Color Filling Tools

 Text Tools

 Drawing Tools

 Other Tools

 Introduction to Animation, Time line and Frames

 Motion Tween Animation

 Shape Tween Animation

 Add motion guide Animation

 CW & CWW Presentation

 Flash Masking

 Advanced Masking Concepts in Flash

 About Flash Symbols

 Flash Buttons

 Flash Movie Clips

 Scene by Scene Presentation

 Frame by Frame Animation

 Working with Flash Filters

 Creating Real Time Useful Presentation with Flash

(3)

 Action Script Basic Introduction

 Useful Resources for Working in Flash HTML (HYPER TEXT MARK UP LANGUAGE)

 Introduction of Languages

 Version in HTML

 Rules and basic Syntax in HTML

 HTML Elements ,attributes and Values

 HTML Elements

 Formatting Elements

 Image related Elements

 Listing Elements

 Single Line Elements

 Anchor Tag

 Hyper Links

 Email Links

 Named Anchor Links

 I Frames

 Media Tags

 Stretcher Designing Tags

 Frames

 Tables

 Divs (table less designing)

 HTML Forms Methodology

 Form Related elements and attributes

 Meta Tags

 Linking external scripts to HTML document XHTML & HTML 5.0

 New in XHTML?

 Difference between HTML & XHTML

 XHTML Guidelines

 XHTML Doc types

 Tags Supported in XHTML

 New in HTML5.0

 Doc types of HTML5.0

 New Elements in 5.0

 Formatting Tags

 Video related Tags

 Form related Tags

(4)

 Other important Tags

 Design Stretcher Using HTML5.0 Elements

 Header

 Nav

 Sections

 Articles

 Aside

 Footer etc…

 Creating Flexible Layouts using HTML5.0

 Working with JavaScript related options in HTML5.0 CSS 2.0, 3.0 (Cascading Style Sheets)

 Basic Introduction to CSS

 Advantages with CSS in HTML documents

 Types of CSS

 Inline CSS

 Internal CSS

 External CSS

 Selectors in CSS

 Type Selector

 ID Selector

 Class Selector

 Nesting Selector

 Child Selector

 Attribute Selector

 Pseudo Selectors

 Pseudo ID’S

 Other useful Selectors

 CSS Basic Syntax

 CSS Properties

 Type Properties

 Background Properties

 Block Properties

 Border Properties

 Box Properties

 List Properties

 Positioning Properties

 Max height &width, Min height &width Properties

(5)

 Other Important Properties

 Useful Practical examples

 Controlling HTML elements

 Creating web buttons using css

 Creating menus using css(normal, drop down menus)

 Design layouts using CSS

 Styling Forms

 Designing complete website using HTML and CSS

 Introduction to CSS 3.0

 New in CSS 3.0

 New Selector in CSS 3.0

 New Properties in CSS 3.0

 Creating compatibility Layouts using CSS3.0

 Working with CSS Gradients

 CSS3.0 Drop Shadows

 CSS3.0 Multiple Backgrounds

 CSS3.0 Font Family

 CSS3.0 Rotations

 Other very useful CSS3.0 concepts DREAMWEAVER

 Basic Introduction on Dream weaver

 About Dream weaver works view

 Dream weaver privews & Device Central

 Code validation in Dream weaver

 Common Menu

 Anchor Links

 Images

 Hotspots

 Media related Option

 Meta Tags

 Layout

 AP Divs

 Tables

 Divs

 Frames and iframes

 Layout Modes

 Forms

 Form Tags

 Input Tags(text , radio, checkbox)

(6)

 Text area

 Select Menu

 Buttons(submit,reset,input)

 Fieldsets and Label

 Text

 Headings

 Formatting Tags (p, pre, etc…)

 Listings

 Special Symbols

 Spry

 Making Dropdown Menus

 Tabbed Panels

 Accordians

 Text Validation

 Text area Validations

 Checkbox Validations

 Dream weaver Advanced Options

 Extinctions in Dreamweaver

 Site root defining(Static, dynamic)

 Tag references

 Dreamweaver form validations

 Making Template files(DWT files)

 Other Useful Options JAVASCRIPT

 Introduction of JavaScript

 Types of JavaScript

 Comments in JavaScript

 JavaScript variables

 All types of variables

 Variables with strings

 Images

 Local and Global Variables

 JavaScript Operators

 Popups in JavaScript

 Alerts

 Prompt

 Confirm

(7)

 Condition Statement

 If

 Else if

 Nested if

 Else

 Return Statement

 JavaScript Functions

 Inbuilt Functions

 User defined Functions

 JavaScript Loops

 For loop

 While loop

 Do while loop

 JavaScript Events

 On mouse over

 On mouse down

 On load

 On unload

 On focus

 Double click etc…

 JavaScript Objectives

 Math Operators

 Creating own objects in JavaScript

 JavaScript Arrays

 Define array

 Other ways to create array

 Array properties and methods

 Real-time Useful concepts in JavaScript

 Creating simple dropdown menus

 Basic form validations

 Document related functions

 Simple slide show using JavaScript WEB HOSTING

 Introduction of Web Hosting

 Types of domains

 Hosting types

 Control panel management

 Creating Emails

 Making sub-domains

(8)

 Installing CMS

 Other useful options in Cpanel

 Using FTP Software’s

 Uploading & downloading files

 Site management

 Configure Domain names and Hosting panels

OTHER REAL TIME USEFUL CONCEPTS

 Using predefined templates from Photoshop

 PSD to XHMTL Conversion

 Implementing Dropdown menus

 Creating gallery's

 Creating slideshow effects

 Using default form validations

 Adding basic PHP forms in websites

 Creating fastest website for low budget clients RESOURCES PROVIDED FROM US

 All useful real-time techniques

 Predefined PSD templates

 Graphic related recourses

 Fonts

 Icons

 Brushes

 Patterns

 Shapes

 Styles

 Predefined css web templates

 JavaScript open source scripts (menus, slideshows etc…)

 Course study material in PDF format

 Every day running notes

 One live project

 By end of the course certificate

 Free Email support up to 2 months