Scribd
Upload
3 views9 pages

Web Tech Lab

The document contains two HTML practical assignments for a Web Technology Lab course. The first assignment involves creating a website for the Dronacharya Group of Institutions, showcasing departmental information, campus facilities, and contact details. The second assignment requires designing a student details entry form with various personal and educational fields.

Uploaded by

maryam29122004
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
3 views9 pages

Web Tech Lab

The document contains two HTML practical assignments for a Web Technology Lab course. The first assignment involves creating a website for the Dronacharya Group of Institutions, showcasing departmental information, campus facilities, and contact details. The second assignment requires designing a student details entry form with various personal and educational fields.

Uploaded by

maryam29122004
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

Department of Computer Science

&Technology Subject: Web


Technology Lab
Subject code: BCS552
Practical 1: Write HTML program for designing your institute website.
Display departmental information of your institute on the website.
<!DOCTYPE html>
<html>
<head>
<title>Dronacharya Group of Institutions</title>
</head>
<body>
<img src="/Html/img/[Link]" alt="Dronacharya College" style="background-color:
maroon;">
<div class="navbar">
<ul>
<li><a href="" target="_blank">Meet Us</a></li>
<li><a href="" target="_blank">Campus Life</a></li>
<li><a href="" target="_blank">Department</a></li>
<li><a href="" target="_blank">Placement</a></li>
<li><a href="" target="_blank">Admission</a></li>
</ul>
</div>
<hr>
<div class="image">
<img src="/Html/img/[Link]" alt="Dronacharya College">
</div>
<h1>Dronacharya Group of Institutions</h1>
<p>Welcome to our official website</p>
<hr>
<h2>About Us</h2>
<p>Dronacharya Group of Institutions is committed to providing quality education and
creating future leaders.</p>
<h2>Departments</h2>
<ul>
<li>CSE (Computer science Engineering)</li>
<li>CSIT (Computer Science and Information Technology)</li>
<li>AIML (Artificial Intelligence and Machine Learning)</li>
<li>ECZ (Electronics and Communication)</li>
<li>Mechanical Engineering</li>
<li>MBA (Master of Business Administration)</li>
</ul>
<div class="gallery">

Page | 1
Branch: CSE Section: B University Roll no.: 2302300100106
Department of Computer Science
&Technology Subject: Web
Technology Lab
Subject code: BCS552
<h2>Campus Gallery</h2>
<p>Our campus includes modern classrooms, laboratories, libraries, sports facilities, and
hostels.</p>
<div class="images" style="display: flex;">
<img src="/Html/img/[Link]">
<img src="/Html/img/[Link]">
<img src="/Html/img/[Link]">
</div>
</div>
<h2>Contact Us</h2>
<p>Email: info@[Link]</p>
<p>Phone: +91-1234567890</p>
<p>Address: Dronacharya Group of Institutions, Greater Noida, India</p>
<hr>
<p>Dronacharya Group of Institutions - 2025</p>
</body>
</html>

Page | 2
Branch: CSE Section: B University Roll no.: 2302300100106
Department of Computer Science
&Technology Subject: Web
Technology Lab
Subject code: BCS552

Page | 3
Branch: CSE Section: B University Roll no.: 2302300100106
Department of Computer Science
&Technology Subject: Web
Technology Lab
Subject code: BCS552
Practical 2: Write HTML program to design an entry form for student
details.
<! DOCTYPE html>
<head>
<title>Entry Form</title>
</head>
<body style="color:red;background-color:lightblue;font-size:30px">
<center><b><h1><span style="color:black; background-color:antiquewhite;">Student Details
Entry Form</span></h1></b></center>
<h2><u>Personal Information</u></h2>
<label style=font-size:25px><b>First Name</b></label>
<input type="text"name="t1" placeholder="Enter your first name" size="30" style="font-
size:22px;"><br>
<label style=font-size:25px><b>Last Name</b></label>
<input type="text"name="t1" placeholder="Enter your last name" size="30" style="font-
size:22px;"><br>

<label style=font-size:25px><b>Father's Name</b></label>


<input type="text"name="t1" placeholder="Enter your father name" size="30" style="font-
size:22px;"><br>
<label style=font-size:25px><b>Mother's Name</b></label>
<input type="text"name="t1" placeholder="Enter your mother name" size="30" style="font-
size:22px;"><br>
<label style=font-size:25px><b>Date of Birth</b></label>
<input type="date" placeholder="Enter your dob" size="25" style="font-size:22px;"><br>
<label style="font-size:25px;"><b>Gender</b></label>
<label style="font-size:20px;">
<input type="radio" name="r1"> Male
</label>
<label style="font-size:20px;">
<input type="radio" name="r1"> Female
</label>
<label style="font-size:20px;">
<input type="radio" name="r1"> Others
</label><br>

Page | 4
Branch: CSE Section: B University Roll no.: 2302300100106
Department of Computer Science
&Technology Subject: Web
Technology Lab
Subject code: BCS552

<label style=font-size:25px><b>Age</b></label>
<input type="number"age="n1" placeholder="Enter your age" size="16" style="font-
size:22px;"><br>

