Programming_Formative_Assessment/comms.html at master · vvvm23/Programming_Formative_Assessment · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="en">
	<head>
		<!-- Bootstrap CSS -->
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
		<link rel="stylesheet" href="style.css">
		<!-- Required meta tags -->
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<title>Communication</title>
	</head>

	<body data-spy="scroll" data-target=".navbar" data-offset="50">
		<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
			<ul class="navbar-nav">
				<li class="nav-item">
					<a class="nav-link" href="index.html">Home</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="science.html">Science</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="medicine.html">Medicine</a>
				</li>
				<li class="nav-item active">
					<a class="nav-link" href="comms.html">Communication</a>
				</li>
				<li class="nav-item">
					<div class="navbar-text">   |   </div>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#s1">Communication at Lightning Speeds</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#s2">Mobile Phones</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#s3">Email</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#s4">Social Media</a>
				</li>
			</ul>
		</nav>
		<div id="left">
			<h1 id="s1">Communication at Lightning Speeds</h1>
			<p>Long distance communication has existed for centuries in the form of smoke signals and beacons. It is only recently that we have developed ways of transmitting information across the world in an instant. Since the 20th century, we have been using wires and radio signals to transmit messages. These wires are the basis of the internet that we all take for granted today.</p>
			<p>An early form of internet access known as dial-up allowed users to connect to the internet using the copper cables that made up the telephone network. Digital signals from a computer were converted to analogue signals using a modem. The typical maximum speed of dial-up connections is very slow, around 56 kbit/s. More modern internet access employs the use of fibre-optic cables to transmit information. There are also ways to access the internet without cables, such as Wi-Fi and the broadband cellular network (3G, 4G etc).</p>
			<h1 id="s2">Mobile Phones</h1>
			<p>Years ago, phones looked more like this than this. The majority of the developed world now walk around with a mobile phone in their pocket on a daily basis. Mobile phones developed over the years from being brick-sized devices with only calling capability. More and more features were added including cameras and touch-screens, and the first phone with games was released in 1994 (the Hagenuk MT-2000).</p>
			<h1 id="s3">Email</h1>
			<p>Email (short for Electronic Mail) may be overlooked as a method of day-to-day communication nowadays, but it was state-of-the-art technology back in the 1960s. Early systems required both the sender and recipient to be online in order to send a message. Wikipedia lists 11 issues with the transmission of email such as spam, attachment size limitation and malware.</p>
			<h1 id="s4">Social Media</h1>
			<p>Many people use Snapchat, Facebook and Twitter on a daily basis but they are fairly recent developments in terms of technology. Facebook itself was only launched in 2004, and the company has been a tech monolith, acquiring other businesses such as Instagram, Whatsapp and a myriad of startups. </p>

		</div>
		<!-- images could be added into divs with the paragraphs to line up the text with the image-->
		<div id="right">
			<img src="media/fibre_optic.jpg"  alt="Fibre-Optic Cables" />
			<br>
			<img src="media/phone_comms.jpg"  alt="A Mobile Phone" />
			<br>
			<img src="media/social_media.jpg" alt="Social Media App Icons" />
			<br>
			<img src="media/headset.jpg" alt="A Computer Headset" />
			<br>
		</div>
		<!-- Place HTML markup above this -->
		<!-- Optional JavaScript -->
		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
		<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
		<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
	</body>
</html>