EXPNO3

EXP.
NO:3 DESIGN A WEBPAGE USING HYPERLINK FOR YOUR DEPARTMENT
HOME.HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>College Homepage</title>
</head>
<body>
<header>
<h1>Welcome to Our College</h1>
</header>
<nav>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="department.html">Departments</a></li>
<li><a href="courses.html">courses</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<main>
<section>
<h2>Welcome to Our College</h2>
<p>At our college, we are committed to providing a world-class education, fostering

innovation, and preparing
students for success in their chosen fields.</p>
</section>
<section>
<h2>Explore Our Offerings</h2>
<p>Discover our diverse departments, learn about our admission process, and find the
support you need to
excel in your academic journey.</p>
</section>
</main>
</body>
</html>
ABOUT.HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>About Department</title>
</head>
<body>
<nav>
<ul>
<li><a href="Home.html">Home</a></li>
<li><a href="courses.html">Courses</a></li>
</ul>
</nav>
<main>
<section>
<h2 span style="color:blue"> ABOUT KEC </H2>
<img src="ct.jpg" width="448" height="213" hspace="20" style="float:right; ">
<P>Kongu Engineering College, one of the foremost multi professional research-led Institutions is
internationally a recognized leader in professional and career-oriented education. It provides an
integral, inter-disciplinary education - a unique intersection between theory and practice, passion
and reason. The College offers courses of study that are on the frontiers of knowledge and it
connects the spiritual and practical dimensions of intellectual life, in a stimulating environment that
fosters rigorous scholarship and supportive community. This Institute is a great possession of the
committed Trust called 'The Kongu Vellalar Institute of Technology Trust' in Erode District, Tamilnadu.
The noble Trust has taken the institute to greater heights since its inception in 1983 and has
established the college as a forum for imparting value based education for men and women.
The word 'Kongu' refers to a region of the southern state of India and the term 'Kongu Vellalar'
specially means the agricultural community, predominated in the west of Tamilnadu, which was
deprived of educational facility in those days. To achieve technical excellence in their rural areas, 41
philanthropists from different walks of life who realized the need for technical education for their
region's economic strides, formed collectively a Trust called 'The Kongu Vellalar Institute of
Technology Trust' and they tried to promote and develop equality of opportunity for the rich and the
poor.
Affiliated to Anna University Chennai,the college has completed more than three decades of
dedicated service to the people of India and abroad in the field of Technical Education. The
Institution has an area of 167 acres of land richly endowed with beautiful greeneries. The college
with its state-of- the- art infrastructural facilities and excellent academic records has earned
recognition as one of the reputed educational institutions for men and women in India.
</P>
<UL>
<LI>Tamilnadu Government G.O. Ms. No. 1294 dated 29.9.1984</LI>
<LI>AICTE, New Delhi approval No. F.No.45-46/91-AICTE/586 dated 19.4.1993</LI>
</UL>
</SECTION>
<section>
<H1 SPAN STYLE="COLOR:GREEN">ABOUT CT-UG</H2>

