-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
128 lines (112 loc) · 5.29 KB
/
index.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
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Kapitoly informatiky jsou web zaměřený na učivo informatiky pro studenty středních škol a gymnázií.">
<meta name="author" content="Vladimír Chlup">
<title>Kapitoly informatiky</title>
<link rel="stylesheet" href="style.css">
<link rel="canonical" href="https://kapitolyinformatiky.cz/" >
<link rel="manifest" href="manifest.json" >
<link rel="icon" href="favicon.ico" >
<link rel="icon" type="image/png" href="images/icon16.png" sizes="16x16" >
<link rel="icon" type="image/png" href="images/icon32.png" sizes="32x32" >
<link rel="icon" type="image/png" href="images/icon192.png" sizes="192x192" >
<link rel="shortcut icon" type="image/png" href="images/icon512.png" sizes="512x512" >
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon.png" >
<meta property="og:image" name="twitter:image" content="https://kapitolyinformatiky.cz/images/icon512.png" >
<meta property="og:description" name="twitter:description" content="Kapitoly informatiky jsou web zaměřený na učivo informatiky pro studenty středních škol a gymnázií." >
<meta property="og:title" name="twitter:title" content="Kapitoly informatiky" >
</head>
<body>
<header>
<a href="index.html"><img id="logo" src="images/logo.svg" alt=""></a>
</header>
<label for="mytoggle"></label>
<input type="checkbox" id="mytoggle">
<div id="menu">
<nav>
<ul>
<li><a href="about.html">O webu</a></li>
<li><a href="chapters/index.html">Kapitoly</a></li>
<li><a href="exercises/index.html">Procvičování</a></li>
<li><a href="teachers/index.html">Pro učitele</a></li>
<li><a href="term-index.html">Rejstřík</a></li>
<li><a href="external-materials.html">Další materiály</a></li>
</ul>
</nav>
</div>
<div id="content">
<article>
<h1>Vybrané kapitoly z informatiky pro střední školy</h1>
<p>
Vítej na webu kapitoly informatiky!
</p>
<p>
Účelem webu je nabídnout a přiblížit vybraná témata z informatiky studentům
středních škol a gymnázií. Stěžejní částí stránek je sekce Kapitoly, kde najdeš
jednotlivé studijní texty věnované různým tématům.
</p>
<p>
Probranou látku si pak můžeš procvičit v sekci Procvičování, kde najdeš příklady
a úlohy, které ti pomůžou ověřit si, nakolik jsi tématu porozuměl. Pokud tě
informatika zaujala, určitě se podívej do sekce Další materiály, kde najdeš zdroje
a tipy pro další studium.
</p>
<h2>Jak web číst</h2>
<p>
Jako první by sis měl přečít samotnou kapitolu. Jakmile máš pocit, že jsi
kapitole porozuměl, můžeš si látku některých kapitol vyzkoušet v sekci Procvičování.
</p>
<p>
Při čtení jednotlivých kapitol narazíš na různé barevní rámečky s dalšími
informacemi, příklady či poznámkami. Každý typ rámečků má svou barvu, níže
najdeš přehled všech barev i s vysvětlivkami.
</p>
<div class="warn">
<p>
Tyto rámečky bys rozhodně neměl přehlížet. Obsahují informace,
které ti usnadní pochopení dalšího textu, např. vysvětlení
používané notace.
</p>
</div>
<div class="example">
<p>
V těchto rámečcích se budou objevovat příklady k procvičení
nebo lepšímu pochopení vysvětlované látky.
</p>
</div>
<div class="notice">
<p>
Rámečky této barvy obsahují zajímavé informace, které text
dále rozšiřují, ale nejsou pro pochopení látky nezbytně nutné.
</p>
</div>
<div class="summary">
<p>
Tyto rámečky najdeš na konci kapitoly a najdeš v nich přehled
nejdůležitějších pojmů.
</p>
</div>
<div class="quickcheck">
<p>
Tady najdeš pár otázek, příkladů nebo poznámek, s jejichž pomocí
si můžeš ověřit, nakolik jsi látce porozuměl.
</p>
</div>
<p>
Pokud budeš mít jakýkoliv dotaz nebo třeba i zpětnou vazbu k webu či nějaké
kapitole, určitě se ozvi na e-mail, který najdeš v patičce nebo v sekci O webu.
</p>
</article>
</div>
<footer>
<div class="triple">
<p>Aktualizace: 20. 5. 2024</p>
<p>Licence CC BY-NC-SA</p>
<p>[email protected]</p>
</div>
</footer>
</body>
</html>