Course Code : MCSL-016 … · 2015. 4. 28. · a) Create a web page of your study centre using HTML tags only having the following features: (i) You should include the photograph

www.ignousolvedassignments.com

Course Code : MCSL-016

Course Title : Internet Concepts and Web design (Lab Course)

Assignment Number : MCA(1)/L016/Assign/2013

Maximum Marks : 100

Weightage : 25%

Last Dates for Submission : 31st October, 2013 (For July 2013 Session) 30th April, 2014 (For

January 2014 Session)

There is one question in this assignment, which carries 40 marks. Your Lab Record will carry 40

Marks. Rest 20 marks are for viva-voce. You may use illustrations and diagrams to enhance the

explanations. Please go through the guidelines regarding assignments given in the Programme

Guide for the format of presentation. Submit the screenshots also along with the coding and

documentation.

Question 1:

Answer the following questions:

a) Create a web page of your study centre using HTML tags only having the following features:

(i) You should include the photograph of the study centre at the top of the page.

(ii) It should include two tables – first providing name, qualification and subject being counselled

for every counsellor and second displaying the theory and practical counselling schedule (assume

only one batch).

(iii) The page should include a list highlighting the available resources at the study centre.

(iv) The page should have contact us information.

(v) The page should provide links to useful web pages for the students including a link to IGNOU

web site.

Solution :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>IGNOU</title>

<style type="text/css">

http://www.ignousolvedassignments.com/




</style>

<script language="JavaScript">



</script>

<script language="JavaScript" src="mm_menu.js"></script>

</head>

<body>

<script language="JavaScript1.2">mmLoadMenus();</script>

<table width="750" height="43" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>



<td><table width="748" border="0" align="center"

cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#FFFFFF">

<tr>

<td width="10" rowspan="3"> </td>

<td width="631"> </td>

<td rowspan="3"> </td>

</tr>

<tr>

<td><a href="ignou.html"><img src="images/IGNOU study centre.jpg" width="1024" height="67"

border="2" align="centre"

/></a></td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td colspan="3"><a href="ignou.html"><img src="images/home ignou.jpg" width="129" height="35"

border="0" /></a><a href="About US.html"><img src="images/about ignou.jpg" name="image1"

width="129" height="35" border="0" id="image1" onmouseover="MM_showMenu

(window.mm_menu_0416121027_0,0,35,null,'image1')" onmouseout="MM_startTimeout();"

/></a><a href="submission.html"><img src="images/sub forum.jpg" width="129" height="35"

border="0" /></a><a href="Download.html"><img src="images/download.jpg" width="129"

height="35" border="0" /></a></td>

</tr>

<tr>

<td colspan="3"> </td>

</tr>

<tr>

<td height="166" colspan="2"><table align="center" border="0" cellpadding="5" cellspacing="5"

width="88%">

<tbody>

<tr valign="top">



<td width="25%"> </td>

<td width="26%"> </td>

<td width="27%"><div align="right"><strong></strong></div></td>

<td width="22%"><div align="right"><strong></strong></div></td>

</tr>

</tbody>

</table>

<h4>Details of counseller</h4>

<table border="1">

<tr>

<th>Name</th>

<th>Qualification</th>

<th>Subjects</th>

</tr>

<tr>

<td>Mr. R.K. Batra</td>

<td>MCA</td><td>MCS-11</td>

</tr>

<tr>

<td>Mr. Ram Manohar</td>

<td>MA-Computer Science</td>

<td>MCS-12</td>

</tr>

<tr>

<td>Mr. Raghavan</td>

<td>MCA</td>

<td>MCS-13</td>

</tr>

<tr>

<td>Mr. Tetayan</td>



<td>MA-Computer Science</td>

<td>MCS-14</td>

</tr>

<tr>

<td>Mr. Kiribhai Kakkad</td>

<td>Msc.IT.</td>

<td>MCS-15</td>

</tr>

<tr>

<td>Mr. Radhu </td>

<td>M.Tech</td>

<td>MCSL-16</td>

</tr>

<tr>

<td>Mr. Tira saygal</td>

<td>MCA</td>

<td>MCSL-17</td>

</tr>

</table>

<h4>Details of counselling Sedule(DATE)</h4>

<table border="1">

<tr>

<th>Subjects</th>

<th>Theory CounsellingDate</th>

<th>Prectical Counselling Date</th>

</tr>

<tr>

