Scribd
Upload
47 views9 pages

Experiment-1 (Web Essentials)

f4

Uploaded by

rathna
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
47 views9 pages

Experiment-1 (Web Essentials)

f4

Uploaded by

rathna
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
You are on page 1/ 9

ATHEESH A

953622205012

EXPERIMENT-1
CREATION OF INTERACTIVE WEB SITES - DESIGN USING HTML AND
AUTHORING TOOLS
index.html file:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="C:\Users\rit\Downloads\style.css">
<title>WEB PAGE</title>
</head>
<body>
<div class="container">
<center><header> <div class="header">
<img src="https://www.ritrjpm.ac.in/images/chairman/manager2.jpg" >
<img src="https://www.ritrjpm.ac.in/images/chairman/manager1.jpg">
<img src="https://www.ritrjpm.ac.in/images/logo-wide.png" >
</div></header></center>
<H1><marquee behavior="accomplish" direction="left">Faculty recuritment for AI&DS 2024-
2025</marquee></H1>
<aside>
<ul>
<li><button><a
href="C:\Users\ssrid\Downloads\admission.html">ADMISSION</a></button></li>
<li><BUTton><a href="C:\Users\ssrid\Downloads\aboutus.html">ABOUT
US</a></BUTton></li>
<li><BUTTON><a href="C:\Users\ssrid\Downloads\
department.html">DEPARTMENT</a></BUTTON></li>
</ul>
</aside>
<div class="content1">
<h3 class="heading">VISION</h3>
<p class="para1">To evolve as an Institute of international repute in offering high-quality
technical education, Research and extension programmes in order to create knowledgeable,
ATHEESH A
953622205012

professionally competent and skilled Engineers and Technologists capable of working in multi-
disciplinary environment to cater to the societal needs.</p>
</div>
<div class="content2">
<h3 class="heading">MISSION</h3>
<p class="para1">To accomplish its unique vision, the Institute has a far-reaching mission that
aims:
• To offer higher education in Engineering and Technology with highest level of quality,
Professionalism and ethical standards
• To equip the students with up-to-date knowledge in cutting-edge technologies, wisdom,
creativity and passion for innovation, and life-long learning skills
• To constantly motivate and involve the students and faculty members in the education
process for continuously improving their performance to achieve excellence.</p>
</div>
<div class="youtube">
<CENTER><h2>CAMPUS TOUR</h2></CENTER>
<center><iframe width="560" height="315"
src="https://www.youtube.com/embed/SDK2rzj8fzA?si=Oc2YjDMTjeQtCx18" title="YouTube
video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media;
gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen></iframe></center>
</div>
</div>
<center><footer><h3>@ DESIGNED BY F@!c0nS</h3></footer></center>
</body>
</html>
admission.html file:
<!DOCTYPE html>
<html lang="en">
<head>
<CENTer><title>Admission</title>
</head>
<body>
<h1>ADMISSION FORM</h1>
<form >
ATHEESH A
953622205012

<table>
<tr>
<td><label >ID</label></td>
<td><input type="number" placeholder="Enter ID"></td>
</tr>
<tr>
<td><label for="">NAME</label></td>
<Td><input type="text" placeholder="Enter your name"></TD>
</tr>
<tr>
<td><label for="">DOB</label></td>
<td><input type="date"></td>
</tr>
<tr>
<td><p>GENDER</p></td>
<td>
<input type="radio" id="male" name="fav_language" value="MALE">
<label for="male">MALE</label><br>
<input type="radio" id="female" name="fav_language" value="CSS">
<label for="female">FEMALE</label><br>
</td>
</tr>
<tr>
<td><label for="">COURSE</label></td>
<TD><input type="text" placeholder="Enter course"></TD>
</tr>
<tr>
<td><label for="">BRANCH</label></td>
<td> <select name="branch" id="branch">
<option value="B.E">B.E</option>
<option value="B.Tech">B.Tech</option></select></td>
</tr>
ATHEESH A
953622205012

