web designing syllabus

`

5 Years of Excellence in Training and Development

Call us on 9052425444 for Free Demo

Web Trainings Academy

Web Trainings Academy is professional web training institute, specialized in Web Technologies, software technologies and internet marketing training. We deliver classroom, online, weekends and corporate training. We have passion of sharing knowledge to students and provide training in real time standards.

Our web designing syllabus is prepared by expert website designer with 8+ yrs of experience in web designing and web development. We teach all the concepts of web designing with complete live implementation.

About our Web Designing Program

#1 Professional Web Designing Course in Hyderabad

Our Web Designing Course content is created and updated by experiened web designers to match the present standards of web technologies. In our program we teach all the aspects of layout designing, coding and testing. Our commitment is to make you a professional web designer. You must give 100% dedication and commitment in learning the subject and implementing the subject. We train students, professionals who are serious about making web designing as a career. Our Web Designing trainers have many years of experience in website designing and worked on many projects. Our Course will be very affordable and our institute will be student friendly.

Web Designing Syllabus 1. Introduction to Web Technologies 2. Adobe Photoshop 3. HTML 4.01 4. XHTML 1.1 5. HTML 5 6. CSS 2.1 7. CSS 3.0 8. Adobe Flash 9. Adobe Dreamweaver 10. Web Hosting 11. Testing 12. Live Project

`



Introduction to Web Technologies Introduction to Web Technologies Careers in Web Technologies and Job Roles How the Website Works? Client and Server Scripting Languages Difference between a Web Designer and Web

Developer Types of Websites (Static and Dynamic Websites) Web Standards and W3C recommendations

Hyper Text Markup Language (HTML 4.01)

What is Markup Language Basic Structure of HTML Head Section and Elements of Head Section Meta Tags External Link Tags HTML Structure Tags

Table Tag Div Tag Frames

Content / Media Tags

Header Tags Paragraph, Span, Pre Tags Anchor Links and Named Anchors Image Tags / Image Hot Spots Object Tag Iframe Tags

Working with Forms

Form Tag POST and GET Method Text Input, Text Area, Checkbox, Image Input and

Radio Select Option, Option Group File Upload and Hidden Fields Submit Button, Reset Button Relation between HTML Form and PHP Creating a Live Website Form

XHTML 1.1

What is XHTML

Difference between HTML & XHTML

XHTML Basics

Introduction to Doc Types

Strict, Transitional and Mobile Doc Types

XHTML Validation

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 Using Photoshop Tools with Realtime Examples

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

Working with Layers, Grouping and Smart Objects

Image Adjustments Layer Masking, Layer Clipping Using Blending Options to create unique effects View Menu / Window Menu Filter Effects Photoshop Actions Automation Tools Animation using Photoshop Generating PDF Output Design Banners for Website Realtime Website Layout Design

HTML5 ...Continued from CSS2.0

`



Introduction to HTML5 Whats new in HTML5 Features of HTML5 HTML5 DocType New Structure Tags

SECTION NAV ARTICLE ASIDE HEADER FOOTER

Designing a HTML Structure of Page New Form Tags

Introduction to Forms Field Validation Placeholder email tel url number date range

New Media Tags Audio Tag Video Tag

Examples of Form Examples of HTML 5 Features

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 Designing a Menu System (Horizontal, Vertical and Drop

Down) Custom Form Designing DIV + CSS Layout Design PSD to CSS Conversion

CSS Optimization Tips

Cascading Style Sheets (2.0)

Introduction to Cascading Style Sheets Types of Style Sheets (In line, 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 Attribute Selector Query Selector Nesting of Selectors Group selectors

Cascading Style Sheets (CSS 3.0)

Introduction to CSS 3 New CSS 3 Selectors New CSS3 Properties CSS Rounded Corners Border Images Border Shadows CSS Gradients CSS Background properties Multiple Backgrounds Opacity Property Transition Effects Transform Effect Text-Shadow Property Text-Stroke Property Using CSS3 in Practical Layout Examples of CSS3

`



Adobe Dreamweaver Introduction to Adobe Dreamweaver Dreamweaver Interface Basics Type of Views Defining a Dreamweaver site

o Benefits of Using Site o Creating a Site for Static Project o Creating a Site for PHP Project

Standard Tool Bar Setting the Dreamweaver for 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 Frames Working with IFrames

Text Tags 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, Image) Select Tag / List Tag / Opt Group Buttons (Submit and Reset) File Type / Encoding Type Sending Mail using PHP

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. Detaching the Template / Modifying the Template Validating the XHTML & CSS / Compatibility

Java Script

Introduction to Client Side Scripting Introduction to Java Script JavaScript Types Variables in JS Operators in JS Conditions Statements (If, If Else, Switch) Java Script Loops (For Loop, While Loop, Do While

Loop) JS Popup Boxes (Alert, Prompt, Confirm) JS Events

Onload, Onunload, Onsubmit, OnFocus, Onchange Event, Onblur Event, Onmouseover, 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 Shape Tween and 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 Concepts

Basics of SEO Importance of SEO Onpage Optimization Basics

Live Website Design Project

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

Web Design Resources and Value Added Services

Graphics (Icon, Buttons, Backgrounds) Photoshop (Brushes, Patterns, Textures, Styles,

Gradients, Actions) PSD Templates Study Material in PDF Daily Notes All class examples files on our server space for easy

access. Professional CSS Templates Professional Flash Templates 100 Stock Photos for Website Work Java Scripts (Date, Slideshow, Dropdowns, Modal

and Ajax Scripts) 100% Job Assistance till you get placed. Live Project in course Course Certificate Email Support for 3 Months

Web Trainings Academy

Opposite BAJAJ ELECTRONICS, After Mosque 1st Left, Unity Homes , 101, Punjagutta Main Road,

Mobile: +91-9052425444 | www.webtrainings.in | [email protected]

Slow Track: 60 Days

Fast Track: 30 Days

Details of Course

web designing syllabus

Documents