<td>MCS-11</td>

<td>10/02/2013,12/04/2013,13/04/2013</td>

<td>20/3/2013,14/04/2013,15/04/2013,16/04/2013,17/04/2013</td>



</tr>

<tr>

<td>MCS-12</td>

<td>11/02/2013,07/04/2013,08/04/2013</td>

<td>21/03/2013,09/04/2013,10/04/2013,11/04/2013</td>

</tr>

<tr>

<td>MCS-13</td>

<td>12/02/2013,31/03/2013,01/04/2013,03/04/2013</td>

<td>22/03/2013,02/04/2013,04/04/2013</td>

</tr>

<tr>

<td>MCS-14</td>

<td>13/02/2013,25/02/2013,30/03/2013</td>

<td>23/03/2013,05/04/2013,06/04/2013</td>

</tr>

<tr>

<td>MCS-15</td>

<td>14/02/2013,01/03/2013,02/03/2013,03/03/2013</td>

<td>24/03/2013,04/03/2013,05/03/2013,06/03/2013</td>

</tr>

<tr>

<td>MCSL-16</td>

<td>15/02/2013,16/02/2013,17/02/2312,18/02/2013,19/02/2013 </td>

<td>25/03/2013,26/03/2013,27/03/2013,28/03/2013,29/03/2013</td>

</tr>



<tr>

<td>MCSL-17</td>

<td>20/02/2013,21/02/2013,22/02/2013,23/02/2013,24/02/2013</td>

<td>26/03/2013,27/03/2013,28/03/2013,29/03/2013,30/03/2013</td>

</tr>

</table>

<h4>A List of the available resources :</h4>

<ol>

<li>Well Structured Lab</li>

<li>Well Qualified Counsellers</li>

<li>Occupied Library</li><li>Java</li>

<li>Old To New Circuits Are Available</li>

<li> Latest softwares</li>

</ol>

<h1>Useful Links Of Other Universities</h1></br>

<a href="http://saurastrauniversity.edu">Saurastra univercity</a></br>

<a href="http://du.edu">Delhi University</a></br>

<a href="http://gujaratuniversity.edu">Gujarat University</a></br>

<a href="http://ignouuniversity.edu">Ignou University</a></br>

<a href="http://karnatakauniversity.edu">Karnataka University</a></br>

<a href="http://keralauniversity.edu">Kerela University</a></br>

<a href="http://osamiauniversity.edu">Osamia Universityt</a></br>

<a href="http://Bhartigar university.edu">Bhartigar University</a></br>

<a href="http://ibs.edu">IBS</a></br>

<a href="http://IIMAHM.edu">IIM</a></br>

<p> </p></td>



<td width="207" valign="top"><table width="208" border="2" cellpadding="0" cellspacing="0"

bordercolor="#000000">

<tr>

<td height="144" bgcolor="#00CCFF"><p> </p>

<div align="center"><h1>Contact Us</h1> Ignou Study Centre</br>

Saurastra University Campus</br>Rajkot</br></br>Ph:0281-256896

</td>

</tr>

</table></td>

</tr>

</table></td>

</tr>

</table>

</body>

</html>

Output :



b) Create another page which contains a form that provides feedback about the assignments to

the student. The form is to be filled by the assignment evaluator. You must use JavaScript to check

that all the required fields are entered by the evaluator.

Solution :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"



/>

<title>IGNOU</title>




</style>

<script language="JavaScript">



</script>

<script language="JavaScript" src="mm_menu.js"></script>

</head>

<body>

<script language="JavaScript1.2">mmLoadMenus();</script>

<table width="750" height="43" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td><table width="748" border="0" align="center" cellpadding="0"

cellspacing="0" bordercolor="#FFFFFF" bgcolor="#FFFFFF">

<tr>

<td width="10" rowspan="3"> </td>

<td width="631"> </td>

<td rowspan="3"> </td>

</tr>

<tr>

<td><a href="ignou.html"><img src="images/IGNOU HELP.jpg"

width="124" height="67" border="2" /></a></td>

</tr>

<tr>



<td> </td>

</tr>

<tr>

<td colspan="3"><a href="ignou.html"><img src="images/home ignou.jpg" width="129" height="35"

border="0" /></a><a href="About

US.html"><img src="images/about ignou.jpg" name="image1" width="129" height="35" border="0"

id="image1"

onmouseover="MM_showMenu(window.mm_menu_0416121027_0,0,35,null,'image1')"

