Tafrishaala

Web Designing Training

Learn Web Designing and grab the opportunities  to explore your skills with the help of our experts.

Course Description

Let us talk about Web Designing!

Are you passionate about creating stunning websites that attract audiences? Our web designing training is designed to turn your passion into a rewarding career. Whether you are beginner looking to start learning the basics to advance; or a professional designer seeking to upgrade your skills, then our platform, “Tafrishaala” is totally made for you. You can enhance your creativity and ideas in designing the website for our clients, or you can design it for your own business. We offer the best web design course in Noida, available in both modes, whether it’s online or offline. Join us and enjoy your web design journey with our support.

0 K

Hours of Work

0 +

Projects Done

0 %

Client Satisfaction

• Difference between HTML and XHTML.
• Why XHTML? not HTML.
• Understanding DOCTYPE.
• Understanding basic XHTML tags
• General form of a tag.
• HTML attributes.
• Basic text styling.
• HTML Heading.
• HTML Paragraph.
• HTML fonts.
• HTML colour codes.
• Hexadecimal colour coding.
• Working with table.
• Adding image to webpage.
• Working with Anchor, Image and Iframe tag.
• Working with HTML forms.
• Basic layout design using tables.
• Learning about the various deprecated tags in XHTML.

• Use of JavaScript.
• DHTML.
• JavaScript Popup boxes.
• JavaScript Events.
• Events handling.
• Manipulating DOM with JavaScript.
• JavaScript Operators.
• Control Structure.
• Writing functions.
• Tag and ID selector.
• JavaScript Objects.
• Making Lightbox with JavaScript.
• Making an image viewer with JavaScript
• Working with arrays.
• JavaScript Timers.
• Making JavaScript Image Slide Show
• JavaScript Date and Time Functions.
• JavaScript form validations using Regular Expression.
• Application of JavaScript

• Use of CSS.
• Three types of CSS.
• Basic CSS properties.
• Basic text styling using CSS.
• CSS Background Properties.
• CSS box model.
• Border.
• Padding.
• Margin.
• Tag selector, Id selector, Class selector, Attribute selectors.
• Grouping and Nesting of selectors.
• Pseudo classes and Pseudo elements.
• Working with DIV tags.
• Understanding DIV alignment, float and clear properties.
• Understanding CSS positions.
• Layout and template design (Building Table less websites).
• Creating Simple drop down menus.
• Fixing the compatibility issues is Various Browsers.

• Understanding CSS3.
• Using CSS3 advance Tag and Attributes selectors.
• Clearfix with CSS3.
• CSS3 Rounded Coners.
• CSS3 Box shadow properties.
• CSS3 Text Shadow properties.
• CSS3 Background Gradients.
• Making beautiful buttons using CSS3.
• CSS3 Transformations Properties.
• CSS3 Rotate , Translate, Skew, Scale properties.
• CSS3 transitions.
• CSS3 transitions delays.
• CSS3 transition functions.
• CSS3 keyframes.
• Creating animations Using Keyframes
• Animating webpages using CSS3.
• Mixing CSS3 and JQuery animations to create advance plugins.
• CSS3 Image slideshow.
• CSS3 Media Queries.
• Understanding Responsive Layouts.
• Making Basic Responsive Layout in CSS3 Media Query.
• Making Advance Website Template in CSS3 Media Query.

• What is HTML5?
• How is HTML5 different from XHTML.
• Drawbacks of XHTML.
• HTML5 future uses.
5 | P a g e
• Understanding HTML5 doctype.
• HTML5 Basic tags.
• HTML5 Advance Tags.
• Replacing XHTML Divs with HTML5 advance tags.
• Making a website template using HTML5.
• Fixing HTML5 compatibility issues in different browsers.
• HTML5 SHIV.
• Making HTML5 compatible in IE-8 and lesser using HTML5 SHIV.
• HTML5 custom data attributes.
• Holding custom data in HTML5 data attributes.
• Working with HTML5 data attributes and jQuery

• Downloading and Installing Bootstrap 3 framework.
• Understanding various Components of Bootstrap Framework.
• Working with Bootstrap Components :
o Navbar
o Menu
o Buttons
o Jumbotron
o Input groups
o Buttons
o Page Header
o Page Footer
o Forms
o Panels
• Making jQuery Slider in Bootstrap 3.
• Making Responsive GRID layout using Bootstrap GRID.
• Making a final Website Layout.

• JQuery syntax.
• JQuery selectors.
• Creating, inserting, and manipulating web page content.
• JQuery predefined functions.
• Understanding JQuery plugins.
• Using event ready handlers that work across browsers.
• Working with JQuery effects, such as showing, hiding, sliding and fading page elements.
• JQuery callback functions.
• Creating custom animations with specialized properties and options.
• JQuery events.
• Understanding Elements Hierarchy.
• Using the JQuery UI plug-in to give pages a polished look.
• Developing JQuery applications and Plugins (like Facebook and Twitter).

• Introduction to Adobe Photoshop
• Types of tools.
• Using Photoshop tools.
• Understanding Layers in Photoshop.
• Image gradient with Photoshop.
• Creating Custom effects.
• Merging two images in Photoshop.
• Removing and Changing backgrounds of Images.
• Making transparent backgrounds.
• Changing colour of images.
• Compressing images for use in websites.
• Image opacity.
• Creating animated banners (gif images).
• Developing Banners and Headers for websites

Register Now

Please enable JavaScript in your browser to complete this form.