Content Oriented Web
Make great presentations, longreads, and landing pages, as well as photo stories, blogs, lookbooks, and all other kinds of content oriented projects.
НАПИШИТЕ НАМ
Спасибо за обратную связь!

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

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

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

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

По действующему законодательству, у сайта обязательно есть владелец:
- физическое
- или юридическое лицо.
Что такое домен?
Домен (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) Подумать над тем, к какому типу (типам) будет относиться будущий сайт
+ ознакомиться