Part A
1. Design web pages for your college containing college name and Logo, departments list using
href, list tags.
2. Create a class timetable using table tag.
3. Write a HTML code to design Student registrations form for your college Admission
4. Design Web Pages with includes Multi-Media data (Image, Audio, Video, GIFs etc)
5. Create a web page using frame.
6. Write code in HTML to develop a webpage having two frames that divide the webpage into
two equal rows and then divide the row into equal columns fill each frame with a different
background color.
7. Write CSS code to Use Inline CSS to format your ID Card.
8. Using HTML, CSS create display a text called ―Hello India !‖ on top of an image of India-
Map using an overlay.
Part B
1. Write a JavaScript Program to perform Basic Arithmetic operations
2. JavaScript Program to Check Prime Number
3. JavaScript Program to implement Javascript Object Concept
4. JavaScript Program to Create Array and inserting Data into Array
5. JavaScript Program to Validate an Email Address
6. Write a Program for printing System Date & Time using SERVLET
7. Write a server side SERVLET program for accept number from HTML file and Display.
8. Write a program to Creating the Life-Cycle Servlet Application
1)
Create main.html
<!-- Part A: College Web Page -->
<!DOCTYPE html>
<html>
<head>
<title>Nrupathunga University</title>
</head>
<body>
<h1>Nrupathunga University</h1>
<img src="nulogo.jpg" alt="College Logo" width="150">
<h2>Departments</h2>
<ul>
<li><a href="cs.html">Computer Science</a></li>
<li><a href="ma.html">Mathematics</a></li>
<li><a href="phy.html">Physics</a></li>
<li><a href="st.html">Statistics</a></li>
<li><a href="ele.html">Electronics</a></li>
</ul>
</body>
</html>
Create cs.html
<!DOCTYPE html>
<html>
<head>
<title>Nrupathunga University</title>
</head>
<body>
<h1>Nrupathunga University</h1>
<img src="nulogo.jpg" alt="College Logo" width="150">
<h2>Computer Science Department</h2>
<ol>
<li>BSc</li>
<li>BCA</li>
</ol>
</body>
</html>
Like cs.html create separate web pages for ma.html, phy.html etc and save all the files in one folder
and then execute main.html
2)
(make alterations to the contents)
<!-- Part A: Class Timetable -->
<table border="1">
<tr>
<th>Day</th>
<th>9:00-10:00</th>
<th>10:00-11:00</th>
<th>11:00-12:00</th>
</tr>
<tr>
<td>Monday</td>
<td>Math</td>
<td>Physics</td>
<td>CS</td>
</tr>
<tr>
<td>Tuesday</td>
<td>Math</td>
<td>Physics</td>
<td>CS</td>
</tr>
<tr>
<td>Wednesday</td>
<td>Math</td>
<td>Physics</td>
<td>CS</td>
</tr>
</table>
3)
<!-- Part A: Student Registration Form -->
<form>
Name:-<input type="text" name="sname">
<br>
</br>
Gender:-<input type="radio" name="rad1">Female
<input type="radio" name="rad1">Male
<br>
</br>
Date of Birth:-<input type="date" name"dob">
<br>
</br>
Father Name:-<input type="text" name="fname">
<br>
</br>
Course:-<input type="checkbox" name="c1">BSc
<input type="checkbox" name="c2">BCA
<input type="checkbox" name="c3">BBA
<input type="checkbox" name="c4">BSc BEd
<br>
</br>
Combination:
<select>
<option>PMCS</option>
<option>EMCS</option>
<option>CSMST</option>
<option>MGCS</option>
</select>
<br>
Mother Name:-<input type="text" name="mname">
<br>
</br>
Mobile number:-<input type="text" placeholder="+91***********">
<br>
</br>
Address:-<input type="text" name="Address" input size="150">
<br>
</br>
Email Id:-<input type="email" name="email" placeholder="sample@example.com">
<br>
<input type="submit" value="Register">
</form>
4) (make sure to download an audio file / video file / gif / image file in the same folder were you save
the html file and ensure the same name is given in the src attribute)
<!-- Part A: Multimedia Web Page -->
<img src="image.jpg" width="200"><br>
<h2>Image</h2>
<img
src="image1.jpg">
<h2>GIG</h2>
<img
src=”GIF1.gif">
<h2>Audio</h2>
<audio controls><source src="audio.mp3" type="audio/mpeg"></audio><br>
<h2>Video</h2>
<video controls width="300"><source src="video.mp4" type="video/mp4"></video><br>
<!-- Part A: Frames Example -->
<frameset rows="50%,50%">
<frameset cols="50%,50%">
<frame src="frame1.html" style="background-color:red;">
<frame src="frame2.html" style="background-color:blue;">
</frameset>
</frameset>
