152 фз как привести в соответствие сайт


152-ФЗ Как привести форму на сайте в соответствие с законом.

Вопрос о настройке формы обратной связи в соответствии с законом, очень часто задают мне в соцсетях. В этой статье я расскажу, как реализовать требования закона 152-ФЗ на сайте, который разрабатываем в сервисе Webflow.

 Как многие знают, в Федеральном законе от 27.07.2006 № 152-ФЗ «О персональных данных», произошли изменения. До опубликования новой редакции 29.07.2017, штрафы за несоблюдение закона были довольно невелики. После вступления в силу изменений, штрафы стали довольно существенными.

Отличия довольно большие. Можно хорошо поплатиться за несоблюдение требований! (Более подробно с законом №152-ФЗ Вы можете ознакомиться на сайте «Консультант Плюс».)

пример формы с данного сайта

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

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

Требование касается форм подписки, форм обратной связи, везде, где Вы запрашиваете ввод каких-либо персональных данных.

Вы скажете: «Это снижает конверсию нашего сайта! Это еще надо объяснить, что галочку надо поставить!»

Да, я с Вами согласен! Вполне возможно, что Вы правы!

Но! Если эту галочку не ставить, то Роскомнадзор может оштрафовать Вас на значительную сумму.

Более того, кроме приведения в порядок форм обратной связи, еще необходимо отправить в Роскомнадзор заявку об операторе.

Обо все этих сложностях мы поговорим с Вами в следующей статье.

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

Перейдем в сервис Webflow и через div block добавим форму «Form Block».

Поставив курсор на нижнее текстовое поле, из панели виджетов добавляем «Checkbox». В текстовое описание Checkbox вставим текст «Я соглашаюсь на передачу персональных данных согласно политике конфиденциальности и пользовательскому соглашению».

Вызываем настройку Checkbox. В настройке напротив параметра «Required» (обязательное использование данной формы) ставим галочку.

Давайте проверим. Опубликовав сайт, введем свои данные в форму, и, не поставив галочку напротив согласия об обработке данных, попробуем отправить данные.

У нас ничего не получилось! Мы видим предупреждение: «Чтобы продолжить, установите флажок».

После того, как мы установим флажок, форма успешно отправляется.

Так же в настройках Checkbox мы можем добавить галочку в параметр «Start Cheked». Таким образом, при запуске сайта, в форме обратной связи галочка будет стоять по умолчанию.

Применять эту хитрость или не применять – сугубо на Ваше усмотрение. Но такой способ я видел на многих сайтах, в том числе, и на американских. 

Как сказано выше, в тексте соглашения фразы «политике конфиденциальности» и «пользовательскому соглашению» являются ссылками.

Это ссылки на подготовленные PDF-документы. Как готовить эти документы, мы поговорим в следующих статьях.

Сейчас давайте сделаем ссылки. Выделяем соответствующие фразы в тексте соглашения, в появившейся настройке выбираем значок ссылки, и в панели настройки в окне URL прописываем ссылку на документ. Ниже, в настройке «Open in new tab» (открыть в новом окне) ставим галочку.

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

Опубликовав сайт, Вы можете проверить, как работает форма, открываются ли ссылки.

С настройками самой формы обратной Вы можете ознакомиться в наших уроках по Webflow, в том числе и на канале Youtube

В следующей статье я расскажу, как формировать документы «Политика конфиденциальности» и «Пользовательское соглашение».

Бывает, что заказчик сам не знает, как ему составить эти юридические документы. Еще заказчику очень хочется, чтобы кто-нибудь за него оправил все документы в Роскомнадзор по оператору.

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

Весь процесс вы можете посмотреть в видео.

 

Мы запустили специально рубрику "Ответы на вопросы" поэтому задавайте вопрос в комментариях и мы будет вам готовить подобные инструкции. 

GitHub - dle-модули / DLE-152fz: DLE 152 ФЗ

перейти к содержанию Зарегистрироваться .

ПРАВИЛЬНЫЙ способ центрирования макетов веб-сайтов

Наверняка вы знаете о веб-макетах, выровненных по центру окна браузера. Центрирование веб-сайта с помощью CSS - это совсем не проблема. В этом уроке мы узнаем, как правильно выровнять веб-макет по центру.

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

Так выглядит центрированный веб-сайт. Также см. Его живую демонстрацию

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

Концепт

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

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

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

Гибкая ширина обертки

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

Всегда лучше определять включающую или максимальную ширину вместо этого для оболочки. Это не дает вам снова и снова определять и переопределять исключительную ширину.

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

HTML

Предполагая, что вы хорошо знакомы с HTML и CSS, давайте начнем с базового макета, который мы собираемся реализовать здесь.

         

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

CSS
  .content-wrapper { максимальная ширина:  960px ; }  

Семантическое выравнивание макета

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

На самом деле у меня есть отдельное руководство по абсолютному центрированию с помощью CSS.

Но подождите. Как насчет свойства поля в CSS?

Если вы слышали и использовали автоматическое поле CSS, вы понимаете, о чем я говорю. Соедините его с каким-нибудь элементом включительно размера, и вы выровняете его по центру по горизонтали.

  .content-wrapper { маржа-право: авто; маржа слева: авто; максимальная ширина:  960px ; }  

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

 .center-block-x { дисплей: блок; маржа-право: авто; маржа слева: авто; максимальная ширина:  960px ; }  

Демонстрация горизонтально центрированного веб-макета

Вертикальное центрирование макета

Вертикально-центрированные макеты совпадают с горизонтальными. Единственное отличие состоит в том, что вы пишете свойства, подходящие для оси y, а не для оси x.

  .centered-block-y { дисплей: блок; маржа сверху: авто; маржа снизу: авто; максимальная высота:  500 пикселей ; }  

Горизонтальное центрирование гораздо более распространено, чем вертикальное центрирование макетов.

Абсолютно центрированные макеты

Теперь мы знаем, как правильно центрировать наш веб-макет как по вертикали, так и по горизонтали. А как насчет абсолютного центрирования по обеим осям?

Взгляните, например, на приведенный ниже CSS.

  .centered-block { дисплей: блок; маржа: авто; максимальная высота:  500 пикселей ; максимальная ширина:  500 пикселей ; }  

Заключение

Уф! Это было легко, не правда ли? Именно так я и большинство интерфейсных веб-разработчиков центрируем свои веб-сайты и контейнеры.Как всегда, приветствуются предложения и вопросы. Не стесняйтесь делиться своим опытом центрирования ваших веб-сайтов.

.

Как создать сайт


Узнайте, как создать адаптивный веб-сайт, который будет работать на всех устройствах, ПК, ноутбук, планшет и телефон.


Создание веб-сайта с нуля


A «Эскизный план»

Перед созданием веб-сайта может быть целесообразно нарисовать черновик макета страницы:

Панель навигации

Боковое содержание

Какой-то текст какой-то текст ..

Основное содержание

Какой-то текст какой-то текст..

Какой-то текст какой-то текст ..

Какой-то текст какой-то текст ..

Нижний колонтитул


Первый шаг - базовая HTML-страница

HTML - это стандартный язык разметки для создания веб-сайтов, а CSS - это язык, описывающий стиль HTML-документа. Мы объединим HTML и CSS, чтобы создать простую веб-страницу.

Пример




Название страницы



кузов {
семейство шрифтов: Arial, Helvetica, sans-serif;
}

Мой веб-сайт


Веб-сайт, созданный мной.


Попробуй сам "

Объяснение примера