Создание пасхалки

Пасхалки ищутся тут, пасхалка должна быть интерактивной, что-то вроде мини-игры, какое-то действие. Для точного представления, что требуется, посмотрите уже созданные пасхалки. Пасхалки не должны повторяться, не должны использовать GSAP. Итак, находим подходящий проект.

Открываем директорию онлайн сайта на хостинге. В директории онлайн сайта открываем раздел с пасхалками:

Берём пасхалку из последнего урок, и копируем сюда же, с новым именем. Открываем скопированный файл, меняем старые данные на новые. Название и код. Код берём из проекта, который нашли в начале инструкции. Итак, вернулись к найденному проекту. Иногда, код нужно скомпилировать, вот так:

Если не нужно, то то что в разделе CSS нужно разместить между тегами <style></style> нашей будущей страницы пасхалки. То что в HTML нужно разместить под тегом <body>. А сразу под этим вставленным кодом добавить содержимое из JS, только заключив это в теги <script></script>. Старый код, конечно, нужно удалить, кроме тегов body, html, style, script, head и прочих, которые необходимы для любой страницы. Итак, переносим код:

Затем, в проекте, проверяем подключенные внешние стили и скрипты тут:

Чтобы перенести эти подключения в нашу пасхалку, внутри тега <head></head> вставляем вот такую конструкцию для стилей:

<link rel="stylesheet" href="здесь скопированная ссылка" type="text/css"/>

и вот такую для скриптов:

<script src="здесь скопированная ссылка на скрипт"></script>

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *