-
Notifications
You must be signed in to change notification settings - Fork 0
/
y7.html
284 lines (238 loc) · 11.6 KB
/
y7.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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
<!DOCTYPE html>
<html lang="en">
<!-- Next add HTML stylesheet in the header for adding CSS elements -->
<head>
<title>KS3 Year 7 - NativeCS</title>
<link rel=“icon” href=”/images/favicon.ico” type=“image/x-icon”>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
overflow: scroll;
position: absolute;
overflow-x: hidden;
width: 100%;
.topnav {
overflow: hidden;
background-color: #483d8b;
display: flex;
justify-content: center;
}
.topnav a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav a:hover {
background-color: #ddd;
color: black;
}
.topnav a.active {
background-color: #ff6600;
color: white;
}
.dropdown {
float: left;
overflow: hidden;
}
.dropdown .dropbtn {
font-size: 17px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font-family: inherit;
margin: 0;
}
.navbar a:hover, .dropdown:hover .dropbtn {
background-color: #ff6600;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 999;
}
.dropdown-content a {
float: none;
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content a:hover {
background-color: #ddd;
}
.dropdown:hover .dropdown-content {
display: block;
}
}
.header {
padding: 150px; /* some padding */
text-align: center; /* center the text */
background-image: url("images/banner-year7.jpg");
background-position:bottom;
color: white; /* white text color */
}
/* Increase the font size of the <h1> element */
.header h1 {
font-size: 40px;
}
.footer {
font-size: 12px;
position:sticky;
left: 0;
bottom: 0;
width: 100%;
background-color: black;
color: white;
text-align: center;
left: 0;
bottom: 0;
overflow: hidden;
opacity: 0.9;
}
a:link {
color: white;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: yellow;
background-color: transparent;
font-weight: bold;
}
a:visited {
color: inherit;
}
div.page-content {
width: 100%;
max-width: 95%;
flex-wrap: wrap;
justify-content: center;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
}
div.page-content-1 {
width: 100%;
max-width: 95%;
flex-wrap: wrap;
justify-content: center;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
}
.image {
display: block;
margin-left: auto;
margin-right: 30px;
margin-top: auto;
}
div.page-content-2 {
width: 100%;
max-width: 95%;
flex-wrap: wrap;
justify-content: center;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
}
</style>
</head>
<!-- Stylesheet should be included in the header section -->
<body>
<div class="header">
</div>
<div class="topnav">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<div class ="dropdown">
<button class="dropbtn">KS3</button>
<div class="dropdown-content">
<a href="y7.html">Year 7</a>
<a href="y8.html">Year 8</a>
<a href="y9.html">Year 9</a>
</div>
</div>
<div class ="dropdown">
<button class="dropbtn">GCSE</button>
<div class="dropdown-content">
<a href="y10.html">Year 10</a>
<a href="y11.html">Year 11</a>
</div>
</div>
<div class ="dropdown">
<button class="dropbtn">Programming</button>
<div class="dropdown-content">
<a href="python.html">Python</a>
<a href="html.html">HTML</a>
<a href="css.html">CSS</a>
<a href="js.html">JavaScript</a>
</div>
</div>
<a href="ai.html">AI</a>
<a href="resources.html">Resources</a>
</div>
<div class ="page-content">
<center><h2>Year 7 - Fundamental Computer Skills</h2></center>
<p><img src="images/esafety.jpg" width="300px" height="300px" style="float:left" padding-right="30" class="image">
<p>In Year 7, we focus on teaching essential IT skills that are applicable across all subjects, while also preparing students for the computing curriculum. Throughout the year, we cover five units of assessed work, which are detailed below:</p>
<strong><h3>Unit 1 – File Management</h3></strong>
<p><strong>Navigating Network: </strong>Students will learn the basics of file management, including creating, organising, and maintaining folders and files on a computer and network. They will understand how to save, retrieve, and move files within a networked environment.</p>
<p><strong>Google Classroom / Teams: </strong>Introduction to using platforms like Google Classroom and Microsoft Teams for educational purposes. Students will learn to join classes, submit assignments, communicate with teachers and classmates, and manage their coursework.</p>
<p><strong>Searching Skills: </strong> Development of effective internet search strategies to find reliable information quickly. This includes using search engines, understanding search results, and evaluating the credibility of sources.</p>
<strong><h3>Unit 2 – Personal Online Safety</h3></strong>
<p><strong>What Information Should We Reveal in What Contexts: </strong>Students will learn about the types of personal information that should and shouldn't be shared online, understanding the context in which different information is appropriate to reveal.</p>
<p><strong>Online Privacy Features: </strong>Exploring privacy settings on various online platforms and understanding how to use them to protect personal information. This includes adjusting privacy settings on social media, managing cookies, and using private browsing modes.</p>
<p><strong>Consequences of Poor Online Safety: </strong>Discussion on the potential risks and consequences of poor online safety practices, such as identity theft, cyberbullying, and personal information leaks. Real-world examples will be used to illustrate these points.</p>
<strong><h3>Unit 3 – Components & Function of Computers</h3></strong>
<p><strong>Introduction to Binary: </strong>Basic introduction to the binary number system, how it represents data in computers, and its importance in computing.</p>
<p><strong>Basic Overview of the Components of a Computer: </strong>Students will learn about the main components of a computer, including the CPU, RAM, hard drive, motherboard, and peripherals. They will understand the function of each component and how they work together to make a computer operate.</p>
<strong><h3>Unit 4 – Introduction to Graphics</h3></strong>
<p><strong>Basic Drawing Tools: </strong> Introduction to basic digital drawing tools and software. Students will learn to use tools such as brushes, shapes, and layers to create simple drawings.</p>
<p><strong>Pixel Art: </strong>Learning the fundamentals of pixel art, where students create images pixel by pixel. They will understand concepts like resolution, colour palettes, and shading techniques.</p>
<p><strong>Icons – Logos: </strong>Exploration of the design principles behind icons and logos. Students will create their own simple icons and logos, learning about symbolism, simplicity, and scalability.</p>
<p><strong>Case Studies of App Icons and Company Logos: </strong>Analysis of various app icons and company logos, discussing the cultural and ethical considerations in their design. Introduction to bit depth and how it affects image quality and file size.</p>
<strong><h3>Unit 5 – Data Security and Online Security</h3></strong>
<p><strong>Phishing / Scams: </strong>Students will learn about phishing attacks and scams, how to recognize them, and strategies to avoid falling victim to them. This includes identifying suspicious emails, messages, and websites.</p>
<p><strong>Malware: </strong>Understanding different types of malware, including viruses, trojans, and spyware. Students will learn how malware spreads and the importance of anti-malware software.</p>
<p><strong>Password Security: </strong>Best practices for creating and managing strong passwords. Students will understand the importance of unique passwords for different accounts and the use of password managers.</p>
<p><strong>Recognising Scams / Malware: </strong>Developing skills to recognize various scams and malware in different contexts, such as emails, websites, and social media.</p>
<p><strong>Recognising Threats in Different Contexts: </strong></str>Training students to identify potential security threats in various online scenarios and environments, understanding how to respond appropriately.</p>
<strong><h3>Unit 6 – Flowhcarts and Algorithms</h3></strong>
<p><strong>Problem Solving: </strong>Using flowcharts as a tool for problem-solving. Students will learn to break down complex problems into smaller, manageable steps and represent them visually.</p>
<p><strong>Paired Work: </strong>Encouraging collaboration by having students work in pairs to create flowcharts. This helps develop communication and teamwork skills.</p>
<p><strong>Understanding FlowChart Symbols : </strong>Learning the standard symbols used in flowcharts, such as process, decision, start/end, and input/output. Students will understand how to use these symbols to create clear and logical flowcharts.</p>
<p><strong>Logic Gates: </strong>Introduction to basic logic gates (AND, OR, NOT) and their representation in flowcharts. Students will learn how logic gates are used in computing to perform simple decision-making processes.</p>
</div>
</body>
<div class ="footer">
<p>© 2024-5 | Joshua Levy | <a href="https://nativecs.uk" target="_blank">Native CS UK</a> | <a href="https://github.com/nativeCS" target="_blank">GitHub</a> | <a href="https://replit.com/@nativecomputinguk" target="_blank">Replit</a> | <a href="https://www.credly.com/users/joshualevy23/badges" target="_blank">Teach Computing<a> | <a href="https://dev.to/joshualevy84/" target="_blank">.DEV</a> | <a href="https://app.datacamp.com/profile/joshualevy84" target="_blank">Datacamp</a> | <a href="https://nativenglish.uk" target="_blank">Native English UK</a></p>
<a href="https://www.w3.org/WAI/WCAG2A-Conformance"
title="Explanation of WCAG 2 Level A Conformance">
<img height="32" width="88"
src="https://www.w3.org/WAI/WCAG22/wcag2.2A"
alt="Level A conformance,
W3C WAI Web Content Accessibility Guidelines 2.2">
<a href="http://www.w3.org/html/logo/">
<img src="https://www.w3.org/html/logo/badge/html5-badge-h-css3-graphics-semantics.png" width="100" height="32" alt="HTML5 Powered with CSS3 / Styling, Graphics, 3D & Effects, and Semantics" title="HTML5 Powered with CSS3 / Styling, Graphics, 3D & Effects, and Semantics"> <p xmlns:cc="http://creativecommons.org/ns#" >This work is licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-NC-SA 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/nc.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1" alt=""></a></p>
</a>
</div>
</html>