Мастерская

1.

МАСТЕРСКАЯ
~Изучаем бизнес, создаём свой сайт
и работаем красиво~
NOTT ENTERPRISES
HOLDINGS

2.

ПРИВЕТ, Я
ВИНОГРАДОВА
ДАРЬЯ
• Я создаю сайты.
• Я также написала уроки по покупке акций.
• Я и расскажу вам о том, как всё это делалось.
NOTT ENTERPRISES
HOLDINGS

ЦЕЛИ И ЗАДАЧИ
1
ЦЕЛЬ:
Научится основам по созданию сайтов.
ЗАДАЧИ:
1
Узнать в каких программах можно работать (дизайн, картинки, красивые шрифты и
тд).
2
Посмотреть созданные мною сайты.
3
Узнать, как создавать услуги и продукты ориентированных на человека
NOTT ENTERPRISES
HOLDINGS

4.

НАЧНЁМ
NOTT ENTERPRISES
HOLDINGS

5.

HTML КОД
это специальный язык разметки,
который применяется при создании
сайтов в интернете. Вообще любая
страница сайта — это html-код,
который браузер переводит в
дружественный вид для пользователя.
NOTT ENTERPRISES
HOLDINGS

6.

Сайты-это...
NOTT ENTERPRISES
HOLDINGS
-это совокупность веб-страниц, объединённых
под общим доменом и связанных ссылками,
тематикой и дизайнерским оформлением.
Любая страница, которую выдаёт на запрос
поисковая система, является частью какогонибудь сайта.

7.

КАК ЖЕ НАПИСАТЬ КОД?
<html>
<head>
<title>Это заголовок тайтл</title>
</head>
<body>
Это основное содержимое страницы.
</body>
</html>
NOTT ENTERPRISES
HOLDINGS

8.

НИЧЕГО СЛОЖНОГО,
ТАК МОЖЕТ КАЖДЫЙ!
NOTT ENTERPRISES
HOLDINGS

9.

NOTT ENTERPRISES
HOLDINGS

10.

NOTT ENTERPRISES
HOLDINGS

11.

NOTT ENTERPRISES
HOLDINGS

12.

Эта ваша первая веб страница на
языке разметки HTML!
Дальше больше, все только
начинается!
NOTT ENTERPRISES
HOLDINGS

13.

Абзацы
<html>
<head>
<title>Это заголовок тайтл</title>
</head>
<body>
<p>
Это абзац.
</p>
<p>
Это еще один абзац.
</p>
<p>
И еще один абзац.
</p>
NOTT ENTERPRISES
HOLDINGS
</body>
</html>

14.

Заголовки
<html>
<head>
<title>Это заголовок тайтл</title>
</head>
<body>
<h1>Заголовок h1</h1>
<h2>Заголовок h2</h2>
<h3>Заголовок h3</h3>
<h4>Заголовок h4</h4>
<h5>Заголовок h5</h5>
<h6>Заголовок h6</h6>
<p>Это первый абзац.</p>
<p>Это второй абзац.</p>
<p>Это третий абзац.</p>
</body>
</html>
NOTT ENTERPRISES
HOLDINGS

15.

Жирный текст
<html>
<head>
<meta charset="utf-8">
<title>Это заголовок тайтл</title>
</head>
<body>
<p>
Это обычный текст, а это <b>жирный</b> текст.
</p>
</body>
</html>
NOTT ENTERPRISES
HOLDINGS

16.

Ссылки
<html>
<head>
<title>Это заголовок тайтл</title>
</head>
<body>
<a href=" https://curlingshop.ru/">Ссылка на сайт магазина для
кёрлинга!</a>
</body>
</html>
NOTT ENTERPRISES
HOLDINGS

17.

Картинки
<html>
<head>
<title>Это заголовок тайтл</title>
</head>
<body>
<img src="test.png">
</body>
</html>
NOTT ENTERPRISES
HOLDINGS

18.

А в каких
программах
работать?
NOTT ENTERPRISES
HOLDINGS

19.

А теперь самое
интересное.
NOTT ENTERPRISES
HOLDINGS

20.

Дизайнмышления
Метод создания продуктов и
услуг, ориентированных на
человека
NOTT ENTERPRISES
HOLDINGS
• Погружаемся в опыт
пользователя.
• Изучаем индивидуальный
сценарий.
• Движемся короткими
итерациями.
• Разрабатываем экономно.

21.

01. Эмпатия и
исследование
Помогает погрузиться в опыт
пользователя, чтобы понять его
проблемы, и найти возможности
для улучшения его жизни
собрать истории пользователей,
которые описывают позитивный
или негативный опыт в области,
которую мы выбрали для
исследования.
NOTT ENTERPRISES
HOLDINGS