Web Designing HTML Tutorial CSS Tutorial JavaScript Tutorial Jquery Tutorial HTML5 Tutorial CSS3 Tutorial Bootstrap Tutorial PSD to HTML Conversion

Web Designing Tutorial

Web Designing or Website Designing is the process of building and maintaining websites. This includes different aspects like, website wireframe, website layout, color combinations, fonts, graphic design, webpage interactions etc. All websites on WWW are designed by Web Designer. A Web Designer build frontend or User Interface part of a website. Front End includes writing mark up, stylesheet, images, animated content, and the layout Design.

Web Designing tutorial

In this, we'll cover core technologies, like HTML, CSS and JavaScript used to build a website. We'll also cover Advance technologies like JavaScript, JQuery, HTML5, CSS3, and Bootstrap to build beautiful, Interactive and responsive ( mobile friendly ) websites with good performance on both Desktop and Mobile Devices. This Tutorial is meant for begineers, and professionals.
As per Forbes survey in 2016, Front End Development is the 7th most paid job in IT Sector. An experienced front-end developer can earn upto $90,000 PM.

To learn web designing, we need a code editor and a browser. A Code Editor is used to write code, and browser is used to view live webpage. Some Famous code editors are notepad++, brackets, dreamweaver, sublime text , atom etc. You can use any one of them. Except Dreamweaver, all are open source.

Web Designing Course Content

Language Full Form/details Uses
HTML Hypertext Markup Language To Create Web Page Structure. HTML Tutorial
CSS Cascading Style Sheet To style a webpage. CSS Tutorial
Photoshop Image Editor To create and edit images for a webpage
Javascript Client Side Scripting To validate form data, handle events, Add dynamic content, and to add functionality. Javascript Tutorial
JQuery Javascript Library Interactive Webpage with less coding, ajax interaction, DOM Manipulation etc. JQuery Tutorial
HTML-5 Latest Version of HTML To create semantic webpage with new tags, media objects, geolocation, web storage and web accessibility. HTML5 Tutorial
CSS-3 Latest Version Cascading Style Sheet language. To style a webpage with new properties, new selectors and to build Responsive Website. CSS3 Tutorial
Bootstrap Popular Front-end Framework Bootstrap or Twitter Bootstrap is HTML5 Based and Responsive framework used to build responsive websites quickly. Bootstrap Tutorial
UI Testing To test User Interface. To test user interface on Touch and Touch devices, Cross Browser issues, w3c validation and Device testing.
SEO Techniques Search Engine Optimisation To bring your website on google search, and other search engine. To create sitemap, and how to use google webmaster and google analytics tools to improve website search visibility.

Who can learn Web Designing

If you have just basic knowledge of computers, you can learn Web Designing. Even Programming Fundamentals are not required to learn Web Designing.

Web Designing Tutorials

To Design a webpage, we use three technologies or languages. W3C is the organization who works to develop web standards, lead by Tim Berners-Lee, the inventor of HTML. In this Tutorial, we'll cover all aspects for designing a website.

Web Technologies

  • HTML structural layer of a website, used to create content.
  • CSS presentational layer of a website, used to style html.
  • Javascript functional layer of a website, used to add functionalities.


Hypertext Markup Language or HTML is the most commonly used language on Web. It is used to create structure of a Web Page. It is also known as Building Block of a webpage. HTML is Browser interpreted, thus no need of any compiler. HTML Tutorial

HTML Course content

  • HTML Tutorial
  • HTML Block and Inline Elements
  • Doctypes in HTML
  • HTML Tags
  • HTML Attributes
  • HTML Headings
  • HTML Image
  • HTML Lists
  • HTML Form
  • HTML Tables
  • HTML frames
  • HTML Marquee
  • HTML Entities
  • Anchor Tag
  • Extensible Hypertext Markup Language
  • Dynamic Hypertext Markup Language


Cascading Stylesheet or CSS is style sheet language of web. Started in 1994, CSS gives style to html pages. As HTML gives Structure to a webpage, css gives style, thus enhance appearance of our html content.

CSS Course content

  • CSS tutorial
  • CSS Selectors
  • CSS Color Codes
  • CSS For Text
  • CSS Font Properties
  • CSS Box Model
  • CSS Background Properties
  • CSS Float and Clear Properties
  • Pseudo Class & Pseudo Elements
  • Navigation Menu
  • Div Based Fixed Layout
  • CSS Display Property
  • Fixed Vs Liquid Layouts
  • CSS Positions
  • CSS Dropdown Menu


JavaScript is Prototype based, client side scripting Language of web with first class functions. Started by Netscape in 1995, it is used to create Dynamic Web pages. Javascript is browser interpreted like html, css. HTML is static language, but Javascript is dynamic. JS can interact with the user ,create events, manipulate DOM, create interaction and validate form data.

Javascript Course Content

  • Javascript Tutorial
  • Javascript Variables
  • Javascript Strings
  • Javascript Numbers
  • Javascript Operators
  • Document Object Model
  • Javascript Events
  • Javascript Functions


JQuery is the most popular Javascript Library. Started in 2006, It has wide range of application, can create animations, transitions easily unlike javascript. Today more than 80% websites use JQuery. It is Light-weighted and easy to use.

Jquery Course Content

  • JQuery Tutorial
  • JQuery Download
  • JQuery Selectors
  • JQuery show hide
  • JQuery slideUp slideDown
  • JQuery fadeOut fadeIn


HTML5, the latest version of HTML. It is a combination of HTML, CSS and JavaScript. Started in 2009, HTML5 is the latest and smartest version of HTML.

HTML5 Course Content

  • HTML5 Tutorial
  • HTML5 New Tags and Elements
  • HTML5 Attributes
  • HTML5 Vs HTML4 Compatibility.
  • HTML5 Audio and Video.
  • HTML5 Form.
  • HTML5 SVG.
  • HTML5 Canvas.
  • HTML5 Geolocation.
  • Local & Session Storage.


CSS3 is the latest version of CSS, the stylesheet language of web with new selectors, shadows, multiple backgrounds, gradients, transition, animations, embedded fonts and Responsive layouts.

CSS3 Course Content

  • CSS3 Tutorial
  • CSS3 Selectors
  • Border Radius
  • Box Shadow
  • Text Shadow
  • Box Sizing
  • CSS-3 Opacity
  • RGBA, HSL and HSLA Colors
  • CSS3 Gradients
  • CSS3 Backgrounds
  • CSS3 Transition


Bootstrap is a HTML, CSS, and JS framework created by Twitter to make HTML-5 based Responsive websites. Bootstrap is open source and easy to learn.

  • Bootstrap Tutorial