105 lines
5.3 KiB
HTML
105 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta name="keywords" content="Internet Fundamentals, Networking, Web Design, University, Coventry, CUC, 2020, CW2">
|
|
<meta name="description" content="An accessible, online resource for learning the fundamentals of the internet, web design, and networking. This was created for coursework for unit Z14IT 2020 by Joshua Killen Student ID: 9449871">
|
|
<meta name="author" content="Joshua Killen">
|
|
<meta http-equiv="refresh" content="60">
|
|
<meta name="viewport" content="width=device-width, initial=scale=1.0">
|
|
<meta charset="utf-8">
|
|
|
|
<link rel="stylesheet" href="../../main.css" type="text/css">
|
|
<link rel="stylesheet" href="../../sitewide_assets/navbar/navbar.css" type="text/css">
|
|
<script type="text/javascript" src="../../sitewide_assets/navbar/navbar.js"></script>
|
|
|
|
<base href="osi_model_assets/" target ="_self">
|
|
|
|
<title>Networking-OSI Model: Z14IT-Internet Fundamentals</title>
|
|
<img src="../../../sitewide_assets/logo.gif" alt="JKLearns">
|
|
<img class="uniLogo" src="../../../sitewide_assets/cuc_logo.png" alt="CU Coventry" width="259" height="59" align="right">
|
|
|
|
<div class="navBar" id="navBar">
|
|
<a href="../../../home/home.html">Home</a>
|
|
<a href="../../../evolution_of_the_internet/eoti.html">Evolution of The Internet</a>
|
|
<div class="dropDown">
|
|
<button class="networkDropBtn" onclick="networkDrop()">Networking</button>
|
|
<div class="networkDrop-content" id="networkDrop">
|
|
<a class="active" href="../osi_model.html">OSI Model</a>
|
|
<a href="../../routing/routing.html">Routing</a>
|
|
<a href="../../internet_protocols/ip.html">Internet Protocols</a>
|
|
<a href="../../ipv4/ipv4.html">IPv4</a>
|
|
<a href="../../ipv6/ipv6.html">IPv6</a>
|
|
<a href="../../tcp/tcp.html">TCP</a>
|
|
<a href="../../udp/udp.html">UDP</a>
|
|
<a href="../../internet_name_resolution/inr.html">Internet Name Resolution</a>
|
|
<a href="../../pop/pop.html">PoP</a>
|
|
<a href="../../dns/dns.html">DNS</a>
|
|
<a href="../../dchp/dchp.html">DCHP</a>
|
|
</div>
|
|
</div>
|
|
<div class="dropDown">
|
|
<button class="webDropBtn" onclick="webDrop()">Web Design</button>
|
|
<div class="webDrop-content" id="webDrop">
|
|
<a href="../../../website_design/html/html.html">HTML</a>
|
|
<a href="../../../website_design/css/css.html">CSS</a>
|
|
<a href="../../../website_design/javascript/javascript.html">JavaScript</a>
|
|
</div>
|
|
</div>
|
|
<a href="../../../contact/contact.html">Contact</a>
|
|
<a href="../../../about/about.html">About</a>
|
|
</div>
|
|
|
|
<link rel="stylesheet" href="osi_model.css" type="text/css">
|
|
</head>
|
|
|
|
<body>
|
|
<h1>OSI Model</h1>
|
|
<div class="osiDrop">
|
|
<div class="sevenDropBtn" onclick="7Drop()">Layer 7<div class="arrow">v</div></div>
|
|
<div class="7Drop-content" id="7Drop">
|
|
<p></p>
|
|
</div>
|
|
</div><br>
|
|
<div class="osiDrop">
|
|
<div class="sixDropBtn" onclick="6Drop()">Layer 6<div class="arrow">v</div></div>
|
|
<div class="6Drop-content" id="6Drop">
|
|
<p></p>
|
|
</div>
|
|
</div><br>
|
|
<div class="osiDrop">
|
|
<div class="fiveDropBtn" onclick="5Drop()">Layer 5<div class="arrow">v</div></div>
|
|
<div class="5Drop-content" id="5Drop">
|
|
<p></p>
|
|
</div>
|
|
</div><br>
|
|
<div class="osiDrop">
|
|
<div class="fourDropBtn" onclick="4Drop()">Layer 4<div class="arrow">v</div></div>
|
|
<div class="4Drop-content" id="4Drop">
|
|
<p></p>
|
|
</div>
|
|
</div><br>
|
|
<div class="osiDrop">
|
|
<div class="threeDropBtn" onclick="3Drop()">Layer 3<div class="arrow">v</div></div>
|
|
<div class="3Drop-content" id="3Drop">
|
|
<p></p>
|
|
</div>
|
|
</div><br>
|
|
<div class="osiDrop">
|
|
<div class="twoDropBtn" onclick="2Drop()">Layer 2<div class="arrow">v</div></div>
|
|
<div class="2Drop-content" id="2Drop">
|
|
<p></p>
|
|
</div>
|
|
</div><br>
|
|
<div class="osiDrop">
|
|
<div class="oneDropBtn" onclick="1Drop()">Layer 1<div class="arrow">v</div></div>
|
|
<div class="1Drop-content" id="1Drop">
|
|
<p></p>
|
|
</div>
|
|
</div><br>
|
|
<div class="footer">
|
|
<a class="about" href="../../../../about/about.html">About the Website</a><br>
|
|
<a class="contact" href="../../../../contact/contact.html">Contact Us</a>
|
|
</div>
|
|
</body>
|
|
</html> |