<label style=font-size:25px><b>Blood Group</b></label>


<select name="bloodgroup">
<option value="">--Select--</option>
<option>A+</option>
<option>A-</option>
<option>B+</option>
<option>B-</option>
<option>O+</option>
<option>O-</option>
<option>AB+</option>
<option>AB-</option>
</select><br>

<label style=font-size:25px><b>E-mail</b></label>
<input type="mail" placeholder="Enter your e-mail address" size="30" style="font-
size:22px;"><br>
<label style=font-size:25px><b>Phone No.</b></label>
<input type="mail" placeholder="Enter your contact no." size="30" style="font-size:22px;"><br>
<label style=font-size:25px><b>Address</b></label>
<input type="text"name="t1" placeholder="Enter your residential address" size="60" style="font-
size:22px;"><br>

<h2><u>Educational Details</u></h2>
<label style="font-size:25px"><b>College Name</b></label>
<input type="text"name="t1" placeholder="Enter your college name" size="30" style="font-
size:22px;"><br>
<label style="font-size:25px"><b>University Name</b></label>
<input type="text"name="t1" placeholder="Enter your university name" size="30" style="font-
size:22px;"><br>

Page | 5
Branch: CSE Section: B University Roll no.: 2302300100106
Department of Computer Science
&Technology Subject: Web
Technology Lab
Subject code: BCS552
<label style=font-size:25px><b>Academic Year</b></label>
<select name="year">
<option value="">--Select--</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select><br>

<label style="font-size:25px"><b>Course</b></label>
<select>
<option value="" disabled selected>Choose your course</option>
<option>[Link]</option>
<option>BCA</option>
<option>[Link]</option>
<option>[Link]</option>
<option>[Link]</option>
<option>BBA</option>

Page | 6
Branch: CSE Section: B University Roll no.: 2302300100106
Department of Computer Science
&Technology Subject: Web
Technology Lab
Subject code: BCS552
<option>Others</option>
</select><br>
<label style="font-size:25px"><b>Branch</b></label>
<select>
<option value="abc" disabled selected>Choose your branch</option>
<option>Computer Science and Engineering</option>
<option>Computer Science and Information Technology</option>
<option>Electronics and Communication Engineering</option>
<option>CSE- AIML</option>
<option>CSE- Data Science</option>
<option>Mechanical Engineering</option>
<option>Civil Engineering</option>
</select><br>
<label style="font-size:25px"><b>School name</b></label>
<input type="text"name="t1" placeholder="Enter your school name" size="30" style="font-
size:22px;"><br>

<label style="font-size:25px"><b>10th Percentage:</b></label>


<input type="number" id="10th_percentage_num" name="10th_percentage_num" min="0"
max="100" step="0.01" placeholder="e.g., 85.50" size="30" style="font-size:22px;">
<label style="font-size:25px"><b>12th Percentage:</b></label>
<input type="number" id="12th_percentage_num" name="12th_percentage_num" min="0"
max="100" step="0.01" placeholder="e.g., 92.00" size="30" style="font-size:22px;">

<h2><u>Technical Skills</u></h2>
<label style="font-size:25px"><b><u>Select Programming Languages:</b></u></label><br>
<input type="checkbox" name="c1">Java<br>
<input type="checkbox" name="c2">Python<br>
<input type="checkbox" name="c3">C<br>
<input type="checkbox" name="c4">C++<br>
<input type="checkbox" name="c5">JavaScript<br>
<input type="checkbox" name="c6">CSS<br>
<input type="checkbox" name="c8">Perl<br>
<input type="checkbox" name="c9">PHP<br>
<input type="checkbox" name="c10">Dart<br>

Page | 7
Branch: CSE Section: B University Roll no.: 2302300100106
Department of Computer Science
&Technology Subject: Web
Technology Lab
Subject code: BCS552
<input type="checkbox" name="c11">Ruby<br>
<input type="checkbox" name="c12">SQL<br>
<input type="checkbox" name="c13">Swift<br>
<input type="checkbox" name="c14">Kotlin<br>
<br>

<label style="font-size:25px"><b><u>Select Skills:</b></u></label><br>


<input type="checkbox" name="c1">Web Development<br>
<input type="checkbox" name="c2">App Development<br>
<input type="checkbox" name="c3">UI/UX<br>
<input type="checkbox" name="c4">Machine Learning<br>
<input type="checkbox" name="c5">Software Development<br>
<input type="checkbox" name="c6">Cyber Security<br>
<input type="checkbox" name="c8">Cloud Computing<br>
<input type="checkbox" name="c9">Computer Networking<br>
<input type="checkbox" name="c10">SQL DBMS<br>
<input type="checkbox" name="c11">Operating System<br>
<input type="checkbox" name="c12">Blockchain<br>
<br>
<input type="submit" value="Submit">
Page | 8
Branch: CSE Section: B University Roll no.: 2302300100106
Department of Computer Science
&Technology Subject: Web
Technology Lab
Subject code: BCS552
<input type="reset" value="Clear Form">
</body>

Page | 9
Branch: CSE Section: B University Roll no.: 2302300100106

You might also like