Web Design

Bootstrap
Web Design

Simple Webpage Design using Bootstrap

Bootstrap is a popular framework now for designing responsive website. How you can design a very simple webpage using bootstrap as a beginner is shown in this tutorial. Steps: 1. Create a folder named “bootstrap project” and keep the following files in the folder. Jquery.js bootstrap.min.css bootstrap.min.js 2. Create a html file add the link […]

Read More
Javascript
Web Design

How to use conditional statement in JavaScript

Conditional statement Conditional statement is an essential part of any programming language. It is used to execute one or more statements based on particular condition. Each condition works on a Boolean value that can be true or false. Like other programming languages, if, else if, else and switch statements are used in JavaScript to perform […]

Read More
CSS
Web Design

How to create Dropdown Menu using Html and CSS

HTML list can be used to create any menu by using CSS code. How you can create a transparent drop-down menu using CSS is shown in this tutorial. Flow the steps properly to create the menu. Steps: 1. Add the following code in the body section to design a menu by using unordered list. <ul […]

Read More
HTML
Javascript
Web Design

Simple form validation using HTML and JavaScript

Form validation is an essential part of any type of web project. JavaScript is a good choice to validate any form before submit because it doesn’t reload the page. This tutorial will help the reader to learn the basic form validation by using JavaScript. Follow the following steps to complete the tutorial. Steps: 1. Create […]

Read More
Javascript
Web Design

Captcha implementation using Javascript

This tutorials shows a very simple way of developing captcha by using html and javascript code. You have to create some images with png extension that contains some characters without any order to test the following code. Steps: 1. Create some images for using as captcha text. 2. Create a html file named captcha.html  and […]

Read More
Bootstrap
Web Design

Responsive Website Design using Bootstrap

Steps: Create Link for all necessary css and js files. <link href=”bootstrap.min.css” rel=”stylesheet”> <link href=”fonts.css” rel=”stylesheet”> <link href=”style.css” rel=”stylesheet”> <script src=”jquery.js”></script> <script src=”bootstrap.min.js”></script> You can get the script for fonts.css and style.css files from the following link. Fonts.css Style.css 2. Create the top menu <div class=”navbar navbar-fixed-top” role=”navigation” style=”background-color:white”> <div class=”container”> <div class=”navbar-header”> <button type=”button” […]

Read More