Введение

1.

Введение
Что такое веб-сайт?

2.

Веб-сайт – объединение
нескольких логически
связанных веб-страниц

3.

Веб-сайт – объединение
нескольких логически
связанных веб-страниц
Веб-страница –
документ, содержащий
в себе код разных
языков
программирования

4.

HTML (HyperText Markup Language) –
язык разметки
CSS (Cascading Style Sheets) –
язык описания стилей
JavaScript – язык программирования

5.

HTML
<p>Hello</p>

6.

<p>Hello</p>

7.

<p>Hello</p>

8.

Hello

9.

CSS
Background: red;

10.

Background: red;

11.

Background: red;

12.

13.

Виды сайтов

14.

Виды сайтов
Информационные
Коммерческие
Развлекательные
Образовательные
Социальные
Корпоративные
Веб-сервисы

15.

Информационные
Новостные порталы: РИА Новости, BBC News
Блоги и медиа: Habr, LiveJournal
Справочники и энциклопедии: Википедия,
ПостНаука
Агрегаторы новостей: Яндекс.Новости,
Inoreader

16.

Коммерческие
Интернет-магазины: Wildberries, DNS
Сайты услуг: Профи.ру, YouDo
Сайты-визитки: Локальные студии
дизайна или визитки людей
Лендинги: Одностраничник для
привлечения к совершению действия

17.

Развлекательные
Видеостриминг: YouTube, Twitch
Музыкальные сервисы: Яндекс.Музыка, Spotify
Юмористические порталы: Пикабу
Игровые порталы: StopGame, Kanobu

18.

Образовательные
Онлайн-курсы: Stepik, Duolingo
Электронные библиотеки: Литрес, Arzamas
Платформы для репетиторов: TutorOnline, Skyeng
Образовательные YouTube-каналы: (как
сайты) Khan Academy

19.

Социальные
Социальные сети: ВКонтакте, Facebook
Форумы: Reddit, 4chan
Мессенджеры: Web.Telegram, Web.WhatsApp
Платформы для сообществ: Discord (серверы)

20.

Корпоративные
Сайты крупных компаний: Сбербанк, Газпром
Порталы для карьеры: HeadHunter (Hh.ru)
Сайты для инвесторов: Раздел с финансовой
отчетностью компании

21.

Веб-сервисы
Поисковые системы: Google, Яндекс
Электронная почта: Gmail, Яндекс.Почта
Облачные хранилища: Google Drive, Яндекс.Диск
Картографические сервисы: Яндекс.Карты,
Google Maps
Инструменты для работы: Canva, Figma,

22.

Вопросы?