onmouseout="MM_startTimeout();" /></a><a href="submission.html"><img src="images/sub

forum.jpg" width="129" height="35" border="0" /></a><a href="Download.html"><img

src="images/download.jpg" width="129" height="35" border="0" /></a></td>

</tr>

<tr>

<td colspan="3"> </td>

</tr>

<tr>

<td height="166" colspan="2"><table width="429" border="2"

align="center" cellpadding="0" cellspacing="0" bordercolor="#00CCFF">

<tr>

<td width="423" height="329"><table width="341" border="0" align="center" cellpadding="0"

cellspacing="0" bordercolor="#00FFFF">

<tr>

<h2>Student Assignment Evaluation Entries</h2>

<td width="119" align="left"><span

class="style126">IGNOU enrollment No.<span class="style119">*</span></span></td>

<td width="222" align="left"><span class="style124">

<input type="text" name="textfield" />

</span></td>

</tr>

<tr>

<td align="left"><span class="style126">Name Of Student<span

class="style119">*</span></span></td>

<td align="left"><span class="style124">



<input type="text" name="textfield2" />

</span></td>

</tr>

<tr>

<td align="left">Batch <span class="style126">No<span class="style119">*</span></span></td>



</span></td>

</tr>

<tr>

<td align="left"><span class="style126">MCS-11 Marks

</span></td>



</span></td>

</tr>

<tr>


</span></td>



</span></td>

</tr>

<tr>


</span></td>



</span></td>

</tr>

<tr>




</span></td>



</span></td>

</tr>

<tr>


</span></td>



</span></td>

</tr>

<tr>

<td align="left"><span class="style126">MCSL-16 Marks

</span></td>



</span></td>

</tr>

<tr>

<td align="left"><span class="style126">MCSL-17 Marks

</span></td>



</span></td>

</tr>

<td align="left"><span

class="style126">Remarks/Comments</span></td>

<td align="left"><textarea name="textarea"></textarea></td>

</tr>



<tr>

<td colspan="2" align="left"><div align="center"></div></td>

</tr>

<tr>

<td colspan="2" align="left"><div align="center"><img src="images/submit copy.jpg" width="111"

height="33" /></div></td>

</tr>

</table></td>

</tr>

</table></td>

<td width="107"><table width="108" border="2" cellpadding="0" cellspacing="0"

bordercolor="#000000">

<tr>

<td height="144" bgcolor="#00CCFF"><p> </p>

<marquee direction="up">

<div align="center"><span class="style1">IGNOU announces new Programme on Philosophy of Dr.

Ambedkar on the occasion of Ambedkar Jayanti>

</p>

</span> </div>

<p align="center" class="style1">IGNOU : A Role Model for spreading awareness on HIV/AIDS</p>

<p align="center" class="style1">IGNOU starts New

Programmes in Performing & Visual Arts</p>

</marquee></td>

</tr>

</table></td>

</tr>

</table></td>

</tr>

</table>

</body>

</html>



Output :

c) Write a program using VBscipt that adds that two upper triangular matrices. The program

should be efficient.

Solution :

Dim oArray1(1,1)

Dim oArray2(1,1)

Dim tArray(1,1)

oArray1(0,0)=1

oArray1(0,1)=2

oArray1(1,0)=0

oArray1(1,1)=-3

oArray2(0,0)=5

oArray2(0,1)=6

oArray2(1,0)=0



oArray2(1,1)=-6

tArray(0,0)=oArray1(0,0)+ oArray2(0,0)




d) Design a main web page which displays a pulled down menu:

Home (the page itself)

Study Centre Address

Dates of Assignment Submission

Dates of Term End Examination

Each of this menu option should link to a different web page. Also all the pages should include the

current date and time.

Solution :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b'

xmlns:data='http://www.google.com/2005/gml/data'

xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>

<title>my page</title>


#navbar-iframe

</style>

<style id='page-skin-1' type='text/css'></style>

<script type='text/javascript'>

// Label Cloud User Variables var cloudMin = 1;



var maxFontSize = 25;

var maxColor = [51,51,51]; var minFontSize = 10;

var minColor = [23,33,47]; var lcShowCount = false;

</script>

