Web Designing

Course Info

  • Category: IT Program
  • TRAINER: MR.ASHUTOSH
  • Duration: 2 Months.
  • Share Course:

Web Designing

Web Designing Course Syllabus


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)
• XHTML Validation

HTML5

• Introduction to HTML5
• Whats new in HTML5
• HTML5 DocType

New Structure Tags

• SECTION
• NAV
• ARTICLE
• ASIDE
• HEADER
• FOOTER
• New Form Tags
• Search
• tel
• url
• email
• number and range
• New Media Tags
• Audio Tag
• Video Tag
Designing a Layout using HTML5

Cascading Style Sheets (2.0): CSS

• 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
• Attribute Selector
• Query Selector
• Nesting of 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
• 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 (CSS 3.0)

• Introduction to CSS 3
• New CSS3 Properties
• CSS 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
• Benifits of Using Site
• Creating a Site for Static Project
• 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
• Headings Tag
• Content Tags
• Formating 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
• Common Compatibility Issues

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
•U seful Scripts for Projects

AJAX CONCEPTS

• 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
• Ajax Libraries
• Basics of JQuery
• Jquery Scripts
• Useful Ajax scripts in live projects

Live Website Design Project (100% Realtime 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 .