Web Design Program

HTML 5 is a revision of the Hypertext Markup Language (HTML), the standard programming language for describing the contents and appearance of Web pages.HTML5 was developed to solve compatibility problems that affect the current standard, HTML4. One of the biggest differences between HTML5 and previous versions of the standard is that older versions of HTML require proprietary plugins and APIs. (This is why a Web page that was built and tested in one browser may not load correctly in another browser.) HTML5 provides one common interface to make loading elements easier. For example, there is no need to install a Flash plugin in HTML5 because the element will run by itself.One of the design goals for HTML5 is to support for multimedia on mobile devices. New syntactic features were introduced to support this, such as video, audio and canvas tags.

Duration : 40 Hrs. Eligibility : Fresher 10th/10+2/Graduate

INTRODUCTION

LAYING OUT A PAGE WITH HTML5

• Page Structure
• New HTML5 Structural Tags
• Page Simplification

HTML5 – HOW WE GOT HERE

• The Problems HTML 4 Addresses
• The Problems XHTML Addresses
• The New More Flexible Approach of HTML5 – Paving the Cowpaths New Features of HTML5
• The HTML5 Spec(s)
• Current State of Browser Support

SECTIONS AND ARTICLES

• The section Tag
• The article Tag
• Outlining
• Accessibility

HTML5 AUDIO AND VIDEO

• Supported Media Types
• The audio Element
• The video Element
• Accessibility
• Scripting Media Elements
• Dealing with Non-Supporting Browsers

HTML5 FORMS

• Modernizr
• New Input Types

HTML5 NEW FORM ATTRIBUTES

• Autocomplete
• Novalidate

HTML5 NEW FORM FIELD ATTRIBUTES

• Required
• Placeholder
• Autofocus
• Autocomplete
• Form
• Pattern

NEW FORM ELEMENTS

• Datalist
• Progress and meter

HTML5 WEB STORAGE

• Overview of HTML5 Web Storage
• Web Storage
• Other Storage Methods

HTML5 CANVAS

• Getting Started with Canvas
• Drawing Lines
• Color and Transparency
• Rectangles
• Circles and Arcs
• Quadratic and Bezier Curves
• Images
• Text

INTEGRATED APIS

• Offline Application API
• Drag and Drop API

PROJECT

• Create Static Web Site

Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language.With CSS, designers and users can create style sheets that define how different elements, such as headers and links, appear. These style sheets can then be applied to any Web page. The term cascading derives from the fact that multiple style sheets can be applied to the same Web page. CSS was developed by the W3C.CSS gives more control over the appearance of a Web page to the page creator than to the browser designer or the viewer.

Duration : 30 Hrs. Eligibility : Fresher 10th/10+2/Graduate with HTML Skill

Introduction to CSS 3

• Basic CSS3 Selectors Advanced CSS3 Selectors
• Border Image
• Box Shadow
• Text-Shadow Property
• Text-Stroke Property Multiple Backgrounds
• Column Rules
• Background Origin
• Background Resize
• CSS Gradientsn Column Rules Opacity Transitions Transform
• Animations
• Using CSS3 in Practical Layout
• Project Create Website with CSS Animation

JavaScript is an interpreted programming or script language from Netscape. It is somewhat similar in capability to Microsoft’sVisual Basic, Sun’s Tcl, the UNIX-derived Perl, and IBM’s REXX. In general, script languages are easier and faster to code in than the more structured and compiled languages such as C and C++. Script languages generally take longer to process than compiled languages, but are very useful for shorter programs. JavaScript is used in Web site development to do such things as Automatically change a formatted date on a Web page, Cause a linked-to page to appear in a popup window, Cause text or a graphic image to change during a mouse rollover etc.

Duration : 20 Hrs. Eligibility : Fresher 10th/10+2/Graduate with HTML/CSS Skill

Introduction to Client Side Scripting Introduction to Java Script

• Javascript Types Variables in JS
• Operators in JS
• Conditions Statements
• Java Script Loops JS Popup Boxes
• JS Events
• JS Arrays
• Working with Arrays
• JS Objects JS Functions Using Java Scriptin Realtime
• Validation of Forms
• Related Examples

jQuery is a concise and fast JavaScript library that can be used to simplify event handling, HTML document traversing, Ajax interactions and animation for speedy website development. jQuery simplifies the HTML’s client-side scripting, thus simplifying Web 2.0 applications development.jQuery is a free, open-source and dual-licensed library under the GNU General Public License. It is considered one of the favorite JavaScript (JS) libraries available today. As of 2012, it is used by more than half of the Web’s top sites. To implement jQuery, a web developer simply needs to reference the jQuery JavaScript file within the HTML of a webpage. Some websites host their own local copy of jQuery, while others simply reference the library hosted by Google or the jQuery server.

Duration : 20 Hrs. Eligibility : Fresher 10th/10+2/Graduate with HTML/CSS Skill

Introduction to jQuery

• jQuery Features
• Installing jQuery
• jQuery Syntax
• jQuery Ready Function
• jQuery Selectors
• jQuery Actions
• jQuery Custom Functionality
• jQuery Libraries
• jQuery Validation
• jQuery Slideshow
• jQuery Dropdownn jQuery UI
• Working with jQueryUIn jQuery Accordions
• jQuery Tabs
• jQuery Tooltips
• jQuery Autocomplete

Every web developer should know how to properly code a responsive website. Bootstrap 3 is an ultimate framework that learns you how to think when coding responsive websites and makes their creation much easier and faster. When I was learning Bootstrap 3, I was looking for a simple list of basic Bootstrap 3 classes with description and there were none – only a few lists for Bootstrap 2, without any description, therefore pretty useless for my intentions. So I created this list of Bootstrap 3 CSS classes with so much desired description – I hope it’s comprehensive. Keep in mind that it’s not a documentation, it’s just a quick hint to help you understand the meaning of each mentioned class.

Duration : 30 Hrs. Eligibility : Fresher 10th/10+2/Graduate with HTML/CSS Skill

• Bootstrap Scaffolding
• Bootstrap CSS
• Bootstrap Layout Components
• Bootstrap JavaScript Plugins
• Using Bootstrap