<script type="text/javascript">(function(){var a;var b=navigator.userAgent;a=-

1!=b.indexOf("Mobile")&&- 1!=b.indexOf("WebKit")&&-1==b.indexOf

("iPad")||-1!=b.indexOf("Opera Mini")?!0:!1;if(a){var c;a:{var

d=window.location.href,e=d.split("?");switch(e.length){case 1:c=d+"?m=1";break a;case

2:c=0<=e[1].search("(^|&)m=")?null:d+"&m=1";break

a;default:c=null}}c&&window.location.replace(c)};})();

</script><script type="text/javascript">

if (window.jstiming) window.jstiming.load.tick('headEnd');

</script>

<link rel='stylesheet'

href='http://cdn1.editmysite.com/editor/images/common/common-v2.css?22' type='text/css' />

<link rel='stylesheet' type='text/css' href='/files/main_style.css?1331354384' title='wsite-theme-css'

/>

<style type='text/css'>

#wsite-content div.paragraph, #wsite-content p, #wsite-content .productdescription,

.blog-sidebar div.paragraph, .blog-sidebar p, .wsite-form-field label, .wsite-form-field label {}

#wsite-content h2, #wsite-content .product-title, .blog-sidebar h2{}

#wsite-title{}

</style>

<script type='text/javascript'>

</script>

<script type='text/javascript' src='http://cdn1.editmysite.com/libraries/prototype/1.7-

custom/prototype.min.js'></script>

<script type='text/javascript' src='http://cdn1.editmysite.com/libraries/scriptaculous/1.9.0-

custom/effects.min.js'></script>

<script type='text/javascript'

src='http://cdn1.editmysite.com/editor/images/common/utilities.js?5'></script



>


src='http://cdn1.editmysite.com/editor/images/common/lightbox202.js?9'></s cript>


src='http://cdn1.editmysite.com/editor/libraries/flyout_menus.js?13'></script

>

<script type='text/javascript'>

</script>

</head>

<body class='wsite-theme-dark wsite-page-index'>

<div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script

type="text/javascript">

function setAttributeOnload(object, attribute, val) { if(window.addEventListener) {

window.addEventListener("load",

function(){ object[attribute] = val; }, false);

} else {

window.attachEvent('onload', function(){ object[attribute] = val; });

}

}

</script>

<div></div></div></div>

<div id='outer-wrapper'>

<div id='header-wrapper'>

<div class='header section' id='header'><div class='widget Header' id='Header1'>



<div id='header-inner'>

<div class='titlewrapper'>

<h1 class='title' align="center" >Ignou Study Centre,Ahmedabad</br>

</h1>

</div>

</div><div class='widget HTML' id='HTML2'>

<div class='widget-content'>


#menu

