ASSIGNMENT 2018-2019 Course code : BCSL-057 Course title ...€¦ · Page 1 ASSIGNMENT 2018-2019...

ASSIGNMENT 2018-2019

Course code : BCSL-057

Course title : Web Programming Lab

HOME PAGE

<html> <head> <link rel="stylesheet" type="text/css" href="theme.css"> <title> IGNOU </title> </head> <body bgcolor=”aqua”> <div class="s"> <div class="s1"> <div class="t1">Indra Gandhi National Open University</div> <div class="t2">The people's University</div> <div class="s11"> <img src="ign.jpg" height="75%" width="95%"> </div> </div> <div class="s2"> <ul> <li><a class="active" href="main.html">Home</a></li><br> <li><a href="registration.html">Re-registration</a></li><br> <li><a href="status.html">Status-Check</a></li><br>

<li><a href="help.html">Help?</a></li><br> </ul> </div> <div class="s3"> <center><p class="t3"> Steps for Re-registration </p> </center> <p > <ol type="1" class="t4"> <li> Click on "LOGIN" button from the homepage of Online Re-registration system and then login with your UserName (Enrolment Number) and password by clicking the "LOGIN" button given on the login screen.</li> <br> <li> Fill course details i.e. selection of the optional/Elective Courses from available groups </li> <br> <li> Save your selections and click on next button, confirm your details and check the self declaration box and click on "Accept & Proceed Payment" button. </li> <br> <ol type="i"><li> Payment by Debit/Credit Card (Master/Visa/Rupay): You have to select Debit/Credit Card option to pay the programme fee and follow the online instruction to complete the payment of fee. After successful payment, you will be able to print/save the payment confirmation slip. </li> <li> Pay your Re-registration fee through debit/credit card (Master/Visa/Rupay) and Net banking :- <li> Payment by Net banking: If you have net banking account select this option. You will be redirected to your bank website. </li> <li> Payment by ATM Card </li> </ol> </li> </ol> </p> <p class="t5"> Once you have made the payment and click the "NEXT" button you will get the Form Preview option. Save/Print your form for future reference.</p> </div> <div class="s4"> <center> <p class="t6"> Ⓒ Indra Gandhi National Open University Re-registration Web Link </p> </center> </div> </div>

</body> </html>

Re-registration

<html>

<head>

<link rel="stylesheet" type="text/css" href="theme.css">

<link rel="stylesheet" type="text/css" href="theme1.css">

<title> IGNOU </title>

</head>

<body >

<div class="s">

<div class="s1">

<div class="t1">Indra Gandhi National Open University</div>

<div class="t2">The people's University</div>

<div class="s11">

<img src="ign.jpg" height="75%" width="95%">

</div> </div>

<div class="s2">

<ul>

<li><a href="main.html">Home</a></li><br>

<li><a class="active" href="registration.html">Re-registration</a></li><br>

<li><a href="status.html">Status-Check</a></li><br>

<li><a href="help.html">Help?</a></li><br> </ul> </div>

<div class="s3">

<center><form class="r1">

<p class="f1"> Select your Programme

<select class="f2" required>

<option value="">--Select--</option> </option><option value="BBARL">BBARL</option><option

value="BBARS">BBARS</option><option value="BBARSDL">BBARSDL</option><option

value="BCA">BCA</option><option value="BCOM">BCOM</option><option

value="BCOMAF">BCOMAF</option><option value="BCOMCAA">BCOMCAA</option><option

value="BCOMFCA">BCOMFCA</option><option value="BCSSI">BCSSI</option><option

value="BED">BED</option><option value="BEDSE">BEDSE</option

</select></p>

<p class="f1"> Entere your Enrolment no. : <input type="text" name="enrolment" class="f1"

id=”numb”> </p>

<input type="submit" value="Submit" onClick=”myFunction()” > </form> </center>

</div>

<div class="s4">

<center> <p class="t6"> Ⓒ Indra Gandhi National Open University Re-registration Web Link

</p> </center> </div> </div>

</body>

</html>

Status – check

<html>

<head>




</head>

<body >

<div class="s">

<div class="s1">



<div class="s11">


</div>

</div>

<div class="s2">

<ul>


<li><a href="registration.html">Re-registration</a></li><br>

<li><a class="active" href="status.html">Status-Check</a></li><br>

<li><a href="help.html">Help?</a></li><br>

</ul>

</div>

<div class="s3">

<center><form class="r1">

<p class="f1"> Entere your Enrolment no. : <input type="text" name="enrolment" class="f1"

id=”numb”> </p>

<input type="submit" value="Display" onclick=”myFunction()”> </form> </center>

</div>

<div class="s4">

<center> <p class="t6"> Ⓒ Indra Gandhi National Open University Re-registration Web Link

