ASSIGNMENT 2018-2019 Course code : BCSL-057 Course title ...€¦ · Page 1 ASSIGNMENT 2018-2019...
Transcript of ASSIGNMENT 2018-2019 Course code : BCSL-057 Course title ...€¦ · Page 1 ASSIGNMENT 2018-2019...
Page 1
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>
Page 2
<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
Page 3
<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>
Page 4
Status – check
<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 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">
Page 5
<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>
<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 href="registration.html">Re-registration</a></li><br>
Page 6
<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;
Page 7
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;
position : absolute;
top : 75px;
left : 750px; }
.s11{
position : absolute;
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;
Page 8
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{
position : Absolute;
top: 114.3px;
right: 0;
width: 80%;
height: 72%; }
.t3{
font-size : 35px;
font-family : Arial; }
.t4{
font-size : 15px;
font-family : Arial; }
.t5{
position : Absolute;
left : 10px;
font-size : 17px; }
.s4{
position : Absolute;
bottom : 0px;
width: 100%;
Page 9
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{
position : absolute;
top : 50px;
left : 40px; }
.hh2{
width : 180%;
position : absolute;
top : -20px;
left : 60px;
font-family : calibri;
font-size : 20px ; }
.hh3{
position : absolute;
top : 50px;
left : 600px; }
.hh4{
width : 180%;
position : absolute;
top : 40px;
left : 665px;
font-family : calibri;
font-size : 20px ; }
.hh5{
position : absolute;
top : 140px;
Page 10
left : 35px ; }
.r1{
position : absolute;
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; }