{

width: 100%;

margin: 0;

padding: 10px 0 0 0; list-style: none; background: #111;

background: -moz-linear-gradient(#444, #111);

background: -webkit-gradient(linear,left bottom,left top,color-stop(0,

#111),color-stop(1, #444));

background: -webkit-linear-gradient(#444, #111);

background: -o-linear-gradient(#444, #111);

background: -ms-linear-gradient(#444, #111);

background: linear-gradient(#444, #111);

-moz-border-radius: 50px; border-radius: 50px;

-moz-box-shadow: 0 2px 1px #9c9c9c;

-webkit-box-shadow: 0 2px 1px #9c9c9c; box-shadow: 0 2px 1px #9c9c9c;

}

#menu li

{

float: left;

padding: 0 0 10px 0;

position: relative;

}

#menu a



{

float: left; height: 25px; padding: 0 25px;

color: #999;

text-transform: uppercase;

font: bold 12px/25px Arial, Helvetica; text-decoration: none;

text-shadow: 0 1px 0 #000;

}

#menu li:hover > a

{

color: #fafafa;

}

*html #menu li a:hover /* IE6 */

{

color: #fafafa;

}

#menu li:hover > ul

{

display: block;

}

/* Sub-menu */

#menu ul

{

list-style: none;

margin: 0;

padding: 0; display: none; position: absolute; top: 35px;

left: 0;

z-index: 99999;

background: #444;

background: -moz-linear-gradient(#444, #111);

background: -webkit-gradient(linear,left bottom,left top,color-stop(0,



#111),color-stop(1, #444));

background: -webkit-linear-gradient(#444, #111);

background: -o-linear-gradient(#444, #111);

background: -ms-linear-gradient(#444, #111);

background: linear-gradient(#444, #111);

-moz-border-radius: 5px; border-radius: 5px;

}

#menu ul li

{

float: none; margin: 0;

padding: 0; display: block;

-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;

-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;

box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;

}

#menu ul li:last-child

{

-moz-box-shadow: none;

-webkit-box-shadow: none; box-shadow: none;

}

#menu ul a

{

padding: 10px;

height: auto; line-height: 1; display: block;

white-space: nowrap; float: none;

text-transform: none;

}

*html #menu ul a /* IE6 */

{

height: 10px; width: 150px;



}

*:first-child+html #menu ul a /* IE7 */

{

height: 10px; width: 150px;

}

#menu ul a:hover

{

background: #0186ba;

background: -moz-linear-gradient(#04acec, #0186ba);

background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));

background: -webkit-linear-gradient(#04acec, #0186ba); background: -o-linear-gradient(#04acec,

#0186ba); background: -ms-linear-gradient(#04acec, #0186ba); background: linear-

gradient(#04acec, #0186ba);

}

#menu ul li:first-child a

{

-moz-border-radius: 5px 5px 0 0;

border-radius: 5px 5px 0 0;

}

#menu ul li:first-child a:after

{

content: ''; position: absolute; left: 30px;

top: -8px; width: 0;

height: 0;

border-left: 5px solid transparent;

border-right: 5px solid transparent; border-bottom: 8px solid #444;

}

#menu ul li:first-child a:hover:after

{

border-bottom-color: #04acec;

}



#menu ul li:last-child a

{

-moz-border-radius: 0 0 5px 5px;

border-radius: 0 0 5px 5px;

}

/* Clear floated elements */

#menu:after

{

visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;

}

* html #menu <div class='wsite-not-footer'>

</div> /* IE6 */

*:first-child+html #menu <div class='wsite-not-footer'>

</div> /* IE7 */

#myform{ /*CSS for sample search box. Remove if desired */ float: right;

margin: 0;

margin-top: 2px; padding: 0;

}

#myform .textinput{ width: 190px;

border: 1px solid gray;

}

#myform .submit{

font: normal 12px Verdana; height: 22px;

border: 1px solid #D10000; background-color: black; color: white;

}

</style>

<div class="menu">

<ul id="menu">

<li><a href="http://ignou.ac.in/"><font size="3">HOME</font></a></li>



<li><a href="http://ignou.ac.in/"><blink><span style="color:#FFCC00"><i>♣ <font

size="2">Introduction</font>♣</i></span></blink></a><ul>

<li><a href="http://http://ignou.ac.in/">About us</a></li>

<li><a href="http://http://ignou.ac.in/">Objective</a></li>

<li><a href="http://http://ignou.ac.in/">Vision</a></li>

<li><a href="http://http://ignou.ac.in/">Mission</a></li>

</ul></li>

<li><a href="#gu5"><span style="color:#66FFFF"><font

size="2">Objectives</font></span></p></a><ul>

<li><a href="#gu5">Mission</a></p></li>

<li><a href="#gu5">Vision</a></p></li></ul></li>

<li><a href="#gu5"><span style="color:#66FFFF"><font size="2">Study Centre

Address</font></span></p></a><ul>

</ul></li>


size="2">Date Of Assignment Submission</font></span></p></a><ul>

<li><a href="#gu5">Sem-1</a></p></li>






</ul>

<ul>

</ul></li>


size="2">Date Of Assignment Submission</font></span></p></a><ul>









</ul></li>

</div><br />

<form method="get" action="http://www.google.com/search"><div style="background: #FF065F;

padding: 5px; float: center;border-radius: 150px 50px

150px 50px ;"><img src="/files/theme/ -------

" align="center"

height="25" width="100">

<input type="hidden" name="affid" value="mrunalrugm" /><input type="hidden" name="wgtid"

value="FK-AF-SB" /><input type="text" name="query" /><input type="button"

onclick="this.form.submit()" value="Search" /></div></form>

</div>

<div class='clear'></div>

</body>

</html>

Output :

For More Ignou Solved Assignments Please Visit - www.ignousolvedassignments.com

Connect on Facebook :

http://www.facebook.com/pages/IgnouSolvedAssignmentscom/346544145433550

Subscribe and Get Solved Assignments Direct to your Inbox :

http://feedburner.google.com/fb/a/mailverify?uri=ignousolvedassignments_com

Documents

Course Code : MCSL-016 … · 2015. 4. 28. · a) Create a web page of your study centre using HTML tags only having the following features: (i) You should include the photograph