Wt Record Part 1

7/30/2019 Wt Record Part 1

1/39

Ex.No:1

Date :

CREATION OF STUDENT PROFILES USING HTML TAGS

AIM:

To develop a webpage to enter the student profiles.

ALGORITHM:

Step1: start the program

Step 2: using html tags, create table to enter the student profile

Step3: For each row of the table, enter the data using such that create student

name,fathers name,address and e-mail,etc..

Step 4:Using we have to enter the qualification of the students.

Step 5:Using radio button,we have to choose the entertainment and software

exposure of the student.

Step 6:Using , we have to create a declare text to type the text.

Step 7:Execute the web page in Internet explorer


2/39

PROGRAM :

Resume page

PROFILE

Name:

Father Name:

Mother Name:

Date Of Birth:


3/39

Marital Status:

Communication:

Gender:

Male:Female:

Educational Qualifications

Name of the Deg.name of the degreeName of the

InstistutionYear of PassGradeSpecialization

SSLC:

HSC:


4/39

D.C.Tech:

M.C.A:

M.E:


5/39

Software Exposure

OS:


6/39

Date:

Place:


7/39

OUTPUT :


8/39

RESULT:

Thus the web page for student profile has been created.


9/39

EX.No:2

DATE :

DEVELOPING WEB SITE USING INTERNAL AND EXTERNAL CSS ALONG WITH

HTML PAGES.

AIM:

To develop a web site application using various html tags, forms, attributes, css

properties.

ALGORITHM:

Step 1: Start the program.

Step 2: Using html tags create a main page .

Step 3: Using link tags, open the various pages which links with the main page.

Step 4: Using img tag, place the pictures in web page, wherever it is needed.

Step 5: Using css properties create the link pages.

Step 6: Enter the details in link pages using html tags.

Step 7: Run the home page and click the link pages to view the details.

Step 8: Stop the program.


10/39

PROGRAM:

home.html

Home Page


11/39

Your interesting Air Travel

Curabitur mi nibh, cursus vel, laoreet

sit amet, aliquet sit amet, justo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean vel magna. Nunc

accumsan nulla. Nunc feugiat cursus lorem. Cras turpis.

Curabitur vel velit. Curabitur mi nibh, cursus vel, laoreet sit amet, aliquet sit amet, justo.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque id nibh. Sed risus.Fusce quis velit eu felis vestibulum sceleris- que. Nam lectus dolor, interdum at, mollis et,vehicula ut, sem.

Latest News Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean vel

magna. Nunc accumsan nulla. Curabitur mi nibh, cursus vel, laoreet sit

amet, aliquet sit amet, justo. Lorem ipsum dolor.Curabitur mi nibh, cursus vel, laoreet.

USERNAME


12/39

PASSWORD

Hot Tours

Dolor sit amet, consectetuer adipis

Aliquam erat

volutpat. Nulla id orci.

Phasellus

congue justo quis leo.

sed urna

imperdiet suscipit.


14/39


15/39

About us

To render adequate, efficient, safe and economical air services Best airlines began itsoperation on 1st August, 2000 following the enactment of Air Corporations Act 2000.Today, Best Airlines, together with its fully owned subsidiary Alliance Air, has a fleet of 70aircrafts. Since its very inception Indian Airlines has been setting standards for civilaviation. With many first in its credit, Indian Airlines has been feeding both the lavish andeconomical requirements of passengers across the globe. Over the years, Indian Airline hasturned out to be synonymous with service, reliability and efficiency. Best Airlines'

network covers Singapore in the East and Kuwait in the west and connects 18 destinationsabroad. It's international network spans Oman, Kuwait, UAE, Qatar and Bahrain in WestAsia; Singapore, Thailand, Malaysia and Mayanmar in South East Asia and Afghanistan,Pakistan, Nepal, Bangladesh, Sri Lanka and Maldives in the South Asia sub-continent. Witha staff of over 500 thousand, Indian Airlines offers services which are simply exemplary andquite unmatched.

Business to Consumer Solutions

Internet Banking Solutions

Intranet Workflow Solutions

E-Governance Solutions

Corporate Wide E-Mail Infrastructure

Internet/Intranet Security Solutions Dynamic Web Design and Consultancy

Domain Name Registration

Key Name Registration

Web Sever Co-location Solutions

Call center Solutions

Company Wide Internet Connectivity

Web Hosting solutions

Shared Hosting Services


17/39

Booking.Html

Home Page


18/39

Ticket Booking

Departure Arriaval

From

Chennai Delhi

Kolkata bangalore

London Mumbai

Singapore muscat

To

Chennai Delhi

Kolkata bangalore

London Mumbai

Singapore muscat


19/39

Date

Adult 1

2 3

4 5

6 7

8

Child

1 2

3 4

5 6

7 8

Pay by Bank

Indian bank State bank

ICICI BANK HDFC BANK

AXIS BANK IDBI Bank

Indian overseas Bank CITY BANK

Amount


21/39


22/39

Email Supporting

Use the form below to get in touch with us in connection with the travel related queries.

Name

email ID

subject

Delhi

mumbai

chennai

kolkata

bangalore

covaisingapure

muscat

location


23/39

reservation

product and services

complients and compliments

fares and tickets

frequently flyer

feedback

others

>

Descrption


25/39

OUTPUT :


26/39


27/39

RESULT:

Thus the website has been developed successfully.


28/39

EX.No: 3a

Date :

CLIENT SIDE PROGRAMMING JAVASCRIPT FOR DISPLAYING DATE ANDCOMPARING TWO DATES

AIM:

To validate the student profile using JavaScript.

ALGORITHM:

Step 1: start the program.

Step 2: Design a home page student profile using different html tags, forms and attributes.

Step 3: Using JavaScript, we validate whether the text and other text fields are empty or to be

filled.

Step 4: Check whether the checkbox has been already checked or not.

Step 5: Check whether the radio button has been already checked or not.

Step 6: Check whether the nick name is used as a password or not.

Step 7: Validate the date of birth that should be in date format(dd-mm-yy) or not.

Step 8: Allow the age field size should be two and only be the numbers.

Step 9: In the name field, ensure that it should allow only the capital letters.

Step 10: Check that the password field contains only the 8 characters.

Step 11: Execute the program in Internet explorer.


PROGRAM:


29/39

Compare Dates

function CompareDates()

{

var str1 = document.getElementById("Fromdate").value;

var str2 = document.getElementById("Todate").value;

var dt1 = parseInt(str1.substring(0,2),10);

var mon1 = parseInt(str1.substring(3,5),10);

var yr1 = parseInt(str1.substring(6,10),10);

var dt2 = parseInt(str2.substring(0,2),10);

var mon2 = parseInt(str2.substring(3,5),10);

var yr2 = parseInt(str2.substring(6,10),10);

var date1 = new Date(yr1, mon1, dt1);

var date2 = new Date(yr2, mon2, dt2);

if(date2 < date1)

{

alert("To date cannot be greater than from date");

return false;

}

else

{

alert("Submitting ...");

document.form1.submit();

}

}


30/39

Date Comparison

OUTPUT:


31/39


32/39

RESULT:

Thus the program for JavaScript for displaying date and comparing two Dates has

been successfully compiled and executed.

EX.NO: 3b

DATE:


33/39

FORM VALIDATION INCLUDING TEXTFIELD, RADIO BUTTONS, CHECKBOXES,

LISTBOX AND OTHER CONTROLS

AIM:

To validate the student profile using JavaScript.

ALGORITHM:

Step 1: start the program.

Step 2: Design a home page student profile using different html tags, forms and attributes.

Step 3: Using JavaScript, we validate whether the text and other text fields are empty or to be

filled.

Step 4: Check whether the checkbox has been already checked or not.

Step 5: Check whether the radio button has been already checked or not.

Step 6: Check whether the nick name is used as a password or not.

Step 7: Validate the date of birth that should be in date format (dd-mm-yy) or not.

Step 8: Allow the age field size should be two and only be the numbers.

Step 9: In the name field, ensure that it should allow only the capital letters.

Step 10: Check that the password field contains only the 8 characters.

Step 11: Execute the program in Internet explorer.



34/39

PROGRAM :

from validation function checkEmail (strng) {

var error="";

if (strng == "") {

error = "You didn't enter an email address.\n";

}

var emailFilter=/^.+@.+\..{2,3}$/;if (!(emailFilter.test(strng))) {

error = "Please enter a valid email address.\n";

}

else {

//test email for illegal characters

var illegalChars= /[\\,\;\:\\\"\[\]]/

if (strng.match(illegalChars)) {

error = "The email address contains illegal characters.\n";

}

}

return error;

}

// phone number - strip out delimiters and check for 10 digits

function checkPhone (strng) {

var error = "";

if (strng == "") {

error = "You didn't enter a phone number.\n";

}


35/39

var stripped = strng.replace(/[\.\-\ ]/g, ''); //strip out acceptable non-numeric characters

if (isNaN(parseInt(stripped))) {

error = "The phone number contains illegal characters.";

}

if (!(stripped.length == 10)) {

error = "The phone number is the wrong length. Make sure you included an area

code.\n";

}

return error;

}

// password - between 6-8 chars, uppercase, lowercase, and numeral

function checkPassword (strng) {

var error = "";

if (strng == "") {

error = "You didn't enter a password.\n";

}

var illegalChars = /[\W_]/; // allow only letters and numbers

if ((strng.length < 6) || (strng.length > 8)) {

error = "The password is the wrong length.\n";

}

else if (illegalChars.test(strng)) {

error = "The password contains illegal characters.\n";

}

else if (!((strng.search(/(a-z)+/)) && (strng.search(/(A-Z)+/)) && (strng.search(/(0-9)+/))))

{

error = "The password must contain at least one uppercase letter, one lowercase letter,

and one numeral.\n";

}


36/39

return error;

}

// username - 4-10 chars, uc, lc, and underscore only.

function checkUsername (strng) {

var error = "";

if (strng == "") {

error = "You didn't enter a username.\n";

}

var illegalChars = /\W/; // allow letters, numbers, and underscores

if ((strng.length < 4) || (strng.length > 10)) {

error = "The username is the wrong length.\n";

}

else if (illegalChars.test(strng)) {

error = "The username contains illegal characters.\n";

}

return error;

}

// non-empty textbox

function isEmpty(strng) {

var error = "";

if (strng.length == 0) {

error = "The mandatory text area has not been filled in.\n"

}

return error;

}

// was textbox altered

function isDifferent(strng) {


37/39

var error = "";

if (strng != "Can\'t touch this!") {

error = "You altered the inviolate text area.\n";

}

return error;

}

// exactly one radio button is chosen

function checkRadio(checkvalue) {

var error = "";

if (!(checkvalue)) {

error = "Please check a radio button.\n";

}

return error;

}

// valid selector from dropdown list

function checkDropdown(choice) {

var error = "";

if (choice == 0) {

error = "You didn't choose an option from the drop-down list.\n";

}

return error;

}


38/39

OUTPUT:


39/39

RESULT:

Thus the web page for student profile has been developed and validated successfully.

Documents

Wt Record Part 1