<h2>Our Mission</h2>
<p>The mission of our department is to provide high-quality education, foster research and
innovation, and
contribute to the community and society at large.</p>
</section>
<section>
<h2>Department History</h2>
<p>Founded in [Year], our department has a rich history of academic excellence and a
commitment to
preparing students for successful careers in their respective fields.</p>
</section>
<section>
<h2>Faculty and Staff</h2>
<p>Our dedicated team of experienced faculty and staff are passionate about education and
are committed to
providing support and guidance to our students throughout their academic journey.</p>
</section>
</main>
</body>
</html>
DEPARTMENT.HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<title>College Department</title>
<Style>
li:hover
color:red;
a:hover
color:green;
.main {
font-size: 36px;
font-weight: bold;
Text-align: left;
.myclass2 {
font-size: 18px;
font-weight: bold;
background-color: orange;
.myclass1 {
font-size: 18px;
font-weight: bold;
background-color: blue;
</style>
</head>
<body>
<header>
<h1>DEPARTMENT OF COMPUTER TECHNOLOGY-UG</h1>
</header>
<img src="ct.jpg"width="1500"height="400">
<nav>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="courses.html">Courses</a></li>
</ul>
</nav>
<div class="main">
Vision
</div>
<div class="myclass2">
To become a technically competent centre in the domain of computer science to take care of
the global industrial needs
</div>
</div>
<div class="main">
Mission
</div>
Department of computer technology-UG is committed to
<ul>
<li>Develop inventive, proficient, ethical and quality conscious software professionals</li>
<li>Produce stake holders who can contribute to technological development and social
upliftment</li>
<li> Provide students with the state-of-art technologies to excel in academics to meet the IT
industrial needs</li>
</div>
</div>
</body>
</html>
COURSES.HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css">
<title>College Department</title>
<style>
.myclass2 {
font-size: 18px;
font-weight: bold;
background-color: #c5c5db;
.myclass1 {
font-size: 18px;
font-weight: bold;
background-color:GREEN;
}
</style>
</head>
<body>
<header>
<h1>COURSES OFFERED</h1>
</header>
<h2 style="color:Tomato;">
Computer Systems and Design
</h2>
This branch of study focuses on providing the knowledge and skills necessary to develop new
paradigms for the design and development of state-of-the-art software projects by incorporating the
technologies of computer science.
Programme Educational Objectives
<UL>
<LI>Be successfully employed as Software developer and/or accepted into higher education</LI>
<LI> Engage in professional development with the ability to progress in the organization.</LI>
<LI> Adapt to societal changes of industries, lifelong learning and entrepreneurial endeavours.</LI>
<H1>Program Specific Outcomes (PSOs)</h1>

Analyze, develop and provide solutions to industrial problems in computer domain using
programming, data processing and analytical skills.
Apply software application oriented skills to innovate solution to meet the ever changing demands
of IT industry.
</div>
</div>
<h2 style="color:Tomato;">
Information Systems
</h2>
This branch of study focuses on providing the knowledge and skills necessary to develop new
paradigms for the design and development of state-of-the-art software projects by incorporating the
technologies of computer science.
Programme Educational Objectives
<UL>
<LI>Be successfully employed as Software developer and/or accepted into higher education</LI>
<LI> Engage in professional development with the ability to progress in the organization.</LI>
<LI> Adapt to societal changes of industries, lifelong learning and entrepreneurial endeavours.</LI>
<H1>Program Specific Outcomes (PSOs)</h1>
Analyze, develop and provide solutions to industrial problems in computer domain using
programming, data processing and analytical skills.
Apply software application oriented skills to innovate solution to meet the ever changing demands
of IT industry.
</div>
</div>
</body>
</html>
OUTPUT:

EXPNO3

Uploaded by

Copyright:

Available Formats

EXPNO3

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

EXPNO3

Uploaded by

Copyright:

Available Formats

EXP.

NO:3 DESIGN A WEBPAGE USING HYPERLINK FOR YOUR DEPARTMENT

<h1>Welcome to Our College</h1>

<li><a href="about.html">About Us</a></li>

<h2>Welcome to Our College</h2>

<p>At our college, we are committed to providing a world-class education, fostering

students for success in their chosen fields.</p>

<h2>Explore Our Offerings</h2>

excel in your academic journey.</p>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="styles.css">

<h2 span style="color:blue"> ABOUT KEC </H2>

<img src="ct.jpg" width="448" height="213" hspace="20" style="float:right; ">

<LI>Tamilnadu Government G.O. Ms. No. 1294 dated 29.9.1984</LI>

<LI>AICTE, New Delhi approval No. F.No.45-46/91-AICTE/586 dated 19.4.1993</LI>

<H1 SPAN STYLE="COLOR:GREEN">ABOUT CT-UG</H2>

contribute to the community and society at large.</p>

preparing students for successful careers in their respective fields.</p>

<h2>Faculty and Staff</h2>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<h1>DEPARTMENT OF COMPUTER TECHNOLOGY-UG</h1>

<li><a href="about.html">About Us</a></li>

<li>Develop inventive, proficient, ethical and quality conscious software professionals</li>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="styles.css">

Computer Systems and Design

Programme Educational Objectives

<H1>Program Specific Outcomes (PSOs)</h1>

Programme Educational Objectives

<H1>Program Specific Outcomes (PSOs)</h1>

You might also like