<MyRusakov.ru />

Программирование на JavaScript с Нуля до Гуру 2.0

Программирование на JavaScript с Нуля до Гуру 2.0

Данный курс научит Вас программировать на языке JavaScript, который крайне желательно знать любому уважающему себя программисту. Курс состоит из 8 разделов, в которых Вы с нуля освоите этот язык и сможете создавать самые разные программы для самых разных задач любой сложности. В курсе Вы получите всю необходимую теоретическую часть, а также увидите массу практических примеров, в том числе, и из моей практики.

Дополнительно, почти к каждому уроку идут упражнения.

Помимо самого курса Вас ждёт ещё 5 бесплатных ценных Бонусов: «Библиотека jQuery», «Защита JavaScript-кода от копирования», «Решение упражнений из курса», «HTML для начинающих» и «CSS для начинающих».

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Фавикон для сайта

Фавикон для сайта

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

1) Создать фавикон

Нужно подготовить картинку в любом из форматов (PNG, JPG, SVG), размером 260x260 пикселей. Как правило, при верстке сайта по готовому макету, дизайнер предоставляет уже готовую картинку для favicon. В остальных случаях можно самим нарисовать в фотошопе или скачать подходящее изображение, например здесь.

2) Добавить картинку в генератор и настроить


Генератор favicon

После генерации нас перекинет на страницу настроек. Настраиваем фавикон для iOS - выбираем второй пункт и задаем нужный цвет фона.

Фавикон для сайта.

Делаем настройки под Android. Так же даем цвет фона и прописываем название проекта.

Фавикон для сайта.

Остальные настройки можно оставить по умолчанию. Favicon генератор в качестве результата выдаст HTML код и архив для скачивания.

Фавикон для сайта.

3) Установка фавикон на сайт

Скопированный HTML код вставляем в проект, между тегами head.

<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="manifest" href="img/site.webmanifest">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="mask-icon" href="img/safari-pinned-tab.svg" color="#5bbad5">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

Скачиваем архив с автоматически сгенерированными фавиконками и распаковываем его в нужную папку. Затем меняем в коде пути к картинкам и к манифесту.

4) Проверяем

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

Фавикон для сайта.

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

У меня часто спрашивают: "Что лучше изучать после освоения HTML и CSS для дальнейшей карьеры верстальщика?" Отвечаю: Нужно учить язык программирования JavaScript. По сегодняшним меркам это минимальная связка для того, чтобы стать полноценным верстальщиком. От себя могу порекомендовать мой видеокурс по JavaScript

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.