Как сделать снег на сайте?

Дизайн является важной частью каждого web-сайта. Именно на основании дизайна у пользователей складывается первое впечатление о ресурсе. Поэтому каждый, даже начинающий web-мастер, уделяет дизайну сайтов первостепенное значение. Многие web-мастера стараются следовать новейшим концепциям web-дизайна, дополняют страницы красочным динамическим содержимым и даже меняют оформление сайта в соответствии со временем года, календарем праздников или исторических событий. Именно поэтому в преддверии нового года форумы, посвященные web-разработке, начинают пестрить темами с вопросом о том, как сделать снег на сайте.
Создать сайт самостоятельно с Wix.com

Вам понадобится

• Браузер. Возможность редактирования страниц, шаблонов страниц или файлов тем web-сайта. Доступ к серверу сайта по протоколу FTP. Программа FTP-клиент или файловый менеджер с поддержкой работы по FTP.

Инструкция

Загрузите скрипт, отображающий падающий снег на сайте. Откройте в браузере страницу http://codeguru.ru/web/javascript/. Перейдите в раздел "Примеры скриптов на JavaScript" -> "Анимация" -> "Движущиеся объекты". Кликните по ссылке "Скрипт Падающий снег". На открывшейся странице вверху справа кликните по ссылке "snowfall.zip". Сохраните архив со скриптом на жесткий диск своего компьютера.

Распакуйте архив со скриптом. Извлеките все файлы из загруженного архива во временную папку на жестком диске. Воспользуйтесь программой-распаковщиком, либо файловым менеджером.

Сконфигурируйте скрипт. Откройте файл snowfall.js в любом текстовом редакторе. Измените значения свойств nCount, nMaxSpeed и strFlakeURL объекта oSnowFall. Значение nCount определяет, сколько изображений снежинок одновременно будет двигаться на странице. Значение nMaxSpeed задает максимальную скорость движения снежинки в пикселях за одну итерацию работы скрипта. Параметр strFlakeURL должен содержать корректный URL изображения снежинки, по которому оно может быть загружено через web.

Загрузите файлы скрипта, таблицы стилей и изображения снежинки на сервер. Соединитесь с сервером сайта по протоколу FTP. Перейдите в папку, предназначенную для файлов клиентских скриптов, либо же создайте подобную папку и перейдите в нее. Загрузите в нее файл snowfall.js. Перейдите в папку, предназначенную для графических изображений. Загрузите в нее файл snowflake.gif. Разместите на сервере файл snowfall.css.

Сделайте снег на сайте. Отредактируйте код страниц, шаблоны страниц, либо файлы тем сайта так, чтобы в элементе HEAD результирующего кода содержалась строки вида:

где адрес_css_файла и адрес_js_файла - адреса файлов snowfall.css и snowfall.js в web.

Сразу после открывающего тега поместите строку:

Также перед закрывающим тегом поместите строки:

Сохраните результаты редактирования.

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

Оцените статью!