-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
162 lines (147 loc) · 8.33 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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<html>
<head>
<link rel="stylesheet" href="css.css">
<style>
#wrapper {
width: 5040px;
position: relative;
left: 0px;
transition: left .5s ease-in-out;
}
#navLinks {
margin-left: auto;
margin-right: auto;
//margin-left: 250px;
text-align: center;
width: 1300px;
}
#navLinks ul {
margin: 0px;
padding: 0px;
display: inline-block;
margin-top: 6px;
}
#navLinks ul li {
float: left;
text-align: center;
margin: 10px;
list-style: none;
cursor: pointer;
background-color: #CCCCCC;
padding: 15px;
border-radius: 50%;
border: black 5px solid;
}
#navLinks ul li:hover {
background-color: #ff2400;
}
#navLinks ul li.active {
background-color: #FFFF77;
color: #FFFFFF;
outline-width: 7px;
}
#navLinks ul li.active:hover {
background-color: #484848;
color: #FFFFFF;
}
#contentContainer {
margin-left: auto;
margin-right: auto;
//margin-left: 150px;
width: 1260px;
height: 550px;
border: 5px black solid;
overflow: hidden;
}
.content {
float: left;
width: 1260px;
height: 550px;
white-space: normal;
background-repeat: no-repeat;
}
#itemOne {
background-color: #ADFF2F;
background-image: url("https://raw.githubusercontent.com/CblNCoBaKu/fotki/main/%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202022-10-21_3-14-36.324.jpg");
}
#itemTwo {
background-color: #FF7F50;
background-image: url("https://raw.githubusercontent.com/CblNCoBaKu/fotki/main/%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202022-10-21_3-13-32.508.jpg");
}
#itemThree {
background-color: #1E90FF;
background-image: url("https://raw.githubusercontent.com/CblNCoBaKu/fotki/main/%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202022-10-21_3-15-26.618.jpg");
}
#itemFour {
background-color: #DC143C;
background-image: url("https://raw.githubusercontent.com/CblNCoBaKu/fotki/main/%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202022-10-21_3-16-24.321.jpg");
}</style>
<script defer src="script.js" type="text/javascript"></script>
</head>
<body>
<H1>Личная страница-отчет</H1>
<H2>Студента Сорокиной Татьяны Александровны</H2>
<H2>Группы ИДМ-22-04</H2>
<H2>По дисциплине "Интернет-технологии"</H2>
<H3>Лабораторная №1. Экосистема разработки программ с открытым кодом</H3>
<p>Цель работы - создание персональной страницы-отчета на github и работа с git: </p>
<p1>В рамках достижения данной цели было необходимо выполнить следующие задачи: </p1>
<ol>
<li> Зарегистрироваться на GitHub.</li>
<li> Создать репозиторий для хоста своей страницы. </li>
<li> Создать личную страницу-отчет. </li>
<li> Написать реферат по двум вопросам из 27 билета. </li>
</ol>
<p1>Результат - у вас на экране! А c рефератом можете ознакомиться перейдя по <a href="https://github.com/stankin/inet-2022/wiki/exam27">ссылке</a>. </p1>
<H3>Лабораторная №2. Разработка простого приложения</H3>
<p>Цель работы - проектирование и разработка коллективного приложения. </p>
<p1>В рамках достижения данной цели были выполнены следующие шаги: </p1>
<ol>
<li> Была сформирована команда в составе восьми человек и распределены роли в проекте:
<ul>
<li><a href="https://github.com/Magystr/str2709.github.io">Кирилл Шевляков</a> - Руководитель проекта. </li>
<li><a href="https://github.com/julesinspection/Grigory">Григорий Саркисьянц</a> - Системный программист. </li>
<li><a href="https://github.com/ilya0667/-ilya0667.github.io">Илья Денисов</a> - Ответственный за внедрение. </li>
<li><a href="https://github.com/CblNCoBaKu/CblNCoBaKu.github.io">Ситников Владислав</a> - Ответственный за научные исследования. </li>
<li><a href="https://github.com/Gorgeouskad/KuzminA.github.io">Антон Кузьмин</a> - Ответственный за бизнес-анализ. </li>
<li><a href="https://github.com/TatyanaSor">Татьяна Сорокина</a> - Ответственная за администрирование. </li>
<li><a href="https://github.com/AlexandrBarkan/BarkanA.github.io">Александр Баркан</a> - Прикладной программист. </li>
<li><a href="https://github.com/mayaishii">Майя Исии</a> - Ответственная за консалтинг. </li>
</ul>
</li>
<li> Было выбрано название команды - TWITs. </li>
<li> Было спроектировано и разработано приложение, ознакомиться с которым можно на <a href="https://bubadev.github.io/TWITs-Website/">целевой странице</a> </li>
</ol>
<H3>Лабораторная №3. Настройка локальной сети передачи данных</H3>
<p>Цель работы - настройка коммутаторов и маршрутизаторов для осуществления работоспособности локальной сети. </p>
<p1>В рамках достижения данной цели были выполнены следующие шаги: </p1>
<ol>
<li> В эмуляторе была построена топология небольшой локальной сети, состоящей из двух подсетей, соединненых между собой маршрутизаторами.</li>
<li> Были выбраны адреса для подсетей: 192.168.0.0/29 и 192.168.0.8/29, а также служебная сеть 192.168.0.16/30 - для связи маршрутизаторов. </li>
<li> Сетевым устройствам были присвоены адреса из выбранных диапазонов. </li>
<li> Была настроена статическая маршрутизация на маршрутизаторах. </li>
<li> Была проверена работоспособность сети - с ПК0 был отправлен пинг на ПК2. </li>
<li> <a href="https://github.com/Magystr/str2709.github.io/blob/215ea2babb2589238045d8a15d7bf77f6e56d079/%D0%A1%D1%85%D0%B5%D0%BC%D0%B0.pkt">Файл модели сети</a>. </li>
</ol>
<div id="contentContainer">
<div id="wrapper">
<div id="itemOne" class="content">
</div>
<div id="itemTwo" class="content">
</div>
<div id="itemThree" class="content">
</div>
<div id="itemFour" class="content">
</div>
</div>
</div>
<div id="navLinks">
<ul>
<li class="itemLinks" data-pos="0px"></li>
<li class="itemLinks" data-pos="-1260px"></li>
<li class="itemLinks" data-pos="-2520px"></li>
<li class="itemLinks" data-pos="-3780px"></li>
</ul>
</div>
</body>
</html>