<tr>
<td><label for="">E-MAIL</label></td>
<TD><input type="email" placeholder="Enter E-mail"></TD>
</tr>
<tr>
<td><label for="">SKILLS</label></td>
<td><input type="checkbox" id="python" name="python" value="PYTHON">
<label for="python"> PYTHON</label><br>
<input type="checkbox" id="c" name="c" value="C">
<label for="c"> C</label><br>
<input type="checkbox" id="java" name="java" value="JAVA">
<label for="java"> JAVA</label><br></td>
</tr>
</table>
<button>Submit</button>
</form></body></CEnter>
</body>
</html>
aboutus.html file:
<!DOCTYPE html>
<html lang="en">
<head>
<style>
div.List {
text-align: center;
}
ol.mylist1 {
display: inline-block;
text-align: left;
}
</style>
<title>AboutUs</title>
ATHEESH A
953622205012

</head>
<body>
<h1 style="color: rgb(254, 5, 5);">About Ramco Institute of Technology</h1>
<p><h3>Ramco Institute of Technology is founded with a vision to impart high quality engineering
education at an affordable cost. Under the able guidance of our Chairman Shri.P.R.Venketrama Raja,
son of Shri P. R. Ramasubrahmaneya Rajha; distinguished professionals, academicians and education
experts, we continually aim to revolutionize the learning environment by creating an enviable
knowledge pool of engineering and technology graduates who are attuned to the current industry
requirements.
</h3></p>
<p><h3> Being part of the Ramco Group, which is well known for its qualitative and innovative
brands not only in India but across the world, we are looked upon to set high standards in the
education sector. True to its legacy, RIT has embarked on a mission to empower students with high-
quality, accessible yet world-class engineering education and prepare these young minds for lifelong
learning by creating and disseminating appropriate knowledge.</h3></p>
<p ><h2 style="text-align: center;" >List Of Departments</h2></p>
<div class="List" style="font-size: large;">
<ol class="mylist1">
<li>Computer Science And Engineering</li>
<li>Civil Engineering</li>
<li>Information Technology</li>
<li>Computer Science And Business systems</li>
<li>Electrical And Electronics Engineering</li>
<li>Electronics And communication Engineering</li>
<li>Artificial Intelligence And Data Science</li>
<li>Mechanical Engineering</li>
</ol> </div>
</body>
</html>
department.html file:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Department</title>
</head>
ATHEESH A
953622205012

<body>
<center><h1 style="color: blue;">DEPARTMENT OF INFORMATION TECHNOLOGY
</h1></center>
<h3>We are living in a digital era, which is expected to accelerate advancements in information
and communication technology. This emergence has posed a great challenge to the instructional
system in terms of familiarizing with emerging technologies.</h3>
<h3>With a view of meeting this challenge, the Department of Information Technology was started
at RIT in 2022. Its mission is to transform into a centre of excellence for education and research in
information technology by embracing emerging technologies. Through academic excellence,
collaborative research, value-added courses, and online learning platforms like NPTEL, Coursera,
Edx, and others, the department aims to generate highly skilled and socially conscious information
technology professionals.
</h3>
<h3>The Department provides an excellent environment for students to learn and acquire skills
required by the industry. The department has experienced faculty members who are completely
committed to teaching and research, as well as faculty members who are certified in specialized
domains and trained in various platforms such as Infosys Springboard, Kotlin, Microsoft
TechSaksham, ZOHO offered Rural Youth Empowerment programme, Digital Marketing, RPA, ISTE
AI & ML, Redhat, NPTEL and others.</h3>
<h3>Along with developing specific skill sets, the department association's programmes and
activities seek to shape students into well-rounded individuals capable of solving real-time problems
and possessing values such as discipline, truthfulness, genuineness, team spirit and dynamism.</h3>
<center><table border=" border: 1px solid black;" style="font-size:larger; text-align: center;">
<tr>
<td><b>S.No</b></td>
<td><b>Students</b></td>
<td><b>Year of Study</b></td>
<td><b>Count</b></td>
</tr>
<tr>
<td>1</td>
<td>Male</td>
<td>I</td>
<td>28</td>
</tr>
<tr>
<td>2</td>
ATHEESH A
953622205012

<td>Female</td>
<td>I</td>
<td>32</td>
</tr>
<tr>
<td>3</td>
<td>Male</td>
<td>II</td>
<td>32</td>
</tr>
<tr>
<td>4</td>
<td>Female</td>
<td>II</td>
<td>28</td>
</tr>
</table></center>
</body>
</html>
style.css file:
body{
margin: 0;
padding: 0;
}
.header{
display:inline-block;
margin-left: 350px;
text-align: center;
}
.info ul li{
display: inline-block;
}
ATHEESH A
953622205012

.info ul{
padding-left:450px ;
}
Output:
ATHEESH A
953622205012

You might also like