Адаптивный сайт — что это?

Адаптивный дизайн

Давным-давно, во времена когда появились первые смартфоны, разработчики сайтов задумались: как же показывать сайт на маленьком экране?
Благо, тогда скорость интернета оставляла желать лучшего, да и смартфоны были мало у кого. Поэтому процент посетителей сайта с мобильных устройств стремился к нулю.

Но время шло и смартфоны с планшетами становились популярнее. Интернет стал шустрее. И тогда придумали делать мобильную версию сайта.
По архитектуре это был отдельный сайт, с другим дизайном и легковесными изображениями. Тем кто желал продавать on-line, приходилось тратиться на разработку сразу двух сайтов.
Обычный сайт на мобилках загружался очень долго и не вмещался на экране. Пользователю приходилось двигать страницу вбок, чтобы прочитать контент.

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

Современные сайты делаются адаптивными.
Это значит что один сайт выглядит красиво на любых экранах. Он как бы подстраивается под ваш гаджет и меняет расположение блоков.

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

Современные сайты по умолчанию должны быть адаптивными и это должно быть включено в стоимость разработки. Уже на этапе создания дизайна вам должны показать как будет выглядеть сайт на большом и мобильном экране, а еще лучше и на планшете. Адаптивный сайт это уже не преимущество разработчика — это его обязанность и показатель компетентности.

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

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

Терминология: прототип, макет, дизайн.

Не редко эти понятия путают или считают равнозначными.

Разберемся что есть что.

Прототип

Это черновик сайта — на котором схематично отображают где будут располагаться функциональные блоки: слайдеры, меню, кнопки, ссылки, изображения, тексты…



Для чего заказчику нужен прототип?


1) На ранних сроках представить внешний вид сайта. Возможно именно на этом шаге вы увидите новые идеи или недостатки.


2) Возможность более точной оценки сроков и бюджета полного объема работ.


3) Можно представить как в дальнейшем развивать сайт.

Макет

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

Дизайн

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

Очень часто под термином «дизайн» понимают результат работ в графической программе по визуализации сайта. Простыми словами, это когда дизайнер рисует сайт в photoshop или figma для последующей передачи файлов верстальщику.

Доработка сайта: как дать доступ к своему аккаунту.

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

Для реализации доработок придется дать доступ разработчику к файлам сайта. В этих файлах он будет делать изменения.

Как же обезопасить себя от кражи аккаунта или случайной порчи файлов?

Далее несколько рекомендаций. Но перед этим рассмотрим каким способом могу делать доработки сайтов.

1. Доработки на копии.

Копия сайта передается исполнителю, где он и выполняет все изменения. После завершения работ новые файлы заменяют старые.

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

Преимущества: безопасный процесс изменения сайта.

Кому не подойдет: если на сайте часто (ежедневно) меняется информация.

2. Доработки на боевом экземпляре.

Недостатки: есть риск случайно «сломать» сайт, нужно давать полный доступ к сайту.

Преимущества: быстрее и дешевле чем доработки на копии.

Пара полезных привычек.

Перед любыми изменениями сайта сделайте его «резервную копию» — полную копию всех составляющих (база данных, файлы…)

Копию сайта нужно хранить не только на хостинге, но и на своем компьютере.

Даем доступ.

Итак, вы решили дать доступ исполнителю к сайту. Другими словами – это доступ к одному или нескольким аккаунтам (какие бывают аккаунты описано здесь).

1) В некоторых случаях достаточно выдать доступ только к админке сайта и все изменения выполнить через ее инструментарий.

Для доступа исполнителя к админке создайте отдельного пользователя и наделите его соответствующими правами. Не давайте доступ к вашей личной учетной записи администратора.

После завершения работ удалите(отключите) ранее созданного пользователя.

2) Часто для улучшения сайта требуется доступа к файлам на хостинге.

По возможности дайте доступ только по FTP. Конечно же для этого создайте отдельную учетную запись.

Если нет возможности  использовать FTP, придется пустить исполнителя в личный кабинет хостинга. Перед этим:

-Убедитесь что у вас есть доступ к почтовому ящику к которому привязан ваш хостинг-аккаунт.

-Если хостинг позволяет, привяжите аккаунт администратора к номеру вашего телефона.

-Создайте отдельную учетную запись для разработчика. После завершения работ удалите учетную запись.

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

Разработка сайта и передача прав

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

Вот основные ресурсы, доступы к которым вы можете запросить у разработчика.

1. Хостинг

Это место где хранятся файлы сайта и база данных (если она есть). Личный кабинет хостинга предоставляет инструменты для управления сайтом.

2. Домен

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

3. Электронная почта.

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

4.  Админка сайта.

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

5. Сторонние сервисы

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

6.Могут существовать и другие ресурсы — все зависит от архитектуры сайта и сложности его функционала.

Как бы вы ни доверяли своему разработчику, не поленитесь сменить пароли и привязать личные кабинеты к своему почтовому ящику или телефону.

С чего начать интернет продажи

Имея офлайн магазин вы когда-нибудь достигнете предела продаж в своем городе или растущий ассортимент товара перестанет помещаться в вашем помещении.

Мысль открыть второй магазин хороша, но затраты на содержание увеличатся ровно в два раза.

Конечно же в таком случае многие советуют продавать через интернет.

С чего начать?

Читать далее…

Виды сайтов

Сайт это не просто веб страница с текстом и картинками, это целая система, которая имеет видимую всем пользователям часть и механизм функционирования…
Функции и назначение сайтов может быть разное и каждый разработчик или веб студия имеет свое собственное определение разновидностей сайтов. Но несмотря на некоторую расхожесть в названиях сайты можно разделить Читать далее…