lab manual for internet programming, Assignments of Internet and Information Access

Download lab manual for internet programming and more Assignments Internet and Information Access in PDF only on Docsity!

TAGORE INSTITUTE OF ENGINEERING AND

1

TECHNOLOGY

Deviyakurichi-636112, Attur (TK), Salem (DT). Website: www.tagoreiet.ac.in (Approved by AICTE, New Delhi and Affiliated to Anna University, Chennai)

Accredited by NAAC

Department of Computer Science and Engineering

III Year- VI Semester – Computer Science and Engineering

CS8661 – INTERNET PROGRAMMING LABORATORY

LAB MANUAL

Academic Year 2020-

(2017 Regulation)

EX. NO: 1 CREATE A WEB PAGE WITH THE FOLLOWING

USING HTML

AIM:

To create a web page which includes a map and display the related information when a hot spot is clicked in the map. i) To embed an image map in a web page ii) To fix the hot spots iii) Show all the related information when the hot spots are clicked. ALGORITHM: Step 1: Create a html file with map tag Step 2: Set the source attribute of the img tag to the location of the image and also set the usemap attribute Step 3: Specify an area with name,shape and href set to the appropriate values Step 4: Repeat step 3 as many hot spots you want to put in the map Step 5: Create html files for each and every hotspots the user will select PROGRAM: ImageMap.html

Image Map

TamilNadu.html

About Tamil Nadu BODY> Tamil Nadu

Area : 1,30,058 Sq. Kms. Capital : Chennai Language : Tamil Population : 6,21,10,839 India Map

Karnataka.html

About Karnataka

Karnataka

Area : 1,91,791 Sq. Kms Capital : Bangalore Language : Kannada Population : 5,27,33,958

OUTPUT:

EX.NO :2 DEVELOP THE PROGRAM WITH USAGE OF INLINE, INTERNAL

AND EXTERNAL STYLE SHEET USING CSS

Aim To create web pages using using CSS Procedure

1. Use different font styles
2. Control the repetition of image with background-repeat and no-repeat property
3. Define style for links as a: link, a: active, a: hover, a: visited
4. Add customized cursors for links. style.css p.left { text-align:left; color:blue; font-family:Cambria; font-size:large; text-indent:20px; } p.center { text-align:center; text-decoration:underline; text-transform:uppercase; letter-spacing:-3px; word-spacing:20px; font-size:larger; } p.right { text-align:right; color:red; font-family:Tahoma; font-size:15pt; text-decoration:overline; font-style:italic; } b#headline { color:orange;

font-size:22px; font-family:arial; text-decoration:underline; } sample.html

CSS (Inline, Internal and External)

This Paragraph is a Not Styled

This Paragraph is Styled by class "Left"

This Paragraph is Styled by class "Center"

This Paragraph is Styled by class "Right"

This is normal Bold This Bold Text is Styled This is a link The cursor over this element is plus sign The cursor over this element is a pointing hand The cursor over this element is a grasping hand

EX. NO: 3 VALIDATE THE REGISTRATION, USER LOGIN, USER PROFILE AND

PAYMENT BY CREDIT CARD PAGES USING JAVASCRIPT.

Aim: To validate the Registration, User Login, User Profile And Payment By Credit Card Pages by Using Javascript. Program:

- Home page: Main.html:

Top.html:

ONLINE BOOK STORAGE

Right.html:

welcome to online book storage. Press login if you are having id otherwise press registration.

Left.html:

LOGIN USER PROFILE BOOKS CATALOG

SHOPPINGCART

PAYMENT

document.myform.focus(); } }

LOGIN ID : PASSWORD:

User profile page Profile.html:

if(document.myform.name.value==””|| document.myform.addr.value==””|| document.myform.phno.value==””|| document.myform.id.value==””|| document.myform.pwd.value==””) { flag=0; } var str=document.myform.phno.value; var x; for(var i=0;i

var flag=1; if(document.myform.title.value=="") { flag=0; } str=document.myform.title.value; if(str=="c") { document.writeln(""); document.writeln("title-->c"+" cost-->444"); } else if(str=="jsp") { document.writeln(""); document.writeln("title-->jsp"+" cost-->555"); } else { flag=0; } if(flag==1) { alert("VALID INPUT");

else { alert("INVALID INPUT"); document.myform.focus(); } }

BOOK TITLE : 21