Совет 1: Как установить иконки на сайтах

Любой сайтостроитель должен знать о том, как сделать свой сайт запоминающийся своим посетителям, и в первую очередь, чтобы сайт узнавали по первым результатам поисковых систем. И чтобы выделить свой сайт из общей массы, веб-дизайнер должен уметь устанавливать иконки, которые будут отображаться рядом с названием сайта на вкладке браузера.
Как установить иконки на сайтах
Вам понадобится
  • Иконка для сайта, сайт, исходный html-файл сайта.
Инструкция
1
Создаем иконку для сайта. Для этого можно воспользоваться специальными программами, такими, как «Adsen FavIcon», «IcoFX», «Favicon Create». Или он-лайн сервисами, на которых просто загружаем картинку, и получаем иконку. Пример таких сайтов: www.favicon.ru или www.favicon.by. В любом случае, сохраняем наш файл под именем «favicon.ico».
2
Далее открываем корневую папку сайта и кидаем туда наш файл с изображением иконки.
3
Открываем исходный html файл. Находим тэг «head», и вставляем в него следующий код:

« link rel=”icon” href=”/favicon.ico” type=”image/x-icon”»

«link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon”». После этого ваша иконка будет видна в браузере. Однако этого может сразу не произойти, если пока сервер не обновил файл. Ждем пару дней, и любуемся появившейся иконке. Стоит отметить, что на некоторых движках можно просто скопировать свою иконку в корневую папку сайта, заменяя при этом уже имеющуюся иконку.
Источники:
  • Как добавить и установить Favicon WordPress, простейший способ

Совет 2: Как сделать иконку favicon в 2017 году

Отображаемая на поисковых страницах и в строке браузера перед адресом эмблема сайта – это небольшой стилистический значок, который называют иконкой. С помощью иконки сайт легко узнать и он зрительно выделяется на фоне остальных аналогичных сайтов. Если разобраться в истории возникновения подобного сервиса, то первоначальное (правильное) имя иконки – «фавикон». Это аббревиатура, которая образовалась от английского выражения FAVorites ICON – «значок для избранного».



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

Если у пользователей есть навыки работы с программой Adobe Photoshop, можно сделать иконку самостоятельно. Для преобразования нарисованного или подобранного изображения для иконки в нужный формат (favicon.ico) существуют специальные on-line сервисы, где можно быстро и без труда это сделать. Логичнее всего воспользоваться сервисом favicon в российской доменной зоне либо поискать самостоятельно в Интернете аналогичные фавикону сайты.

С помощью подобного сервиса сделать иконку можно в течение нескольких минут. Для этого загружаем выбранное для иконки изображение в on-line сервис с помощью подсказок на сайте, активируем команду «Создать favicon.iсo». В течение нескольких секунд сервис преобразует ваше изображение в иконку. Нажимаем «Сохранить на компьютере» и выбираем путь для сохранения. Если иконка создается для сайта, тогда нужно указать директорию, где лежит главная страница сайта. Созданную иконку при желании можно подкорректировать в пиксельном редакторе.




Затем нужно вручную на страницах сайта вставить код, обрамляя его тегами <HEAD>:




<HEAD>

<link rel="shortcut icon" href="icon/favicon.ico">

</HEAD>




Далее проверяем результаты своей работы. Обновляем страницу блога или сайта – и фавикон появляется в строке браузера. Проверяем работу в поисковых системах – в листах поиска должна появиться эмблема вашего сайта.

 

Видео по теме
Источники:
  • Сделать иконку можно программой для создания иконок IconLover в 2018

Совет 3: Как установить и настроить локальный web-сервер

Здесь описан один из способов настройки локального web-сервера для формирования тестовой среды для веб-разработчиков и web-тестировщиков сайтов. Для данного сервера не нужен выход в интернет и с помощью него можно легко работать с несколькими проектами сразу. Web-сервер стабильно работает и при настройке не требует особых знаний в системном администрировании.
Как установить и настроить локальный web-сервер
Вам понадобится
  • Потребуется операционная система Windows любой версии, бесплатная версия установочного пакета web-сервера Endels_setup, который можно скачать с сайта разработчика данного продукта.
Инструкция
1
Запустите программу установки локального web-сервера Endels_setup.exe. Жмите кнопку "Далее".
2
Укажите место куда вы хотите разместить сам локальный web-сервер и файлы ваших будущих проектов. Лучше всего выбрать диск с наибольшим объемом свободного места.
Жмите кнопку "Далее".
3
Согласитесь на создание ярлыка на рабочем столе, нажав кнопку "Далее".
4
Теперь все готово к установке локального web-сервера. Жмите кнопку "Установить". Процесс инсталляции займет некоторое время. В результате отобразится окно завершения установки, закройте его. На рабочем столе у вас появиться иконка с названием " Endels".
5
Запустите оболочку управления локальным web-сервером с помощью иконки с названием "Endels" у вас на рабочем столе. Если на экране появилось предложение о проверке наличия обновлений, нажмите на кнопку с изображением глобуса возле знака вопроса. Скачайте последнюю версию установочного пакета локального web-сервера Endels и повторите все предыдущие шаги.
6
После запуска пакета локального web-сервера, в правом нижнем углу в трее рабочего стола Windows появиться иконка с изображением глобуса черно-оранжевого цвета. Пометьте мышкой данную иконку и нажав правую кнопку мыши выберите пункт меню "Старт". Ваш сервер будет запущен. Теперь вы можете скопировать файлы своего проекта в папку "C:\Endels\home\localhost\www".
Запустите любой браузер и напишите в строке адреса "//localhost".
В результате откроется ваш проект, который вы можете дорабатывать, тестировать или изменять.
Обратите внимание
Выберите для работы с сервером компьютер с оперативной памятью не менее 2 Гб и свободным дисковым пространством не менее 5Гб.
Полезный совет
Лучше всего устанавливать локальный web-сервер на операционные системы Windows 7 или Windows XP.
Совет полезен?
Поиск
Добавить комментарий к статье
Осталось символов: 500