Словарь терминов

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

Многие люди, которые занимаются своим бизнесом стараются выйти в онлайн пространство и задумываются о разработке своего сайта. Когда они начинают включаться в тему разработки сайта, перед ними всплывают термины, которые до этого времени они либо никогда не встречали, либо очень смутно представляют их смысл. Однако, чтобы быть на одной волне с разработчиком и понимать то, о чем он говорит, необходимо иметь представление о некоторых понятиях и терминах в веб-дизайне. Итак, начнем.  Все, что вы хотели знать и понять о разработке сайта.

Блоки сайта

  • Ховер. Под ховером, от англ. Hover-парить, понимаются своего рода различные эффекты: всплывающие подписи, подсказки, плавные переходы, трансформация, ротация, увеличение, смещение и прочее, которые появляются при наведении курсора мыши на них.  Ховер-эффекты могут сделать Ваш сайт более живым и интересным. 
  • Футер. Это один из элементов страницы, так называемый «подвал». Он находится в самом низу страницы и чаще всего содержит контактную информацию, краткое описание сайта и информацию о владельце, еще иногда там размещают карту с местом расположения компании, режим работы и/или электронную почту и дополнительные средства связи. Часто дизайнеры не придают значения данной части сайта, но этого делать не стоит. В футере вы можете разместить, как стандартную информацию, так и что-то особенное, индивидуальное, что будет отличать Ваш сайт от других, будет выделять Вашу компанию или Вас.
  • Хедер. Под хедером понимается самый верх сайта, где, как правило располагается логотип, верхнее меню.  
  • Скролл. Скролл- эффект — это приемы, связанные с направлением и прокруткой самой страницы, относительно окна браузера. Различают несколько видов скроллов. Есть эффект, который называется back to top, он возвращает в начало страницы, если вы пролистали ниже.  Также существует еще эффект «прилипание».  Он реализуется, когда какой-то элемент, например, на верхней части страницы прикреплен сначала к хедеру, а после прокрутки ниже, он просто остается наверху, и вы продолжаете просмотр сайта, но с этим элементом в верхней части. Этот эффект полезен для меню или контактов, когда Вы можете перейти в другой раздел меню или в контакты сразу с любой части страницы.
  • Карусель. Для выставления контента на сайт также используют такую функцию как карусель.  Это могут быть чаще всего карточки товаров, а также изображения, фотографии, картины, которые сменяют друг друга на экране. Данная опция предназначена для того, чтобы на странице можно было расположить большее количество элементов, например, не 4, а 12. Каруселью можно управлять, например, выставить таймер, и она будет перелистываться через определенное время, либо перелистывать самостоятельно.
  • Слайдер. Это еще один вариант для размещения контента. Он представляет собой блок из 3-5 картинок, которые сменяют друг друга. В слайдере есть маркеры, которые показывают, количество слайдов и текущее расположение, а также средства навигации. Чаще всего слайдер используют для отображения акций, специальных предложений или товаров дня на главной странице сайта.
  • Копирайт. Копирайт представляет собой сноску внизу страницы, которая отображает то, кому принадлежит этот контент.
  • Пагинация. Под пагинацией понимают разбиение контента.  Это придумано для того, чтобы статью или серию картинок, или фотографий не загружать целиком на одну страницу, а разбить на несколько страниц, что увеличивает скорость загрузки сайта (страницы). При этом под частью контента вы можете увидеть цифры страниц и выбрать пролистать вперед или назад. 
  • Кликабельность. На сайтах находится большое количество элементов: это и заголовки, и статьи, и фотографии, и другие не менее важные структуры.  Для более удобного и простого перехода на интересующие страницы многие заголовки, а также пункты меню делаются кликабельными. Это значит, что, нажав на данный пункт на сайте, вы автоматически переходите на выбранную страницу.

Свойства сайта

словарь терминов
  • Мультидоменность. Это возможность с помощью одной системы работать сразу с несколькими сайтами на разных доменах.
  • Мультиязычность. Это возможность сайта отображаться на различных языках.
  • Адаптивность. Для того, чтобы сайт можно было открыть на разных устройствах, в разных браузерах, его делают адаптивным. В таком случае, где бы вы ни открыли его, сайт будет выглядеть и работать так, как изначально был разработан.
  • Эмуляция мобильной версии (просмотр через код). Это возможность проверить отображение и работу сайт на других устройствах и операционных системах. Тестирование сайта на различных устройствах довольно трудозатратное дело, однако для этих случаев были разработаны эмуляторы различных систем, например, для iOS и Android. Для просмотра в другой операционной системе устанавливается эмулятор, и он практически точно отражает то, как будет выглядеть сайт в том или ином разрешении. Это помогает выявить нюансы, ошибки или недочеты, которые остаются скрытыми до такого тестирования.

