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
7/30/2019 Wt Record Part 1
2/39
PROGRAM :
Resume page
PROFILE
Name:
Father Name:
Mother Name:
Date Of Birth:
7/30/2019 Wt Record Part 1
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:
7/30/2019 Wt Record Part 1
4/39
D.C.Tech:
M.C.A:
M.E:
7/30/2019 Wt Record Part 1
5/39
Software Exposure
OS:
7/30/2019 Wt Record Part 1
6/39
Date:
Place:
7/30/2019 Wt Record Part 1
7/39
OUTPUT :
7/30/2019 Wt Record Part 1
8/39
RESULT:
Thus the web page for student profile has been created.
7/30/2019 Wt Record Part 1
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.
7/30/2019 Wt Record Part 1
10/39
PROGRAM:
home.html
Home Page
7/30/2019 Wt Record Part 1
11/39
Your interesting Air Travel
Curabitur mi nibh, cursus vel, laoreet
sit amet, aliquet sit amet, justo. Lorem ipsum dolor sit amet, con- sectetuer 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, con- sectetuer 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
7/30/2019 Wt Record Part 1
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.
7/30/2019 Wt Record Part 1
13/39
Home | About us | Accounts |Booking | Special Offers
| Contacts
Aboutus.Html
Home Page
7/30/2019 Wt Record Part 1
14/39
7/30/2019 Wt Record Part 1
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
7/30/2019 Wt Record Part 1
16/39
Customer Relation Management (CRM) Solutions
Home |
About us | Accounts |
Booking | Special Offers
| Contacts
7/30/2019 Wt Record Part 1
17/39
Booking.Html
Home Page
7/30/2019 Wt Record Part 1
18/39
Ticket Booking
Departure Arriaval
From
Chennai Delhi
Kolkata bangalore
London Mumbai
Singapore muscat
To
Chennai Delhi
Kolkata bangalore
London Mumbai
Singapore muscat
7/30/2019 Wt Record Part 1
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
7/30/2019 Wt Record Part 1
20/39
Home | About us | Accounts |
Booking | Special Offers | Contacts
Contacts.html:
Home Page
7/30/2019 Wt Record Part 1
21/39
7/30/2019 Wt Record Part 1
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
7/30/2019 Wt Record Part 1
23/39
reservation
product and services
complients and compliments
fares and tickets
frequently flyer
feedback
others
>
Descrption
7/30/2019 Wt Record Part 1
24/39
Home |
About us | Accounts |
Booking | Special Offers
| Contacts
7/30/2019 Wt Record Part 1
25/39
OUTPUT :
7/30/2019 Wt Record Part 1
26/39
7/30/2019 Wt Record Part 1
27/39
RESULT:
Thus the website has been developed successfully.
7/30/2019 Wt Record Part 1
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.
Step 12: Stop the program.
PROGRAM:
7/30/2019 Wt Record Part 1
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();
}
}
7/30/2019 Wt Record Part 1
30/39
Date Comparison
OUTPUT:
7/30/2019 Wt Record Part 1
31/39
7/30/2019 Wt Record Part 1
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:
7/30/2019 Wt Record Part 1
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.
Step 12: Stop the program.
7/30/2019 Wt Record Part 1
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";
}
7/30/2019 Wt Record Part 1
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";
}
7/30/2019 Wt Record Part 1
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) {
7/30/2019 Wt Record Part 1
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;
}
7/30/2019 Wt Record Part 1
38/39
OUTPUT:
7/30/2019 Wt Record Part 1
39/39
RESULT:
Thus the web page for student profile has been developed and validated successfully.
Top Related