Что такое сайт

Сегодня на уроке мы узнаем:

· Что такое сайт.

· Из каких технических компонентов состоит сайт.

· Как можно создать сайт.

· Какие основные элементы входят в состав сайта.

· Какие сайты бывают.

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

Страницы сайта связаны между собой ссылками и чаще всего объединены какой-то общей темой. У каждой страницы свой уникальный адрес, по которому её можно найти в Интернете. Страницы – это код, который пишут разработчики и верстальщики. Они с помощью кода задают функциональность и дизайн страниц сайта. Количество страниц у сайтов может быть разное, как одна, так и пятьдесят, и сто.

Сайты создают, чтобы:

· Распространить информацию, например, об услугах, товарах, компании и так далее.

· Найти новых клиентов.

· Создать площадку для общения.

· Сформировать имидж.

· Найти новых партнёров.

· Повысить эффективность бизнес-процессов и так далее.

Любой сайт состоит из совокупности технических компонентов:

Дизайн сайта. Это визуальное отображение информации в понятном виде. Дизайнеры продумывают, как элементы сайта будут расположены, то есть разрабатывают пользовательский интерфейс. В самом простом виде дизайн-макет сайта можно нарисовать ручкой на листке бумаги. Но чаще всего для этого используются разные программы. Например, Figma.

Вёрстка. Задачей верстальщиков сайтов является написание кода, который трансформирует дизайн-макет в считываемую браузером страничку, интерактивную для пользователя. Вёрстка помогает правильно расположить элементы на странице и сделать так, чтобы работать с ними было максимально удобно. Делается это c помощью языка разметки HTML и языка описания внешнего вида страницы CSS.

Программирование. Этим занимаются backend-разработчики. Они соединяют графическую оболочку и функции ресурса, интегрируют вёрстку и систему управления. Благодаря программированию кнопки интерфейса начинают работать.

Серверная часть. Это программа, которая находится на сервере и отдаёт пользователю нужную информацию (страницы, картинки) по запросу.

Клиентская часть. Это программа, которая работает на стороне клиента, то есть программа, с помощью которой пользователь открывает сайт, – собственно браузер.

Контент. В него входят текст, рисунки, музыка, видео и другие файлы.

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

Доменное имя. Домен – это название сайта, его адрес в сети Интернет. Домен в Интернете – это то, что пользователь вводит в адресную строку браузера, например, videouroki.net или mail.ru.

Хостинг. Это сервис для размещения сайтов, позволяющий опубликовать сайт или web-приложение в Интернете. Пользователь арендует пространство на сервере, на котором сможет хранить все файлы и данные, которые необходимы для правильного функционирования его сайта.

Создать сайт можно несколькими способами:

· Воспользоваться CMS-системами.

· Самостоятельно.

· Или воспользоваться конструкторами.

Конструктор сайтов – это программная система для создания сайтов из готовых блоков. Подойдёт для тех, кто не имеет специальных знаний программирования и хочет быстро и недорого создать простой сайт. CMS – это система управления контентом, а то есть, программное обеспечение для создания сайтов. Здесь уже потребуются знания программирования.

Сайт чаще всего состоит из следующих основных элементов:

· шапка (header),

· верхнее меню,

· тело сайта (body),

· боковое меню (sidebar),

· подвал (footer).

Шапка сайта находится вверху страницы над основным контентом. Здесь чаще всего располагают логотип, контакты и меню.

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

Верхнее меню, называемое также навигационным, может располагаться под шапкой или в самой шапке.

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

Меню может состоять из следующих кнопок или ссылок:

· Главная, чтобы перейти быстро на главную страницу.

· О себе.

· Услуги или товары.

· Контакты.

· Отзывы и так далее.

Тело сайта (body) — это часть страницы, где размещается основная информация. В отличие от меню, тело сайта на каждой странице разное, хотя некоторые блоки могут повторяться. Информацию, которая находится в теле сайта, чаще всего разделяют на тематические блоки. Основным блоком является обложка. Она также называется первый экран. Обложка обычно содержит иллюстрацию и небольшой текст, например, название компании, или имя владельца сайта и небольшой комментарий, чтобы посетитель сразу понял, что это за сайт. Кроме того, в теле сайта могут быть такие блоки как, описание товаров и услуг, отзывы, фотогалерея, ответы на часто задаваемые вопросы и так далее.

Боковая панель (sidebar) чаще всего представлена в виде колонки с левой или правой стороны страницы и содержит информацию или навигационные элементы. На боковой панели можно разместить:

· дополнительное меню;

· списки публикаций;

· рекламу или выгодные предложения;

· формы подписки, например, на рассылки, публикации блога, акции и новости.

Подвал сайта (footer) – это нижняя часть страницы, которая находится под всеми остальными блоками.

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

Любой хороший сайт должен содержать подвал, который отображается, как и меню на всех страницах.

Классифицировать сайты можно по разным признакам. Приведём одну из классификаций.

К интернет-представительствам относят:

· Сайт-визитку – это небольшой сайт, в основном из одной страницы и содержащий главную информацию о владельце сайта.

· Корпоративный сайт – это интернет-ресурс, содержащий полную информацию о компании, её услугах/продукции, событиях в жизни фирмы, историю развития и многое другое.

· Интернет-магазин – сайт, торгующий товарами посредством сети Интернет.

· Промо-сайт. Чаще всего такой сайт создаётся для проведения рекламной компании, поэтому информация на нём носит соответствующий характер: условия акций, места проведения, сроки, анонс, новости и другие сведения.

· Лендинг – это небольшой одностраничный сайт, который побуждает посетителя к действию: купить, зарегистрироваться, оставить заявку, подписаться.

Виды сайтов группы информационные услуги:

· Интернет-портал – сайт, предоставляющий пользователям различные интерактивные сервисы, функционирующие на одном ресурсе.

· Тематический сайт – информационный сайт, посвящённый какой-то одной тематике, например, мода, вязание, рыбалка.

· Блог – это web-сайт, основой которого является создание контента, состоящего из постоянных публикаций в обратной последовательности. Публикации в основном состоят из текста, но могут быть разбавлены мультимедийными файлами.

К web-сервисам относятся:

· Поисковики – это сервисы, вроде Yandex или Google, предназначенные для поиска других сайтов с содержанием искомой информации.

· Форумы – это специальный сайт, или раздел на сайте или портале, который организован для общения и обмена мнениями.

· Доска объявлений – это сайт для размещения объявлений.

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

· Фото-, видео-, аудиохостинг – это вид сайтов облачного типа для хранения фотографий, видео или музыки в Интернете.

В конце урока попробуйте ответить на следующие вопросы:

Что такое сайт?

Что такое домен?

Где находится шапка сайта?

Внимательно посмотрев урок, вам не составит труда ответить на вопросы.