Дизайн

  • Кастомизация. Во время реализации проекта сайта при использовании шаблонных решений необходимо проводить кастомизацию. А именно, необходимо приспособить продукт под особенности и потребности целевой аудитории максимально оптимально. Разработчики на основе анализа маркетолога с помощью выявления тех или иных ментальностей аудитории могут сделать сайт, который будет идеально работать в своей сфере и отражать все потребности и запросы посетителей. Кастомизация чаще всего реализуется в использовании шаблонов сайтов, когда нужно готовый шаблон приспособить для индивидуальных потребностей, для конкретного сайта.
  • Шаблоны. Шаблон представляет собой готовые страницы сайта с определенным дизайном. Выбирая шаблон, вы можете представить сразу, как будет выглядеть Ваш сайт. В готовом шаблоне необходимо поменять только наполнение, выбрать необходимые страницы, эффекты, расположения и индивидуальные моменты, а также сделать кастомизацию. Это экономит время на разработку сайта, а также средства, к тому же существует достаточно большое количество шаблонов, которые имеют интересный дизайн и по своему исполнению не отстают от возможности индивидуального дизайна. (ссылка на статью про шаблоны и дизайн).
  • Дизайн-макет сайта. Это образ будущего сайта, то как он будет выглядеть по готовности, дизайн-макет — это картинка, которая отражает полностью то, какой будет внешний вид страниц. Это по сути PSD файлы. В случае разработки адаптивных сайтов, дизайн-макет разрабатывается под каждое отдельное требуемое разрешение.

Интернет-соединение

словарь терминов
  • Домен/Доменное имя. Это то, что будут видеть пользователи сайта в адресной строке. Это адрес ресурса. Существуют домены первого и второго уровней. У каждой страны есть свой домен первого уровня (ru, uk и т.д.) Домен второго уровня представляет собой само название сайта.
  • Поддомен. Его еще называют домен третьего уровня, Название поддомена состоит из названия основного ресурса и своего собственного. Вот, например, https://news.yandex.ru/, где .ru-это первый уровень, Yandex- второй уровень, основное название сайта, а news- домен третьего уровня, какой-либо раздел данного сайта или полностью отдельный сайт.
  • Хостинг. Под хостингом понимается месторасположение сайта. То есть это место с серверами, на котором установлено специально ПО и где Ваш сайт будет размещаться и поддерживаться.

Внутренняя разработка сайта

словарь терминов
  • CMS система. (Content Management System- Система управления содержимым). Данная компьютерная программа обеспечивает работу с содержимым сайта: создание, управление и редактирование.
  • Движок сайта. (CMS -Content Management System) Это ядро сайта, это платформа на, которой осуществляется создание, редактирование, управление содержимым сайта. 
  • Html.  (HyperText Markup Language- язык гипертекстовой разметки). Язык Html это код, которым написан сайт, чтобы браузер мог его распознать и выдать визуальную картинку на экран.
  • Bootstrap. Это CSS фреймворк для создания сайтов. Это свободный набор инструментов для верстки сайтов и приложений.
  • CSS. (Cascading Style Sheets- каскадные таблицы стилей). Это набор выполненных определенным способом инструкций для браузера, как и где отображать элементы веб-страниц. Они используются для описания внешнего вида документа, которые написан с использованием языков разметки, например, Html.
  • Верстка. Это описание программным кодом визуальной части сайта. Это совокупность кодов html, CSS и JS.    
  • Функционал сайта. Это по сути так называемая backend часть сайта, которая отвечает за то, как будут обрабатываться запросы, как будет осуществляться поиск товаров и отправляться формы.
  • Скрипты (JS). Под скриптом понимается сценарий, который выполняется на стороне клиента и обрабатывается браузером. С помощью скриптов прописываются как раз все те действия, которые можно совершать на страницах сайта.

Дополнительные интеграции

  • CRM система. (Customer Relationship Management- Управление отношениями с клиентами). Эта система представляет собой прикладное ПО, которое ведет контроль и учет, помогающий улучшить взаимодействие с клиентами. Она помогает любому бизнесу, который ведет работу с клиентами напрямую и который делает все, чтобы увеличить прибыль.

Вместо заключения

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

Подпишись на обновление, это бесплатно!
Нажимая на кнопку вы даете свое согласие на обработку персональных данных
Поделиться:
0 комментариев
Присоединиться к обсуждению...
Войти с помощью:
Нажимая на кнопку вы даете свое согласие на обработку персональных данных
Мы в социальных сетях: