Заглушка для сайта требования

13.07.2018 Выкл. Автор admin

Требования к рекламным материалам

Материалы должны соответствовать требованиям действующего законодательства РФ.

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

Не допускаются рекламные материалы, которые:

1. Не удовлетворяют эстетической концепции сайта.

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

3. Не соответствуют содержанию той страницы сайта, на которую ведет рекламная ссылка. Например, если реклама содержит информацию о скидке, то рекламная ссылка должна вести на ту страницу сайта рекламодателя, где эта скидка явно указана.

ФарПост вправе не принимать к размещению некоторые рекламные материалы или совсем отказать в размещении рекламы любому рекламодателю без объяснения причин.

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

Требования к баннерам

баннер не должен интенсивно моргать, раздражать глаз или иным образом мешать посетителям сайта;

баннер со светлым фоном или фоном белого цвета должен содержать рамку;

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

принимаются баннеры в формате .jpeg, .gif или .html (HTML5). При размещении на масштабируемых площадках для баннеров в формате .gif и .jpeg необходимо дополнительно предоставить бэкграунд (подложку).

баннеры (все, кроме 240х400 и 240х240 px) размещаются на масштабируемых рекламных площадках. Это значит, что место, отведенное для баннера, изменяет свои размеры при изменении разрешения монитора или размеров окна браузера.

Баннер не должен сильно нагружать процессор компьютера пользователя при отображении на странице. Для тестирования производительности используется CPU Throttling 6xslowdown .

Не принимаются баннеры и текстово-графические блоки со ссылкой на информационно-контентные ресурсы. Также не допускается размещение баннеров и текстово-графических блоков без ссылки.

Без наценки за время одной рекламной кампании (не превышающей месяц):
1) можно ставить до 5-ти баннеров в ротацию;
2) можно менять баннер до 4-х раз, но не чаще раза в неделю.

Размеры баннеров ( для формата .jpeg, .gif)

Размеры баннеров должны точно соответствовать размерам рекламной площадки.

Вес баннеров — 80 кб.

Требования к HTML5

HTML5 один файл (html5file:html5file)

  • Любые ссылки должны открывать в новом окне (target=»_blank»)
  • Должен корректно работать в браузерах: IE 10+, Firefox 14+, Safari 5+, Chrome 18+
  • Цвет подложки — белый
  • Сlass и id элементов HTML верстки не должны называться «ban», «reklama», «ad» и т.д., которые косвенно намекают на рекламу
  • В баннере разрешены ссылки на библиотеки CreateJS. Баннер не должен самостоятельно загружать контент с внешних ресурсов (в том числе формата gif, jpg, swf, html, и т. п.), должен передаваться в виде единого .html файла без дополнительных файлов-ресурсов, все CSS-стили и JS-функции должны содержаться внутри html файла, также, как и изображения, которые должны быть вставлены в base64 формате, весь контент баннера, включая изображения и текст, должен содержаться внутри html файла и не может быть загружен с внешнего ресурса
  • Обязательно наличие тега с указанием размера баннера
  • Обязательно вместо ссылки на сайт рекламодателя, прописать %urls_1% (%urls_N%) в качестве целевого URL и id элемента ссылки urls_1 (urls_N)
  • Кодировка utf-8
  • Нельзя в баннере выводить отладочные сообщения через alert(), т.к. пользователи будут видеть ошибку на весь экран на всех страницах, где есть этот баннер, что будет вводить их в заблуждение. Для отладки следует использовать console.log().
  • Максимальный размер .html файла — 150 Kb

*В архивах будет игнорироваться содержимое папки __MACOSX и файлы .DS_Store. Они создаются при архивировании на платформах Apple Mac OS X и для работы рекламных материалов не нужны.

Пример (одна ссылка)

Требования к рекламным материалам

Общие правила создания рекламных материалов для продукта Медиасервисы

1. Для целей размещения рекламных материалов в формате HTML5:

Необходимо предоставить баннер в формате HTML5, подготовленный по требованиям, содержащимся в документе «Баннеры HTML5. Требования к рекламным материалам».

  • Размер баннера может отличаться в зависимости от разрешения экрана пользователя и размера активного окна браузера такого пользователя.
  • Минимально возможный размер — 850×250 пикселей. Максимальный возможный размер — 1440×250 пикселей.
  • Вес баннера: не более 200 килобайт

Необходимо предоставить картинку-заглушку в формате GIF, JPG или PNG

  • Ширина: 1440 пикселей
  • Высота: 250 пикселей

В случае, если разрешение экрана пользователя меньше, чем формат GIF-, JPG- или PNG-баннера, размер картинки-заглушки будет зависеть от разрешения экрана пользователя и размера активного окна браузера такого пользователя. Минимально возможный размер в таком случае — 850×250 пикселей. Максимальный возможный размер в таком случае — 1440×250 пикселей.

Вся значимая информация должна быть отцентрована с сохранением охранных полей по 295 пикселей слева и справа.

Баннер может включать в себя видеоролик, подготовленный по требованиям к видеоматериалам, содержащимся в документе «Баннеры HTML5. Требования к рекламным материалам».

  • Формат: MP4
  • Ширина: 850 пикселей
  • Высота: 250 пикселей
  • Вес файла: не более 40 мегабайт

2. Для целей размещения рекламных материалов в формате GIF, JPG или PNG:

Необходимо предоставить баннер в формате в формате GIF, JPG или PNG.

  • Ширина: 1440 пикселей
  • Высота: 250 пикселей
  • Вес баннера: не более 200 килобайт

Вся значимая информация должна быть отцентрована с сохранением охранных полей по 295 пикселей слева и справа.

В случае, если разрешение экрана пользователя меньше, чем формат GIF-, JPG- или PNG-баннера, размер баннера будет зависеть от разрешения экрана пользователя и размера активного окна браузера такого пользователя. Минимально возможный размер в таком случае — 850×250 пикселей. Максимальный возможный размер в таком случае — 1440×250 пикселей.

Для размещения баннера 100%×180 в формате HTML5 в мобильной версии сайта:

Необходимо предоставить баннер размера 100%×180 пикселей, подготовленный по требованиям, содержащимся в документе «Баннеры HTML5. Требования к рекламным материалам»

  • Размер баннера может отличаться в зависимости от разрешения экрана устройства пользователя и размера активного окна браузера пользователя. Баннер должен тянуться на 100% ширины экрана, корректно отображаясь в диапазоне ширины экрана пользователя. При растяжении баннера вся значимая информация должна быть отцентрована по ширине. Минимально возможный размер — 320×180 пикселей.
  • Вес архива с HTML креативом не должен превышать 75 килобайт.
  • Загружаемый HTML5 баннер должен иметь размер 320×180 в из п. 10 документа «Технические требования к баннеру HTML5»
  • Запрещено использовать элемент canvas, то есть, такая запись запрещена:
Читайте так же:  Нотариус г батайска

Требования к картинке-заглушке

  • Формат файла: JPG, GIF, PNG
  • Вес файла: не более 75 килобайт
  • Ширина: 540 пикселей
  • Высота: 180 пикселей

Требования к креативу

  1. Важные элементы креатива (названия, логотипы, основное рекламное сообщение, даты, кнопки и т. д.) должны находиться в основной области (см. шаблон).
  2. При этом необходимо учитывать, что элементы креатива, вынесенные на поля, будут обрезаны на низких разрешениях экрана. Минимальное разрешение, поддерживаемое сайтом на мобильных устройствах — 320 пикселей по ширине.
  3. Фон заливается сплошным цветом. Переход между основной областью креатива и фоном должен быть плавным слева и справа.
  4. Не принимаются баннеры с мигающими крупными графическими или текстовыми элементами и/или фоном, с резкими перемещениями элементов, существенно отвлекающие пользователя от взаимодействия со страницей сайта (изучения содержания страницы или ввода запроса), а также баннеры, заполненные текстом или изображениями низкого качества.
  5. Запрещается делать рамку по периметру баннера.

Для размещения баннера 100%×90 в формате HTML5 в мобильной версии сайта:

Необходимо предоставить баннер размера 100%×90 пикселей, подготовленный по требованиям, содержащимся в документе «Баннеры HTML5. Требования к рекламным материалам»

  • Размер баннера может отличаться в зависимости от разрешения экрана устройства пользователя и размера активного окна браузера пользователя. Баннер должен тянуться на 100% ширины экрана, корректно отображаясь в диапазоне ширины экрана пользователя. При растяжении баннера вся значимая информация должна быть отцентрована по ширине. Минимально возможный размер — 320×90 пикселей.
  • Вес архива с HTML креативом не должен превышать 75 килобайт.
  • Загружаемый HTML5 баннер должен иметь размер 320×90 в из п. 10 документа «Технические требования к баннеру HTML5»
  • Запрещено использовать элемент canvas, то есть, такая запись запрещена:

Требования к картинке-заглушке

  • Формат файла: JPG, GIF, PNG
  • Вес файла: не более 75 килобайт
  • Ширина: 540 пикселей
  • Высота: 90 пикселей

Требования к креативу

  1. Важные элементы креатива (названия, логотипы, основное рекламное сообщение, даты, кнопки и т. д.) должны находиться в основной области (см. шаблон).
  2. При этом необходимо учитывать, что элементы креатива, вынесенные на поля, будут обрезаны на низких разрешениях экрана. Минимальное разрешение, поддерживаемое сайтом на мобильных устройствах — 320 пикселей по ширине.
  3. Фон заливается сплошным цветом. Переход между основной областью креатива и фоном должен быть плавным слева и справа.
  4. Не принимаются баннеры с мигающими крупными графическими или текстовыми элементами и/или фоном, с резкими перемещениями элементов, существенно отвлекающие пользователя от взаимодействия со страницей сайта (изучения содержания страницы или ввода запроса), а также баннеры, заполненные текстом или изображениями низкого качества.
  5. Запрещается делать рамку по периметру баннера.

Заглушка для сайта

Похожие задания

Другие задания в категории «Дизайн»

Нарисовать 6 макетов одежды в смешаном стиле можно от руки или с элементами ps и illustrator

Евдокия Россия, Москва, Оболенский переулок, 3

Ищу опытного тильда-дизайнера для редизайна одного отличного блога. Нужно: — разработать шаблоны рубрик (mobile first), — помочь перенести старые материалы в новый шаблон. Цену указываю примерную. Предлагаю.

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

Добрый день! Друзьям на свадьбу хотела бы подарить картинку! Нарисовать можно с фотографии — невесту целиком, а жениха лицо с фото а "в позу" нужную надо будет поставить наверное.

Описание работодателя: В компанию "Руккола Флауэрс" требуются флористы Обязанности: — составление букетов по каталогу Требования: — ответственность, стрессоустойчивость и дисциплина — выполнение.

Abcunitedgroup A. шоссе Энтузиастов, 56, Москва, Россия

Заглушка для сайта требования

Я бы так поискал (https://www.google.ru/webhp?sourceid=chrome-instant&rlz=1C1ASUT_ruRU473RU473&ion=1&espv=2&ie=UTF-8#newwindow=1&q=site%20under%20construction%20template&safe=off)
А зачем вам на php? Это же обычная страница, на которой вряд ли что-то меняться будет.
Или у вас какие-то особые требования?

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

Так же не плохо использовать заглушку в процессе аварии или тех.обслуживания.

А не проще заглушку сделать в стиле Вашего сайта?

Берете дизайн страницы и перепиливаете контент под нужную инфу
Переносится все это на заглушку вместе со скриптами и стилями
.
PROFIT

Я бы так поискал (https://www.google.ru/webhp?sourceid=chrome-instant&rlz=1C1ASUT_ruRU473RU473&ion=1&espv=2&ie=UTF-8#newwindow=1&q=site%20under%20construction%20template&safe=off)

Или так (https://www.google.com.ua/search?q=coming+soon+page+template&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:ru:official&client=firefox-a&channel=sb&gfe_rd=cr&ei=ynHGU-D8J4OWwAPUtoH4CA)
На Тимфоресте их полно (http://themeforest.net/category/site-templates/specialty-pages)

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

Так же не плохо использовать заглушку в процессе аварии или тех.обслуживания.
Но зачем её делать на php — всё равно ни фига не понятно :p.

Но зачем её делать на php — всё равно ни фига не понятно :p.
Да нет разницы на чем сделана заглушка, как пример привел!

А не проще заглушку сделать в стиле Вашего сайта?

Берете дизайн страницы и перепиливаете контент под нужную инфу
Переносится все это на заглушку вместе со скриптами и стилями
.
PROFIT

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

Заглушка так же должна быть SEO оптимизированная, те прописать кейворд, дискрип и тд.

А что толку, если окно браузера будет моментально закрываться?

И чего мудрить со страницей — картинку Under Construction (в поиске яндекса по картинкам их навалом), примерная дата запуска сайта, контакты.

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

Читайте так же:  Арбитражный тамбовский областной суд

А что толку, если окно браузера будет моментально закрываться?

И чего мудрить со страницей — картинку Under Construction (в поиске яндекса по картинкам их навалом), примерная дата запуска сайта, контакты.

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

И куда человеку податься, если он не программист? Не кто и не хочет мудрить, а то что надо прописать SEO я считаю обязательным, хотя бы название сайта.
Видел сайт где продают готовые шаблоны по 10$, но найти не могу. Открыл в блакноте, написал тексты и на сервер. В РФ как всегда страдает упаковка, картинки.

И куда человеку податься, если он не программист?

Ну явно не разработкой сайта заниматься тогда

English-Shoes, странный ты человек, то в качестве движка выбираешь битрикс, от которого тебя всем форумом отговаривали, теперь php заглушка с сео О_О Зачем?

Я еще понимаю мега-известные бренды аля DC, которые были вынуждены ставить заглушку, потому что об открытии их магазина в Москве раструбили все новостные порталы. Но тут то зачем?!

English-Shoes, странный ты человек, то в качестве движка выбираешь битрикс, от которого тебя всем форумом отговаривали, теперь php заглушка с сео О_О Зачем?

Я еще понимаю мега-известные бренды аля DC, которые были вынуждены ставить заглушку, потому что об открытии их магазина в Москве раструбили все новостные порталы. Но тут то зачем?!
Это как с очередным магазином во дворах и табличкой «мы открылись!11» на ближайшем дереве.

Видел сайт где продают готовые шаблоны по 10$, но найти не могу. Открыл в блакноте, написал тексты и на сервер.

Так вот вам тут (http://searchengines.guru/showpost.php?p=12989368&postcount=5) дали ссылку на themeforest — там как раз подобные странички в этом ценовом диапазоне.

Ребята, я понимаю, что мы живём в раше и у нас страдает не только упаковка, но и ум жителя России!

Возможно это кому то будет интересно и вы будете вести свой любимый проект с любовью и внимательно относиться к мелочам. Для того, что бы начать работать с вендорами необходимо заполнить анкету и предоставить карточку предприятия. Обязательное поле это: ваш сайт! Все они заходят и смотрят предполагаемого ретейлера, так же на «заглушке» желательно указать реквизиты, это облегчит процесс взаимодействия между поставшиком и продавцом.
Что бы не выглядеть муд. желательно поставить «заглушку» и сообщить, что сайт в разработке. В оффлайн магазинах написано РЕМОНТ, или ПЕРЕРЫВ или график работы, почему на сайте этого быть не должно?

Я понимаю, что на этом ресурсе большинство программистов и провайдеров. Но тем кто оставил комменты про МЕГАпроекты или PR . Ребята, стыдно не знать такие вещи! Я не учу, просто напоминаю, что есть такое словосочетание как культура производства.

Сегодня был на семинаре по Битрикс, не буду называть компанию. Мягко говоря, они могут сделать дизайн, сайт, но не чего не понимают в интернет торговле. Компания специализируется на разработке Интернет Магазинов. Даже и не знаю, что сказать!
Слово SKU их вводит в ступор, нет они знают, что это, но не понимаю как это и для чего используется.

Требования к рекламным материалам

Общие правила создания рекламных материалов для сайта КиноПоиск для рекламодателей

  1. При создании рекламных макетов необходимо строго следовать техническим требованиям Яндекса, описанным ниже.
  2. Готовые материалы нужно присылать не позднее, чем за семь рабочих дней до старта рекламной кампании. В случае, если материалы присылаются позднее, Яндекс не гарантирует корректный и своевременный запуск рекламной кампании.
  3. При использовании flash-анимации важно, чтобы swf-файл загружал процессор компьютера пользователя не более, чем на 25%.
  4. Для проверки уровня загрузки процессора рекламными материалами в Яндексе используется специально выделенный компьютер Intel ® Core™2 Duo CPU P9600@ 2,53GHz, 2 ГБ оперативной памяти и 64-800 МБ видео памяти) c установленной 64-разрядной Windows 7 (Профессиональная).
  5. Во всех форматах, кроме мультиролла, воспроизведение видео должно осуществляться только по клику.
  6. Во всех форматах, кроме мультиролла, у пользователя всегда должна быть возможность закрыть видео и отключить звук.
  7. Для баннеров в формате SWF обязательно наличие картинки-заглушки.
  8. Запрещается использовать элементы дизайна сайта КиноПоиск (фирменный стиль, навигация и т.д.), а также использовать прозрачный фон, если не указано другое.
  9. При размещении рекламных материалов Яндекс вправе предъявить дополнительные требования к рекламным материалам, не предусмотренные настоящим документом. В частности, в случае использования нестандартных рекламных возможностей или графических решений.
  10. Актуальные версии шаблонов для рекламных материалов доступны в соответствующих разделах. Периодически эти шаблоны могут обновляться.

Мультиролл — размещение рекламного видеоролика рекламодателя до или после показа рекламного трейлера фильма (по усмотрению Яндекса).

Основные требования к мультироллу:

  1. Частота кадров: от 20 до 30 кадров/сек.
  2. Соотношение сторон и разрешение:
    • кодеки: h264, vp6f, vp8, theora
    • рекомендуется соотношение сторон 4:3 или 16:9
    • высота ролика не должна превышать его ширину
    • минимальный размер по ширине 640 пикселей
    • минимальный размер по высоте 240 пикселей
    • количество видео потоков: 1
  3. Формат звука:
    • кодеки: aac, mp3, vorbis
    • минимальное качество 44 kHz, 16 bit, stereo
    • количество звуковых дорожек: 0 или 1
  4. Размер файла: до 250 мегабайт
  5. Продолжительность видеоролика: максимальная длина ролика — 30 секунд.
  6. Поддержка VPAID — уточняйте у вашего менеджера.
  7. Возможно размещение мультиролла без ссылки на сайт рекламодателя.

Брендирование страниц сервиса КиноПоиск

Материалы для брендирования страниц сервиса КиноПоиск должны быть подготовлены строго в соответствии с шаблоном и требованиями, изложенными ниже.

1. Технические требования

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

1.1. Требования к картинке

  • Формат файла: JPG
  • Вес файла: не более 300 килобайт
  • Ширина: 1920 пикселей*
  • Высота: 1000 пикселей*

* Это максимальный размер брендирования КиноПоиска. Допускаются файлы меньшего размера, если это необходимо.

1.2. Требования к flash-анимации

Видео и аудио информация в flash-анимации должна соответствовать требованиям, изложенным в документе «Flash-баннеры, аудио и видео. Требования к рекламным материалам», за исключением подпункта 5 пункта 14.

Читайте так же:  Лицензия по стоматологии цена

Для брендирования с flash-анимацией должна быть предоставлена картинка-заглушка на случай, если браузер пользователя не поддерживает Flash.

Требования к flash-файлу

  • Формат файла: SWF
  • Версия Flash Player: не выше 10 версии
  • Вес файла: не более 75 килобайт
  • Ширина: 850 пикселей
  • Высота: 210 пикселей

Требования к картинке-заглушке

  • Форматы файла: JPG, PNG или GIF
  • Вес файла: не более 75 килобайт
  • Ширина: 850 пикселей
  • Высота: 210 пикселей

Требования к видеоролику

  • Форматы файлов: MP4, FLV
  • Вес файла: не более 30 мегабайт

2. Требования к креативу

2.1. Изображение может занимать всю область брендирования, обозначенную в шаблоне.

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

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

При этом необходимо учитывать, что элементы брендирования, вынесенные на поля, будут обрезаны на низких разрешениях экрана. Минимальное разрешение, поддерживаемое сайтом на десктопе — 1024×768 пикселей.

2.4. Фон заливается сплошным цветом. Переход между брендированием и фоном должен быть плавным со всех сторон.

2.5. Пространство, которое попадает под область контента необходимо заливать сплошным цветом для уменьшения размера файла (предусмотрено в шаблоне).

2.6. Общие требования к композиции:

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

2.7. Брендирование не должно содержать элементов, похожих на элементы интерфейса или контента сайта.

2.8. Площадь логотипа рекламируемой компании/торговой марки в брендировании не должна превышать площадь логотипа сайта.

2.9. Запрещено размещение цен на брендировании.

2.10. Брендирование не должно содержать изображений низкого качества.

3. Требования к flash-анимации и видео

3.1. Допускается использование простой flash-анимации в основной области брендирования.

  • SWF-файл должен иметь прозрачный фон
  • Помимо SWF-файла необходимо предоставить картинку-заглушку с прозрачным фоном, в которой должны быть продублированы все анимированные элементы (кроме кнопки воспроизведения видео). Помимо этого картинка-заглушка должна содержать все статичные части изображения, расположенные в основной области брендирования.

3.2. В качестве дополнительной опции в Брендирование может быть добавлено видео.

  • Видео не должно содержать ссылок или кнопок.
  • Для запуска видео flash-баннер 850×210 обязателен.
  • Видео запускается по клику.
  • Кнопка для запуска видео помещается внутрь прозрачного flash-баннера 850×210 поверх кнопки для перехода на ресурс рекламодателя, может иметь любую форму и располагаться в любом месте основной области брендирования.
  • Действие для кнопки запуска видео (видео с КиноПоиска):

Как за две минуты создать HTML-заглушку для сайта

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

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

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

Что размесить на заглушке

  • Логотип;
  • Контактные данные для связи с вами;
  • Описание компании, сферу деятельности, УТП;
  • Причину появления этой страницы;
  • Принести извинения за неудобства, если таковые есть;
  • Указать дату открытия сайта;
  • Разместить красивое, тематическое изображение.

Чтобы сделать страницу-заглушку нам понадобится сервис для проектирования сайтов esk.one

1 — Входим в esk.one от соц. сети или регистрируемся, кому как удобнее. Быстрее вход от соц. сети. Заходим в личный кабинет и создаем новый проект с названием «Прототип сайта». Открываем его для редактирования.

2 — Добавляем фон. Включаем заливку цветом и задаём общую прозрачность заливки, чтобы тест лучше читался. Можно включить градиент и настроить ему цвет прозрачность и направление.

3 — Перетаскиваем виджеты заголовок и текст. Выбираем шрифт. Если не знаете какой ставить, ставьте Roboto (дизайнер мне так сказал). Тексту применяем тот же шрифт что и заголовку.

4 — Адаптируем под экраны. Включаем все версии (вверху иконки девайсов). Кликаем версии, меняем положение элементов, размер шрифта, проверяем что все смотрится так как надо, сохраняем.

вот ссылка на то что получилось заглушка

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

Важно! Проект по умолчанию создается с 3 страницами, и когда курсор подъезжает к краю страницы, выезжает панелька со списком страниц. В заглушке она нам не нужна, чтобы эта панелька не выезжала, нужно оставить в проекте только 1 страницу а остальные удалить.

5 — Выгружаем проект в HTML. Скачиваем. Распаковываем.

Можно открыть index.html проверить в браузере как все работает.

В выгрузке идет robots.txt в нем стоит Disallow: / чтобы заглушка не индексировалась. Если нужно чтобы индексировалась замените Disallow на Allow.

6 — Загружаем содержимое папки себе на хостинг в корневую папку.

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

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.