Skip to content

Commit e09c56f

Browse files
author
shulman.vitaliy
committed
update
1 parent 376faac commit e09c56f

File tree

11 files changed

+164
-1
lines changed

11 files changed

+164
-1
lines changed

‎README.md

Lines changed: 32 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,32 @@
1-
# web-2
1+
# Основы HTML & CSS
2+
3+
Цель работы — знакомство с языками HTML и CSS, а также получение практических навыков применения каскадных таблиц стилей для формирования отображения страниц HTML.
4+
5+
В рамках данной лабораторной работы предлагается освоить языки HTML и CSS - базовые техноогии для разработки frontend-части веб-приложений.
6+
7+
## Основные теоретические сведения
8+
9+
Весь объем необходимых теоретических сведений для данной лабораторной работы содержится в курсе https://stepik.org/course/82108/info в первых 4 разделах:
10+
1. "Описание курса"
11+
2. "Историческая справка"
12+
3. "HTML (HyperText Markup Language)"
13+
4. "CSS (Cascading Style Sheets)"
14+
15+
## Порядок выполнения
16+
17+
1. Ознакомьтесь с курсом https://stepik.org/course/82108/info
18+
2. Сделайте форк данного репозитория в GitHub, склонируйте получившуюся копию локально, создайте от мастера ветку дев и переключитесь на нее
19+
2. Выполните задания на разработку header, footer и card сайта. Ссылки на задания содержатся в README-файлах в директории projects
20+
3. Сделайте отчёт и поместите его в директорию docs
21+
4. Зафиксируйте изменения, сделайте коммит и отправьте полученное состояние ветки дев в удаленный репозиторий GitHub
22+
5. Через интерфейс GitHub создайте Pull Request dev --> master
23+
6. Защитите лабораторную работу...
24+
25+
## Содержание отчета
26+
27+
1. Титульный лист
28+
2. Цель работы
29+
3. Задание
30+
4. Ход работы со скриншотами и листингами результатов
31+
5. Заключение
32+
6. Список использованных источников

‎docs/title_page_template.docx

46.8 KB
Binary file not shown.

‎projects/card/README.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
Ссылка на задание: https://stepik.org/lesson/585818/step/2?unit=580581
2+
3+
После решения задания полученный код файлов .html и .css необходимо перенести в данный репозиторий

‎projects/card/index.html

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Document</title>
8+
<link rel="stylesheet" href="style.css">
9+
<!-- Подключите шрифт -->
10+
</head>
11+
<body>
12+
<div class="container">
13+
<!-- Здесь должен быть ваш код -->
14+
</div>
15+
</body>
16+
</html>
17+
18+
19+
20+

‎projects/card/style.css

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
*{
2+
margin: 0;
3+
padding: 0;
4+
}
5+
body{
6+
font-family: 'Open Sans', sans-serif;
7+
}
8+
9+
.container{
10+
display: flex;
11+
justify-content: center;
12+
align-items: center;
13+
width: 100%;
14+
height: 100vh;
15+
padding: 20px;
16+
background-color: #15638F;
17+
18+
}
19+
20+
21+
22+

‎projects/footer/README.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
Ссылка на задание: https://stepik.org/lesson/503356/step/2?unit=495190
2+
3+
После решения задания полученный код файлов .html и .css необходимо перенести в данный репозиторий

‎projects/footer/index.html

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Document</title>
8+
<link rel="stylesheet" href="style.css">
9+
<!-- Подключите шрифт -->
10+
</head>
11+
<body>
12+
<div class="wrapper">
13+
<main class="main"></main>
14+
<footer class="footer">
15+
<!-- Здесь должен быть ваш код -->
16+
</footer>
17+
</div>
18+
</body>
19+
</html>
20+
21+
22+
23+
24+
25+
26+

‎projects/footer/style.css

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
*{
2+
margin: 0;
3+
padding: 0;
4+
}
5+
html,body{
6+
font-family: 'Exo 2', sans-serif;
7+
height: 100%;
8+
}
9+
.wrapper {
10+
display: flex;
11+
flex-direction: column;
12+
min-height: 100%;
13+
}
14+
.main {
15+
flex: 1 0 auto;
16+
}
17+
.footer{
18+
flex: 0 0 auto;
19+
}
20+
21+

‎projects/header/README.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
Ссылка на задание: https://stepik.org/lesson/503355/step/2?unit=495189
2+
3+
После решения задания полученный код файлов .html и .css необходимо перенести в данный репозиторий

‎projects/header/index.html

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Document</title>
8+
<link rel="stylesheet" href="style.css">
9+
<!-- Подключите шрифт -->
10+
</head>
11+
<body>
12+
<header class="header">
13+
<nav class="menu">
14+
<!-- Здесь должен быть ваш код -->
15+
</nav>
16+
</header>
17+
</body>
18+
</html>
19+
20+
21+

‎projects/header/style.css

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
*{
2+
margin: 0;
3+
padding: 0;
4+
}
5+
6+
body{
7+
8+
}
9+
10+
.header{
11+
width: 100%;
12+
box-sizing: border-box;
13+
}

0 commit comments

Comments
 (0)