</p> </center>

</div>

</div>

</body>

</html> HELP PAGE

<html>

<head>




</head>

<body>

<div class="s">

<div class="s1">



<div class="s11">


</div> </div>

<div class="s2">

<ul>


<li><a href="registration.html">Re-registration</a></li><br>

<li><a href="status.html">Status-Check</a></li><br>

<li><a class="active" href="help.html">Help?</a></li><br>

</ul> </div>

<div class="s3">

<div class="hh1">

<img src="loc.jpg" height="15%" width="20%">

<div class="hh2">

<p>IGNOU Residential Campus Road, Maidan Garhi, Maidan Garhi, Chhattarpur, New Delhi, Delhi

110068 </p> </div> </div>

<div class="hh3">

<img src="call.jpg" height="10%" width="20%"> </div>

<div class="hh4">

<p> 011 2953 2741 </p> </div>

<div class="hh5">

<a

href="https://www.google.com/maps/place/Indira+Gandhi+National+Open+University/@28.50248

34,77.1287515,12z/data=!4m12!1m6!3m5!1s0x390ce1de5ee6fbed:0x17e4392a594a1e19!2sIndira

+Gandhi+National+Open+University!8m2!3d28.5024727!4d77.1987716!3m4!1s0x390ce1de5ee6fb

ed:0x17e4392a594a1e19!8m2!3d28.5024727!4d77.1987716"> <img src="map.jpg" height="68%"

width="125%"> </a> </div> </div>

<div class="s4"> <center> <p class="t6"> Ⓒ Indra Gandhi National Open University Re-

registration Web Link </p> </center>

</div> </div>

</body></html>

1st CSS theme.css

head{

margin : 0px ; }

body{

margin : 0px ; }

.s{

position : relative;

top: 0;

width: 100%;

height: 100%; }

.s1{

position : Absolute;

top: 0;

right: 0;

width: 100%;

height: 20%;

border-bottom : 2px;

border-bottom-style : solid;

border-bottom-color : #0099ff ; }

.t1{

position : absolute;

font-size : 50px;

top : 15px;

left : 20px; }

.t2{

font-size : 25px;


top : 75px;

left : 750px; }

.s11{


left : 1060px;

top : 10px; }

.s2{

position : Absolute ;

top: 140px;

right: 300px;

left : 0;

width: 20%;

height: 72%;

font-size : 15px;

border-right : 2px ;

border-right-style : dotted;

border-right-color : #0099ff ; }

ul {

list-style-type: none;

margin: 0;

padding: 0;

width: 265px; }

li a {

display: block;

color: #000;

padding: 8px 16px;

text-decoration: none; }

li a.active {

background-color: #33adff;

color: white; }

li a:hover:not(.active) {

background-color: #555;

color: white; }

.s3{


top: 114.3px;

right: 0;

width: 80%;

height: 72%; }

.t3{

font-size : 35px;

font-family : Arial; }

.t4{

font-size : 15px;

font-family : Arial; }

.t5{


left : 10px;

font-size : 17px; }

.s4{


bottom : 0px;

width: 100%;

height: 8%;

background-color : #005c99; }

.t6{

position : Absolute;;

left : 300px ;

bottom : -15px;

font-size : 25px;

color : white;

font-family : calabri ; }

2Nd CSS theme1.css .hh1{


top : 50px;

left : 40px; }

.hh2{

width : 180%;


top : -20px;

left : 60px;

font-family : calibri;

font-size : 20px ; }

.hh3{


top : 50px;

left : 600px; }

.hh4{

width : 180%;


top : 40px;

left : 665px;

font-family : calibri;

font-size : 20px ; }

.hh5{


top : 140px;

left : 35px ; }

.r1{


top : 20%;

left : 10%; }

.f1{

font-size : 20px;

font-style : calibri; }

.f2{

font-size : 15px;

font-style : calibri; }

input[type=text], select {

width: 60%;

padding: 12px 20px;

margin: 8px 0;

display: inline-block;

border: 1px solid #ccc;

border-radius: 4px;

box-sizing: border-box; }

input[type=submit] {

width: 20%;

height:5%;

padding: 8px 20px;

margin: 8px 0px 0px 600px;

border: none;

background-color: white;

color:blue;

border:1px solid;

border-color:#33adff;

cursor: pointer; }

input[type=submit]:hover {

background-color: #33adff;

color:white; }

ASSIGNMENT 2018-2019 Course code : BCSL-057 Course title ...€¦ · Page 1 ASSIGNMENT 2018-2019...

Documents

Transcript of ASSIGNMENT 2018-2019 Course code : BCSL-057 Course title ...€¦ · Page 1 ASSIGNMENT 2018-2019...