This repository has been archived by the owner on Feb 16, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
start.html
115 lines (106 loc) · 10.3 KB
/
start.html
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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>What's Computer Science?</title>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<!--Import materialize.css-->
<link href="css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection" />
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous" />
<link rel="stylesheet" href="css/w3.css" />
<link rel="stylesheet" href="css/extraStyle.css" />
</head>
<body>
<!--hamburger menu styling programming start-->
<ul id="slide-out" class="sidenav">
<li>
<div class="user-view">
<div class="background">
<img src="assets/computer-science-header.jpg" width="350px" backgroundPosition="center">
</div>
<center><a href="#name"><span class="white-text name"><br><br><br></span></a></center>
</div>
</li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="Return to the homepage" href="index.html"><i class="fas fa-home fa-lg"></i>Home</a></li>
<li>
<div class="divider"></div>
</li>
<li><a class="subheader">Investigate</a></li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="An introduction to this whole page and its topics" href="start.html"><i class="fas fa-question fa-lg"></i>What's Computer Science?</a></li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="You may be thinking why you should study computer science, well come here and find out!" href="why.html"><i class="fas fa-search fa-lg"></i>Why study Computer Science?</a></li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="Computer Science is everywhere, but who actually uses it?" href="uses.html"><i class="fas fa-check fa-lg"></i>Who uses it?</a></li>
<li>
<div class="divider"></div>
</li>
<li><a class="subheader">Interact</a></li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="If you have never programmed before, Python is a great place to start" href="python.html"><i class="fab fa-python fa-2x"></i>Python</a></li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="If you got the hang of Python, you might want to try Java: The world's largest programming language" href="java.html"><i class="fab fa-java fa-2x"></i>Java</a></li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="Try something completely different: building a website like this" href="html.html"><i class="fab fa-html5 fa-2x"></i>HTML/CSS/JavaScript</a></li>
<li>
<div class="divider"></div>
</li>
<li><a class="subheader">Integrate</a></li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="With the rise of the digital age, new jobs have been created in the industry. This page tells you about some of the new opportunities out there" href="jobs.html"><i class="fas fa-briefcase fa-lg"></i>Jobs</a></li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="This is a page of external links which will take you to some other pages about computer science" href="learn.html"><i class="fas fa-graduation-cap fa-lg"></i>Learn more</a></li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="There are more languages apart from the ones mentioned earlier, come here to find out about some of them!" href="other.html"><i class="fas fa-code fa-lg"></i>Other languages</a></li>
<li>
<div class="divider"></div>
</li>
<li><a class="waves-effect" href="credits.html"><i class="fas fa-align-center"></i>Credits</a></li>
</ul>
<!--navbar style programming start-->
<nav class="grey darken-4 z-depth-3">
<div class="nav-wrapper">
<a class="brand-logo center">What's Computer Science?</a>
<div class="side-nav-button">
<!-- Hamburger menu call-->
<a href="#" data-target="slide-out" class="sidenav-trigger tooltipped show-on-large" data-position="right" data-tooltip="Menu"><i class="material-icons">menu</i></a>
</div>
<!--<a href="https://ghostcodebuilds.wordpress.com/" class="brand-logo center">
<i class="fas fa-cookie-bite"></i>Test Page </></a>-->
</div>
</nav>
<div class="parallax-container valign-wrapper">
<div class="container">
<div class="section no-pad-bot">
<div class="row center">
<h3 class="header center white-text text-lighten-2">Some people think that computer science is about sitting behind a computer all day</h3>
<h5 class="header col s12 light white-text">Breaking news: It isn't</h5>
</div>
</div>
</div>
<div class="parallax"><img src="assets/basic.png" alt="Unsplashed background img 1"></div>
</div>
<div class="container"></br>
<b><center><h4>Computer science is <big>huge</big>.</center></h4></b>
<br><p class="flow-text">Hello, and welcome to GhostCode's informational site about computer science and programming. The site is split into three sections: Investigate, interact, and integrate. Investigate will teach you about computer science, interact will allow you to try a bit of programming and integrate will give you some advice in how to include the wonders of computer science more into your life. Please remember that most of the content in here are placeholders, it does not represent the intended finsh of the final productand will be updated in a future build!</p>
<p class="flow-text">Computer science is not what most people think it is. What do you see when you think of computer scientists? Or programmers? I'm sure that the first picture that most people see is a person with glasses and a computer. Perhaps this is the first image you see?</p>
<center><img class="w3-round z-depth-2" src="assets/bill.jpg" width="250px"></center>
<p class="flow-text">He look like a loser, right? Well, actually, that's <a href="https://en.wikipedia.org/wiki/Bill_Gates">Bill Gates</a>! If you don't know who that is, he basically created Microsoft. Oh, and he's also one of the richest people in the world! So, as you can see, computer science can take you far. Computer science is a subject that spans theory and practice. Computer science also has strong connections to other subjects. Many problems in science, engineering, business and other areas can be solved with computers. However, finding a solution requires both computer science expertise and knowledge of the particular subject. As a result, computer scientists will often be proficient in other subjects.
<p class="flow-text">Computer science has a wide range of specialties. If you don’t like the software engineering side (the programming) then there are other areas which include: computer architecture, software systems, graphics, artificial intelligence and computational science (although if you are new to computer science you need not worry about these right now, but if you are interested it is advised to go and research about them). Drawing from a common core of computer science knowledge, each specialty area focuses on particular challenges. </p>
<p class="flow-text">Computer Science as three main elements: maths, science and engineering. Maths, which is the origin of Computer Science, provides reason and logic that computers require to operate, science provides the methodology for learning and refinement of the subject and engineering provides the techniques for building hardware and software which allow the maths and science to come to life. </p>
</div><div class="parallax-container valign-wrapper">
<div class="container">
<div class="section no-pad-bot">
<div class="row center">
<img src="assets/chart.png" height="450px">
</div>
</div>
</div>
<div class="parallax"><img src="assets/programming.jpg" alt="Unsplashed background img 1"></div>
</div>
<div class="container"><p class="flow-text">Computer Science is not just about computers. Rather it is the study of computation and information, and is a subject which involves you in the very make-up of the world, and over the last 30 years it has transformed the way we run our everyday lives.
<p class="flow-text">The home computer revolution brought a PC into every home. Now, the internet and social media have transformed the way that we communicate and the spread of information around the world.</p>
<p class="flow-text">Computer systems are all pervasive, ranging from the embedded system controlling a fridge to international banking systems handling billions of secure transactions every day. Many of these systems are very familiar, yet we take for granted the computational systems that make things like mobile phones, cars, aeroplanes and medical equipment possible.
<p class="flow-text">Computer Science has traditionally not been taught in schools. Rather, the use of software packages has been taught in ICT, which is a very different subject (a bit like the difference between knowing how to drive and knowing how to design and engineer a new car).
<p class="flow-text">As a subject, Computer Science requires logical thinking, creativity and problem solving. Since computer systems are now so large and complex, they are inevitably developed by large teams, so working well with others is also crucial. A Computer Science degree gives you the chance to study exciting new technologies as well as learning skills which will make you highly employable.
<center><a class="waves-effect waves-light btn-large grey darken-4 z-depth-2" href="why.html">Next: Why do computer science?</a></center><br>
</div>
<!-- scripts -->
<script type="text/javascript" src="js/materialize.min.js"></script>
<script>M.AutoInit();</script>
</body>
</html>