Web Designing
- Introduction to Web Technologies
- Introduction to Web Technologies.
- Careers in Web Technologies.
- How the Website Works ?
- Client and Server Scripting Languages.
- Job Roles of Web Designer and Web Developer.
- Types of Websites (Static and Dynamic).
- Web Standards.
- W3C recommendations.
- Adobe Photoshop
- Introduction of Stock Photography.
- Types of Image Graphics.
- Vector Graphics and Tools.
- Scalar Graphics and Tools.
- Introduction to Adobe Photoshop.
- Interface Tour of Photoshop and Palletes.
- Color Modes and Resolution Options.
- File Types in Photoshop.
- Move Tool.
- Marque Tools.
- Lasso Tools.
- Quick Selection / Magic Wand.
- Crop / Slicing Tool.
- Image Manipulation Tools.
- Brushes.
- Patterns.
- Gradients.
- Pen Tool / Shape Tool.
- Text Tool.
- Layers, Grouping and Smart Objects.
- Image Adjustments.
- Layer Masking, Layer Clipping.
- Using Blending Options to create unique effects.
- Analysis Menu.
- View Menu / Window Menu.
- Filter Effects.
- Photoshop Actions.
- Automation Tools.
- Animation using Photoshop.
- Brochure Designing and PDF Output.
- Designing a Logo.
- Creating a Business Card.
- Design Banners for Website.
- Realtime Website Layout Design.
- Whats new in PS CS 6.0.
- Hyper Text Markup Language (HTML 4.01)
- What is Markup Language.
- Basic Structure of HTML.
- Head Section and Elements of Head.
- Meta Tags.
- HTML Structure Tags
- Table Tag.
- Div Tag.
- Frames.
- Content / Media Tags
- Headings, Paragraph, Span, Pre Tags.
- Anchor Links and Named Anchors.
- Image Tags / Image Hot Spots.
- Object Tag / Iframe Tags.
- Working with Forms
- Form Functionality Logic.
- Form Tag.
- POST and GET Method.
- Encoding Type.
- Text Input and Password.
- Hidden Fields.
- Checkbox and Radio Button.
- Text Area.
- Select Option, Option Group and Menu.
- File Upload and Multiple Files.
- Button, Image, Submit and Reset Buttons.
- Relation between HTML Form and PHP.
- Creating a Live Website Form.
- Cascading Style Sheets (CSS 2.1)
- Introduction to Cascading Style Sheets
- Types of Style Sheets
- Inline, Internal and External
- CSS for Website Layout and Print Layout
- Types of CSS Selectors
- Universal Selector
- Type Selector
- Class Selector
- ID Selector
- Child Selector
- Descendant Selector
- Adjacent Sibling Selector
- Child Combinator
- :before and :after selector
- first-line and first-letter
- :Hover, :Visited and :Active
- Grouped Selectors
- CSS properties
- Type Properties
- Background Properties
- Block Properties
- Box Model Properties
- List Properties
- Border Properties
- Positioning Propeties
- Properties useful in Realtime Designing
- Using CSS for Realtime Practical Works
- Defining the Text Styles
- Defining the Background Styles
- CSS Menus (Horizontal, Vertical and Drop Down)
- Custom Form Designing
- DIV + CSS Layout Design
- PSD to CSS Conversion
- CSS Optimization Tips
- HTML 5
- Introduction to HTML5
- Whats new in HTML5
- HTML5 DocType
- JS and CSS Tags
- New Structure Tags
- Section
- Article
- Nav
- Aside
- Header
- Hgroup
- Footer
- New Form Tags
- Form validation and Placeholder
- search
- tel
- url
- date, datetime and month
- number and range
- New Media Tags
- Audio Tag
- Video Tag
- Designing a Layout using HTML5
- CSS 3
- Introduction to CSS 3
- New CSS3 Properties
- Rounded Corners
- Border Images
- Border Shadows
- CSS Gradients
- CSS Background properties
- Text-Shadow Property
- Text-Stroke Property
- Using CSS3 in Practical Layout
- Adobe Dreamweaver
- Introduction to Adobe Dreamweaver
- Dreamweaver Interface Basics
- Type of Views
- Defining a Dreamweaver site
- Benefits of Using Site
- Creating a Site for Static Project
- Creating a Site for PHP Project
- Standard Tool Bar
- Multiple Browser Output
- Device Central and Mobile Sites
- Common Tool Bar
- Anchor Links / Email Links / Named Anchors
- Insert Table
- Insert Divs
- Inserting Images / Image Hot Spots
- Inserting Flash / Video
- Meta Tags
- Script Tags
- Layout Tool Bar
- Inserting Divs
- Inserting Tables
- Working with IFrames
- Spry Elements
- Spry Menu Bar
- Tabbed Panels
- Accordions
- Collapsible Divs
- Forms in Dreamweaver
- Form Tag
- Fieldset and Label Tag
- Input Tags (Hidden, Text, Checkbox, Radio)
- Select Tag / List Tag / Opt Group
- File Type / Encoding
- Text Area
- Buttons (Submit, Button, Image and Reset)
- Dreamweaver Advanced Concepts
- Spry Form Validations
- Snippets Creation
- FTP Client in DW
- Dreamweaver Extensions
- Template Design in Dreamweaver
- Importing a website design
- Setting the Editable and Non-Editable Regions
- Defining the DWT for project.
- Attaching a Template
- Detaching the Template / Modifying the Template
- Validating the XHTML & CSS
- Common Compatibility Issues
- Java Script and Jquery
- Introduction to Client Side Scripting
- Introduction to Java Script
- Types of JS
- Variables in JS
- JOperators in JS
- Conditions Statements (If, If Else, Switch)
- Java Script Loops
- JS Popup Boxes (Alert, Prompt, Confirm)
- JS Events
- Onload, Onunload and Onsubmit
- OnFocus, Onchange and Onblur
- Onmouseover and Onmouseout
- Onclick, Ondbclick Events
- JS Arrays
- Working with Arrays
- JS Objects
- JS Functions
- Using Java Script in Realtime
- Validation of Forms
- DropDown Menus
- Slide Show Effects in Js
- Date / Calendar Integration
- Useful Scripts for Projects
- AJAX CONCEPTS
- Ajax Libraries
- Basics of JQuery
- Jquery Scripts
- Useful Ajax scripts in live projects
- Adobe Flash
- Introduction to Animation
- Introduction to Adobe Flash
- Tools in Adobe Flash
- Timeline
- Shape Tween
- Motion Tween
- Frame Animation
- Various Flash Effects
- Creating Flash Banners
- Creating Flash Intro's
- Creating Flash Website
- Basics of Action Scripting
- Web Hosting
- Web Hosting Basics
- Types of Hosting Packages
- Registering domains
- Defining Name Servers
- Using Control Panel
- Creating Emails in Cpanel
- Using FTP Client
- Maintaining a Website
- SEO Basics
- Basics of SEO
- Importance of SEO
- Onpage Optimization Basics
- Implementation with Live Examples
- Live Project Implementation
- Client Requirement Analysis
- Designing a Professional Photoshop Template
- Conversion of PSD to CSS
- Adding Menu System to Project
- Slideshow Integration
- Implementing Gallery Script
- Adding the Contact Form
- Form validations using JS
- Writing the Mail Function in form with PHP
- Manual Website Testing