-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (95 loc) · 6.9 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
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="PL-pl">
<head>
<meta charset="UTF-8"/>
<meta name="description" content="Witaj, jestem Wojtek a to jest przewodnik po moim Repozytorium. Liczę, że znajdziesz tu wiele dobrego i wrócisz ponownie! Mój GitHub zawiera Arkusze, Zadania i Zagadnienia dotyczące Stron Internetowych, JavaScript jak i przygotowania do Egzaminu Zawodowego na Profilu Technik Informatyk."/>
<meta name="keywords" content="github, przewodnik, repozytorium, materiały, javascript, egzamin, zawodowy, arkusze, zadania"/>
<meta name="author" content="Wojtek"/>
<meta name="viewport" content="width=device-width"/>
<title>ITechnician - Exams</title>
<meta http-equiv="X-UE-Compatible" content="IE=edge,chrome=1"/>
<meta http-equiv="Content-Type" content="text/html"/>
<link rel="stylesheet" href="style.css" type="text/css"/>
<link rel="icon" href="favicon.png" type="image/png">
<link href="https://fonts.googleapis.com/css?family=Lato:400,900&display=swap&subset=latin-ext" rel="stylesheet">
</head>
<body>
<div id="container">
<div id="logo">
<span style="text-shadow: #f36742 5px 5px 20px; color: #f36742;">ITechnician</span>
<span style="color: #ffffff; text-shadow: #ffffff 5px 5px 20px;">- Exams</span>
</div>
<div id="menu">
<a href="index.html"><div class="option" style="border-left: 2px dotted #444444">Strona główna</div></a>
<a href="index1.html"><div class="option">Arkusze</div></a>
<a href="index2.html"><div class="option">JavaScript</div></a>
<a href="index3.html"><div class="option">Zadania</div></a>
<div style="clear: both;"></div>
</div>
<div id="topbar">
<div id="topbarL">
<img src="cat.png"/>
</div>
<div id="topbarR">
<span class="bigtitle">Skąd na to Pomysł?</span>
<div style="height: 30px;"></div>
<span style="font-weight: bold; color: #f36742;">„Wszystko, czego się dotąd nauczyłeś, zatraci sens, jeśli nie potrafisz znaleźć zastosowania dla tej wiedzy.”</span>
<span style="font-weight: bold;"> - Paulo Coelho, pisarz, poeta.</span>
Zapraszam do zapoznania się z witryną, dzięki której przyswoisz wiele zagadnień i poznasz różnorakie ćwiczenia z zakresu języków programowania, jak i budowy stron!
</div>
<div style="clear: both;"></div>
</div>
<div id="sidebar">
<a style="text-decoration: none;" href="index.html"><div class="optionL">Strona główna</div></a>
<a style="text-decoration: none;" href="index1.html"><div class="optionL">Arkusze</div></a>
<a style="text-decoration: none;" href="index2.html"><div class="optionL">JavaScript</div></a>
<a style="text-decoration: none;" href="index3.html"><div class="optionL">Zadania</div></a>
<div style="clear: both;"></div>
</div>
<div id="content">
<span class="bigtitle">O Repozytorium słów kilka...</span>
<div class="dottedline"></div>
Witajcie na mojej stronie poświęconej również mojemu repozytorium. Spytacie, po co jest ta strona? Otóż
<span style="font-weight: bold; color: #f36742;">została przeze mnie opracowana w ramach łatwiejszego dostępu i wyszukiwania potrzebnych plików.</span>
Myślę, że warto zaczać od tego, co to jest GitHub i co nam oferuje. A ma on wiele funkcji, bo:
<ul style="margin-left: 130px; font-weight: bold; color: #428870;">
<li><span style="color: #000000;">Zapewnia hostowanie repozytoriów,</span></li>
<li><span style="color: #000000;">Udostępnia fragmenty kodu innym programistom w zespole,</span></li>
<li><span style="color: #000000;">Dzieli się kodem ze społecznością GitHub,</span></li>
<li><span style="color: #000000;">Tworzy projekty Open Source,</span></li>
<li><span style="color: #000000;">Może stanowić portfolio programisty,</span></li>
<li><span style="color: #000000;">Obserwuje cudze projekty.</span></li>
</ul>
<a style="font-weight: bold; color: #f36742; text-decoration: none;" target="blank_;" href="https://github.com">GitHub</a>
<span style="font-weight: bold; color: #f36742;">jest serwisem, który pozwala na hostowanie repozytoriów i udostępnianie je innym programistom.</span>
Przede wszystkim naszym współpracownikom. GitHub jest więc narzędziem ułatwiającym pracę zespołową, z zachowaniem kontroli wersji. Obecnie GitHub może także pełnić funkcję portfolio. Często zdarza się, że rekruterzy IT wyszukujący programistów na zlecenie swoich klientów, wyszukują kawałki kodu w poszukiwanej technologii.
<div class="dottedline"></div>
<span style="font-weight: bold;">W moim zasobie znajdziesz wiele dobrego. To wszystko dotyczy zagadnień związanych z egzaminem zawodowym w kategorii praktycznej na profilu technik informatyk.</span>
Moje repozytorium składa się z:
<ol style="margin-left: 290px; font-weight: bold; color: #428870;">
<li><span style="color: #000000;">Arkuszy,</span></li>
<li><span style="color: #000000;">JavaScript'u,</span></li>
<li><span style="color: #000000;">Zadań</span></li>
</ol>
<div class="dottedline"></div>
W pierwszym zasobie znajdują się
<a style="font-weight: bold; color: #f36742; text-decoration: none;" target="blank_" href="index1.html">arkusze egzaminacyjne EE.09 i E.14.</a>
Jak wiadomo w ramach nowej reformy ten pierwszy zastąpił drugi, jednak są one bardzo podobne pod względem wymagań, jakie nakładają na zdającego. Właśnie dlatego wykonuje te jak i te. Dzięki nim możecie zapoznać się z rozwiązaniami przykładowych arkuszy praktycznych. W każdym katalogu zawierają się do tego niezbędne informacje.
<br/> <br/>
Druga podstrona obejmuje
<a style="font-weight: bold; color: #f36742; text-decoration: none;" target="blank_" href="index2.html">moje zadania z języka JavaScript.</a>
Wykonywałem je w oparciu o lekcje w mojej szkole. Każde z nich jest opisane, dzięki czemu nie sposób pomylić, czym się aktualnie zajmujemy. Ma to odniesienie do całego mojego repozytorium. To wszystko jest tak opisane i poukładane, żeby można było łatwo odnaleźć interesującą nas treść.
<br/> <br/>
Trzecia i ostatnia gałąź dotyczy
<a style="font-weight: bold; color: #f36742; text-decoration: none;" target="blank_" href="index3.html">zadań, które wykonywałem dotychczas na zajęciach szkolnych.</a>
Po wejściu do zakładki mamy do wyboru
<span style="font-weight: bold;">zadania z JavaScript'u lub inne proste działania.</span>
W nich możemy zapoznać się z zagadnieniami i wykonaniem poszczególnych poleceń i instrukcji.
</div>
<div id="footer">
<span style="color: #ffffff; text-shadow: #ffffff 2px 2px 20px;">Strona w sieci od 2020r.</span>
<span style="text-shadow: #f36742 2px 2px 20px; color: #f36742;">© Wszelkie prawa zastrzeżone</span>
</div>
</div>
</body>
</html>