Что такое сайты и зачем они нужны?

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

Все страницы связаны между собой ссылками и обычно объединены общей темой или задачей.

Современный веб-сайт представляет собой мощный программный продукт, адресованный широкому кругу посетителей и призванный решать вполне конкретные задачи. Например, кто-то создает сайт для общения, кому-то он необходим для работы, кто-то зарабатывает с его помощью деньги, и т. д.

По действующему законодательству, у сайта обязательно есть владелец:
- физическое
- или юридическое лицо.
Что такое домен?
Домен (URL) — уникальный адрес сайта в сети. Его задача - упростить запоминание имени сайта (должен быть простой и запоминающийся).
Домен состоит из нескольких уровней:
1 уровень
2 уровень
3 уровень
Буквы после точки
Например:
.com - "коммерческий" (сайт)
.ru .ua - Россия, Украина (геогр.)
.aero - обозначение авиатранспортных компаний.
Что означает: обозначение географической зоны или тематики сайта
https://adspectrum.ru
Буквы до точки
Например:
Google.com
Yandex.ru
Что означает: уникальное имя, которое придумывает и регистрирует владелец сайта.
https://adspectrum.ru
Третий, четвертый уровень и т.д: части названия до основного домена, также отделенные точкой.
Например: market.yandex.ru.
Что означает: указывает на разделы сайта, внутренние проекты компании
ДОМЕН
Зарегистрировать можно только домен, у которого нет владельца, — то есть незанятый домен.
Что такое хостинг?
Хостинг - это услуга по размещению сайта в интернете. Оплачивая услугу хостинга, владелец арендует виртуальное пространство на сервере (хранилище данных), где и будет размещаться вся информация с сайта; в некоторых случаях хостинг предполагает аренду физического хранилища: выделенного сервера.
С ТИЛЬДОЙ ХОСТИНГ ОТДЕЛЬНО ИСКАТЬ И ОПЛАЧИВАТЬ НЕ НАДО!

Конструктор Тильда не предоставляет хостинг как классическую услугу, а делает сервис, который помогает размещать информацию в интернете. Сайт работает в облаке и все необходимые для его работы настройки производятся автоматически.
Кто делает сайты?
Разработка сайта
Сайты могут быть созданы при помощи специальных языков разметки и стиля (HTML, CSS) и языков программирования (PHP, Python, JavaScript).
Сайты могут быть созданы в конструкторах (Tilda, Wordpress и др.).

В конструкторах собирают сайты специалисты, чаще всего, не владеющие навыками программирования.
Над крупными сайтами и интернет-сервисами со сложным функционалом работают программисты и дизайнеры.
frontend-разработчики (отвечают за интерфейс) и backend-разработчики (отвечают за логику и функционал).

Есть специалисты, которые совмещают обе специализации: это разработчики полного цикла, или full-stack. Именно таких привлекают для реализации небольших проектов.
UI-дизайнеры (user interface) разрабатывают внешний вид сайта. UX-дизайнеры (user experience) разрабатывают структуру сайта, его логические схемы работы, составляют ТЗ для UI-дизайнеров.

Один человек может являться UI/UX-дизайнером.
Также есть профессии, напрямую не связанные с разработкой сайтов, а находящиеся в смежной сфере. Например, в разработке может участвовать SEO-специалист, интернет-маркетолог, копирайтер
В ключе нашего курса это веб-дизайнер, выполняющий функции UI/UX, разбирающийся в композиции, типографике и цвете. Владеющий графическими редакторами, умеющий самостоятельно строить коммуникацию с заказчиками и анализировать целевую аудиторию. Фрилансер или сотрудник небольшой веб-студии может также выполнять функции смежных специалистов, например, копирайтера.
Какие бывают сайты?
Сайты по тематике
Узкотематические
Общие
Сайты по ориентированности на прибыль
Коммерческие
Некоммерческие
Сайты по кол-ву страниц
Одностраничные
Многостраничные
Сайты по доступности
Открытые
(для всех в любое время)
Полузакрытые
(требуется регистрация, чтобы видеть какой-то конкретный материал)
Закрытые
(для огр. круга лиц, доступ по паролю. Например, студенты, военные, служебные сайты и т.р.)
По типу загрузки
Статические
(сайт в готовом виде, информация не меняется в зависимости от действий пользователя)
Динамические
(информация на странице генерируется в ходе пользовательских действий. Например, поисковые системы)
САЙТЫ
Трафиковые
Социальные
Другое
Веб-сервисы
Коммерческие
Информационные
• агрегаторы и доски объявлений
• онлайн-кинотеатры
• варезники
и др.
• соцсети
• сайты знакомств
• youtube
• форумы
и др.
• интернет-магазины
• лендинг пэйдж
• сайт услуг
и др.
• блоги
• статейники
• новости
и др.
• почтовые системы
• онлайн-инструменты
• хостинги
и др.
• поисковики
и др.
Какие сайты можно сделать на Тильде?
Функционала Тильды достаточно, чтобы создавать сайты для малого и среднего бизнеса:

• Лендинги
• Промо-сайты
• Портфолио/сайты-визитки
• Сайты компаний
• Сайты услуг
• Сайты с каталогом/ сайты-витрины
• Интернет-магазины
Landing Page
Лендинг ("продающий сайт") представляет собой одностраничный сайт, посвященный конкретному товару или услуге. Его цель - доведение пользователя до целевого действия.

Целевым действием может являться:
- покупка товара/услуги
- заполнение формы
- запись на мероприятие
и др.

На такой странице, как правило, есть описание
товара/услуги и акции, преимущества, отзывы, контакты
и формы обратной связи. Могут описываться способы
оплаты и другая дополнительная полезная информация.
Промо-сайт
Создается с целью продвижения основного сайта компании, какой-либо линейки товара или услуги.

Основной акцент в промо-сайте делается на графическом представлении информации, а не на объеме и тексте.

Такой сайт имеет нестандартный дизайн, много фото/видео.

Часто у компаний несколько разных промо-сайтов.
Сайт-визитка
• Небольшой сайт (1-10 стр.), на котором указывается информация о специалисте/компании, условия сотрудничества, контакты, сведения о наградах и сертификатах.

• Нет возможности заказать/купить товар или услугу.
Сайт-портфолио
Цель такого сайта - презентация работ (галерея) компании или специалиста, чтобы продемонстрировать опыт/мастерство.
Корпоративный сайт
  • Информирует клиента о направлении деятельности компании, её истории, ценностях и преимуществах - выделяет сильные стороны продукции. А также - в каких регионах работает компания? Как устроиться работать в эту компанию? Вакансии?

  • На сайте может быть размещена информация, интересная сотрудникам, например, библиотека документов. Часто такие сайты имеют пополняемые разделы (новости, блог).
Сайт с каталогом
На таком сайте есть информация о компании, сами товары и описание их преимуществ, отзывы, контакты и тд.

• Сайт, посвященный товарам или услугам

• Есть карточки товаров, показан полный ассортимент продукции.

• Есть формы обратной связи, но нет личного кабинета и корзины.
Сайт-витрина
На таком сайте может находиться информация о производстве, условиях сотрудничества, контактах.

• Сайт с описанием характеристик и фото товаров.
• Не указывается полный ассортимент, нет карточек, как в сайте-каталоге. То есть указываются примеры продукции.
• Нет цели продать товар через сайт напрямую, но есть цель привлечь клиента выйти на связь с продавцом.
Интернет-магазин - это сайт, на котором покупатели могут добавить товары в электронную корзину, затем оплатить и получить (забрать из пункта выдачи).

На таком сайте, помимо каталога(ов) с карточками товаров и подключенной корзиной, есть информация о компании, раздел с отзывами, различные формы обратной связи, страница контактов, раздел тематических статей и т.д.

Может быть личный кабинет для регистрации пользователей. Калькуляторы, квизы и т.д.
Интернет-магазин
Адаптивность и мобильная верстка
Чтобы сайт хорошо показывался на разных устройствах, можно:
Разработать два сайта:
один для ПК, другой для моб. устройств
Использовать адаптивную верстку.
Домашнее задание
1) Определиться с темой для проекта
2) Найти несколько сайтов на такую же или похожую тему, которые понравились. Составить список
3) Подумать над тем, к какому типу (типам) будет относиться будущий сайт
+ ознакомиться