![КГКОУ КВСОШ № 8 Проект: Создание фавикона для сайта школы Проект выполнили: обучающиеся 11б класса Проверили: учитель информатики (Новичихина Е.Н.)](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_0.jpg)
КГКОУ КВСОШ № 8
Проект: Создание фавикона для сайта школы
Проект выполнили: обучающиеся 11б класса
Проверили: учитель информатики (Новичихина Е.Н.)
![Содержание 1 Введение 2 Проект 3 Выводы 4 Библиография](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_1.jpg)
Содержание
1
Введение
2
Проект
3
Выводы
4
Библиография
![Введение У человека в эпоху клипового мышления развита визуальная память. Он не запоминает текст или названия, но очень хорошо откликается на яркую графику. Бренды, раскрученные сайты узнаются, в том числе, по фавикону – эта маленькая деталь на сайте играет большую роль в дизайне. О такой маленькой детальке мы сегодня с вами и поговорим...](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_2.jpg)
Введение
У человека в эпоху клипового мышления развита визуальная память. Он не запоминает текст или названия, но очень хорошо откликается на яркую графику. Бренды, раскрученные сайты узнаются, в том числе, по фавикону – эта маленькая деталь на сайте играет большую роль в дизайне.
О такой маленькой детальке мы сегодня с вами и поговорим...
![2. Проект: Создание фавикона для сайта школы. Описание проекта](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_3.jpg)
2. Проект: Создание фавикона для сайта школы.
Описание проекта
- Предмет: информатика и ИКТ
- Проект: Создание фавикона для сайта школы.
- Класс: 11б
- Характер проекта: предметный
- Разделы науки: информатика и ИКТ
- Тип проекта: ознакомительно-ориентировочный (информационный)
- Оборудование: ПК
- Цель проекта: создание иконки для школьного сайта средствами программы Paint.
![Задачи проекта](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_4.jpg)
Задачи проекта
- Определить источники получения информации.
- Собрать доступную информацию о значении фавикона.
- Определить критерии группировки, сгруппировать собранную информацию.
- С помощью ПК создать образцы фавиконов. Выбрать фавикон для сайта школы.
- Проанализировать информацию, сделать выводы.
- Представить собранную информацию в виде презентации.
![Определение проблемы Нужен ли этот значок сайту, как он влияет на поведенческие метрики посетителей, помогает ли в продвижении? Гипотеза Возможно создание фавикона средствами программы Paint.](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_5.jpg)
Определение проблемы
Нужен ли этот значок сайту, как он влияет на поведенческие метрики посетителей, помогает ли в продвижении?
Гипотеза
Возможно создание фавикона средствами программы Paint.
![Этапы деятельности Поиск и отбор информации о значении фавикона на сайте, способах создания фавикона (использовались Интернет-ресурсы, библиотека школы № 8). Аналитическая работа над собранными фактами. Полученная информация анализировалась и группировалась. В результате была разделена на четыре группы: 1. Что такое фавикон и его значение. 2. Программные требования к созданию фавикона. 3. Визуальные требования к созданию фавикона. 4. Создание фпвикона средствами программы Paint. Формирование выводов (результаты работы обобщены и оформлены в виде выводов). Оформление результатов (выбор программной реализации - презентация). Получение обратной связи (информация оформлена в виде электронной газеты и представлена для ознакомления обучающимся школы № 8 (для выбора фавикона для сайта школы, соответствующего всем требованиям). Обучающиеся отметили для себя, что исследуемая тема вызвала интерес, особенно при создании собственного фавикона на ПК).](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_6.jpg)
Этапы деятельности
- Поиск и отбор информации о значении фавикона на сайте, способах создания фавикона (использовались Интернет-ресурсы, библиотека школы № 8).
- Аналитическая работа над собранными фактами. Полученная информация анализировалась и группировалась. В результате была разделена на четыре группы: 1. Что такое фавикон и его значение. 2. Программные требования к созданию фавикона. 3. Визуальные требования к созданию фавикона. 4. Создание фпвикона средствами программы Paint.
- Формирование выводов (результаты работы обобщены и оформлены в виде выводов).
- Оформление результатов (выбор программной реализации - презентация).
- Получение обратной связи (информация оформлена в виде электронной газеты и представлена для ознакомления обучающимся школы № 8 (для выбора фавикона для сайта школы, соответствующего всем требованиям).
Обучающиеся отметили для себя, что исследуемая тема вызвала интерес, особенно при создании собственного фавикона на ПК).
![Описание программного продукта Презентация создана средствами Microsoft PowerPoint](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_7.jpg)
Описание программного продукта
Презентация создана средствами Microsoft PowerPoint
- Содержательная часть проекта.
- Определение фавикона. Его значение.
- Работы обучающихся.
![Что такое фавикон? Фавикон (Favicon – сокращение от «favorite icon») — это изображение, которое отображается в адресной строке браузера перед адресом, во вкладке, соответствующей окну с открытой страницей сайта, а также при добавлении ресурса во вкладки с избранным.](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_8.jpg)
Что такое фавикон?
Фавикон (Favicon – сокращение от «favorite icon») — это изображение, которое отображается в адресной строке браузера перед адресом, во вкладке, соответствующей окну с открытой страницей сайта, а также при добавлении ресурса во вкладки с избранным.
![You Tube - видеохостинг, предоставляющий пользователям услуги хранения, доставки и показа видео](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_9.jpg)
You Tube - видеохостинг, предоставляющий пользователям услуги хранения, доставки и показа видео
![Google - система поиска информации в сети интернет](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_10.jpg)
Google - система поиска информации в сети интернет
![Вконтакте - российская социальная сеть. Позволяет пользователям отправлять друг другу сообщения, создавать собственные страницы и сообщества, обмениваться изображениями, аудио- и видеозаписями, играть в браузерные игры.](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_11.jpg)
Вконтакте - российская социальная сеть. Позволяет пользователям отправлять друг другу сообщения, создавать собственные страницы и сообщества, обмениваться изображениями, аудио- и видеозаписями, играть в браузерные игры.
![Адрес сайта школы № 8 http :// vsoch8.ucoz.ru/gb используется изображение сайта ucoz](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_12.jpg)
Адрес сайта школы № 8 http :// vsoch8.ucoz.ru/gb используется изображение сайта ucoz
![Преимущества использования фавикона Использование favicon приносит пользу со временем: Когда пользователь открывает много вкладок в браузере, он может сразу определить, на какой из них находится сайт, даже если текст с названием уже не отображается; В выдаче Яндекса фавикон отображается слева от сайта или его страницы, что привлекает внимание посетителей и отличает его от других; Картинка хорошо запоминается и остается в памяти – в результате сайт становится более узнаваемым и привлекательным для пользователей. Таким образом, фавикон – часть образа сайта, которая выполняет не только эстетическую функцию, но и делает более удобным для пользователя поиск портала в закладках, вкладках, выдаче.](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_13.jpg)
Преимущества использования фавикона
Использование favicon приносит пользу со временем:
- Когда пользователь открывает много вкладок в браузере, он может сразу определить, на какой из них находится сайт, даже если текст с названием уже не отображается;
- В выдаче Яндекса фавикон отображается слева от сайта или его страницы, что привлекает внимание посетителей и отличает его от других;
- Картинка хорошо запоминается и остается в памяти – в результате сайт становится более узнаваемым и привлекательным для пользователей.
Таким образом, фавикон – часть образа сайта, которая выполняет не только эстетическую функцию, но и делает более удобным для пользователя поиск портала в закладках, вкладках, выдаче.
![Требования к созданию фавикона](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_14.jpg)
Требования к созданию фавикона
- Размер изображения 16х16 пикселей;
- Формат изображения должен быть ico, jpeg или png (первый вариант – более предпочтительный для Яндекса);
- Картинка не должна быть размытая или не уникальная – иногда по этим причинам поисковик блокирует иконки;
- При разработке иконки следует учитывать, что изображение должно быть четким и хорошо различимым, несмотря на маленький формат. Поэтому лучше использовать как можно меньше отдельных объектов и не слишком много цветов. Можно посмотреть фавиконы конкурентов и подумать, как можно выделиться на их фоне.
![Визуальное представление должно отвечать следующим требованиям Ассоциативность Должен визуально отвечать объектам тематики, заданной видом деятельности компании и её подходом к работе. Уникальность Решение этой задачи относится к числу сложнейших, т. к. не просто найти оригинальную идею для на высоко конкурентном рынке. Запоминаемость Должен быть визуально запоминаемым и воспроизводиться в памяти при упоминании названия компании. Для достижения данной цели рекомендуется создавать фирменный фавиконс использованием минимального количества деталей. Так он легче воспримется и лучше запомнится.](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_15.jpg)
Визуальное представление должно отвечать следующим требованиям
- Ассоциативность
Должен визуально отвечать объектам тематики, заданной видом деятельности компании и её подходом к работе.
- Уникальность
Решение этой задачи относится к числу сложнейших, т. к. не просто найти оригинальную идею для на высоко конкурентном рынке.
- Запоминаемость
Должен быть визуально запоминаемым и воспроизводиться в памяти при упоминании названия компании. Для достижения данной цели рекомендуется создавать фирменный фавиконс использованием минимального количества деталей. Так он легче воспримется и лучше запомнится.
![Для создания иконок существуют специальные программы и ресурсы, среди которых популярностью пользуются:](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_16.jpg)
Для создания иконок существуют специальные программы и ресурсы, среди которых популярностью пользуются:
- favicon.cc – простейший редактор позволит создать несложное изображение, принцип работы немного напоминает Paint. Также выбираются цвета, и выполняется рисунок нажатием на пиксельные квадраты, которые нужно закрасить. Есть инструмент для исправления. Созданную картинку здесь же можно сохранить на компьютер в качестве готового изображения favicon. Ресурс также предлагает большой выбор готовых иконок;
- favicon.ru – здесь лучше создавать фавиконы из уже готовых изображений. Картинка загружается с компьютера, обрабатывается системой и преобразуется в файл favicon.ico, который затем можно скачать;
- iconj и audit4web – базы, в которых можно найти готовые фавиконы.
- можно обратиться за разработкой изображения и к дизайнеру, но это обойдется существенно дороже.
![Фавиконки](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_17.jpg)
Фавиконки
![Созданные фавиконы](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_18.jpg)
Созданные фавиконы
![3. Выводы Мы узнали, что такое фавикон. Рассмотрели его назначение, критерии эффективности. Иконку для сайта необходимо использовать как в эстетических, так и в практических целях.](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_19.jpg)
3. Выводы
Мы узнали, что такое фавикон. Рассмотрели его назначение, критерии эффективности.
Иконку для сайта необходимо использовать как в эстетических, так и в практических целях.
![Библиография http:// inmotus-design.ru/documents/requirements-for-the-logo-design https://yandex.ru/search/? text=одноклассники&lr=62 https :// yandex.ru/images/search?text=ютьюб&lr=62 http ://znet.ru/raskrutka/favikon / https://www.calltouch.ru/glossary/favikon-sayta / Информатика. 9-11 классы: проектная деятельность учащихся/авт.-сост. Э.С Ларина-Волгоград: Учитель, 2009.](http://fsd.compedu.ru/html/2020/02/02/i_5e36bfd3e5883/img_phpTBZtVl_proekt_Sozdanie-favikona-dlya-sajta-shkoly_20.jpg)
Библиография
http:// inmotus-design.ru/documents/requirements-for-the-logo-design
https://yandex.ru/search/? text=одноклассники&lr=62
https :// yandex.ru/images/search?text=ютьюб&lr=62
http ://znet.ru/raskrutka/favikon /
https://www.calltouch.ru/glossary/favikon-sayta /
Информатика. 9-11 классы: проектная деятельность учащихся/авт.-сост. Э.С Ларина-Волгоград: Учитель, 2009.