НОВОГОДНЕЕ
 CSS-моделирование

 

 

 

 

  1. Познакомиться с материалами о снежинковедении:

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

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

    Меню онлайн сервиса расположено справа и имеет кнопки: отменить действие (undo), сгенерировать снежинку (make snowflake!), начать снова (reset). Под снежинкой вы найдете кнопку для сохранения изображения. Сделайте замкнутую кривую точками, как будто вырезаете снежинку, не отрывая ножниц от формы, расположенной в правой части экрана. Нарисуйте многоугольник, в конце замкните линию в зеленой начальной точке. После генерации, контур можно редактировать, перетаскивая точки вершин. А если поставить галочку напротив пункта «auto update», то снежинка будет автоматически изменяться, следуя вашим перетаскиваниям. Как сохранить снежинку на прозрачном фоне PNG: не используйте кнопку «Save image to your computer»! Кликните по снежинке правой кнопкой мышки и выберите «Сохранить изображение как…».

  4. Открыть страницу и смоделировать свою УНИКАЛЬНУЮ снежинку управляя изменением ее формы на основе создания, удаления и перетаскивания точек модели:

  • Точки можно перемещать мышкой.

  • Двойной клик на линии добавляет точку.

  • Двойной клик на точке убирает её.

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

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

  1. Сохранить страницу как htm-документ (в коде документа находится программа на языке JavaScript, позволяющая моделировать снежинки) в своем каталоге под именем Фамилия-snowflake. Открыть Фамилия-snowflake в в Блокноте (а лучше в html-редакторе, например в MS FrontPage) и внимательно просмотреть ее код  (умным взглядом! обращая внимание на структуру скрипта и читая комментарии).

  2. Редактируя код Фамилия-snowflake:

  • заменить в контейнере <title></title> слово Фамилия на свою фамилию (будет отображаться в заголовке файла, должна быть Ваша Фамилия),

  • заменить на странице Фамилия Имя Отчество  своими собственными,

  • "поиграть" с параметрами задания: 1) формы, 2) размеров 3) цвета заливок 4) цвета контуров и смоделировать свою УНИКАЛЬНУЮ снежинку "по умолчанию" (задав уникальное сочетание как формы так и цвета заливок контура и внутренних линий).

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

В Блокноте (MS FrontPage) редактируется код, сохраняется файл и в браузере просматривается результат. В случае неудачи в Блокноте (MS FrontPage) делается отмена и сохраняется предыдущее состояние.

Можно попробовать сделать семантически нагруженные снежинки
(например, как  снежинки в стилистике StarWars от Антонио Эррера).

О кодировании цвета, например, здесь

  1. Посмотреть снежинку-2024, выполненную на чистом CSS на странице, код страницы и код css-документа.
    Архив со снежинкой скопировать себе, распаковать и "поиграть с параметрами кода CSS).

  2. Посмотреть Рождественскую ель, выполненную на чистом CSS на странице, код страницы и код css-документа.
    Архив с елью скопировать себе, распаковать и "поиграть с параметрами кода CSS).

  3. На страничке визуализировать итоги прошедшего года (параметры успеха можно и нужно выбрать самим), сделать скрин по образцу (для случая Орловой Евы) и сохранить его под именем 2023-Фамилия Имя. Определить планы на будущий год, сделать скрины по образцу и  и сохранить его под именем 2024-Фамилия Имя. Рекомендуется проанализировать код странички и подключаемых модулей (всё прокомментировано).

  4. Прочесть текст в рамке и придумать название для числа с 768 нулями и заполнить форму

Do you know how many possible snowflake shapes there are? That's how many.
That's a one followed by 768 zeros (count 'em—we dare you), an estimate supplied by Jon Nelson, a physicist and formerly an assistant professor in the Department of Atmospheric Sciences at the University of Arizona, Tucson, who tells us—quite convincingly—that the chances are "essentially zero."

  1. Отослать преподавателю: отредактированный документ Фамилия-snowflake, Фамилия, Фамилия2, Фамилия3, 2022-Фамилия, 2023-Фамилия  (с отзывом и новогодним пожеланием по курсу).

   Испытать "Симулятор (модель) лесной опушки"

   Познакомиться  с Origin and development of a Snowflake Map

 

 

 

kmp