Как сделать иконку favicon.ico для своего сайта
25.12.08 Веб-дизайн, Подробные инструкции
Иконка favicon.ico представляет собой крошечную картинку размером 16х16 пикселей, которая отображается рядом с адресом вашего сайта или блога в браузерах, в результатах поиска, в закладках и т.д. Обычно такую иконку делают из логотипа или фрагмента логотипа компании на фоне корпоративного цвета или любой другой символ, который дизайнер посчитает запоминающимся и подходящим для тематики сайта. Например, иконка favicon для этого блога – 
.
Сделать иконку favicon для своего сайта совсем не сложно, зато она сделает ваш сайт более узнаваемым. В последнее время у большинства сайтов есть такие иконки, потому не стоит ленится или недооценивать их значение. Тем более делается и устанавливается favicon быстро и просто. Я просто очень подробно описываю, как это сделать, потому много текста 
.
Иконки favicon появляется рядом со ссылкой в результатах поиска, например, в Яндексе:
Иконки favicon отображаются перед адресом просматриваемого сайта почти во всех браузерах, в Избранном или Закладках браузера:
Теперь научимся делать такие иконки для своего сайта или блога. Для этого нам понадобятся программы Adobe Photoshop CS3 и AWicons Pro. Если у вас нет этих программ и вы не знаете, где их можно бесплатно скачать, советую прочитать мою статью Чем бесплатно скачать любую программу.
Метки: favicon, ico, Photoshop, браузер, иконка, инструкция, сайт, Фотошоп
Как flash-баннер сделать ссылкой
10.12.08 Как сделать баннер, Подробные инструкции
После того, как вы сделали flash-баннер, нужно сделать его кликабельным. Вставить flash-ролик в код страницы и сделать его ссылкой с помощью HTML-кода, как это делается с gif-баннером, не получится. Но при нажатии на баннер должна открываться веб-страница, которую он рекламирует. Смысл создания любого баннера в осуществлении перехода на рекламируемый веб-сайт.
Задача легко решаема. Для этого мы создадим отдельный слой в баннере и добавим в него кнопку с кодом перехода на встроенном во Flash языке программирования Action Script. Эта статья-урок подробно описывает, как именно добавить ссылку во flash-баннер:
1 2 3 | on (release) { getURL("http://www.web-article.com.ua", _blank); } |
Архив flash-баннера с исходником в формате .fla, который иллюстрирует этот урок, готовый файл и автоматически сгенерированная страница публикации можно скачать здесь (1,32 Мб):
Для того, чтобы сделать flash-баннер кнопкой, нам понадобится программа Adobe Flash, в которой и создается сам баннер. В уроке использовалась версия Adobe Flash CS3 Professional, но все файлы сохранены для Flash 8. Для других версий Flash действия по созданию ссылки в баннере аналогичны. Итак, начнем работу.
Метки: actionscript, Adobe, flash, getURL, link, release, баннер, ролик, ссылка, флэш
Как сделать анимированный GIF баннер
29.11.08 Как сделать баннер, Подробные инструкции
Для продвижения своего сайта нужны баннеры. Их можно размещать бесплатно в блогах своих знакомых или на коммерческой основе на сайтах с высокой посещаемостью. Создание баннера можно заказать в профессиональной веб студии, а можно сделать самому.
В этой статье мы научимся делать анимированные GIF-баннер средней сложности с нуля. Для этого нам понадобится немного времени и терпения, т.к. шедевр анимации у новичка за час не получится никак. Из программ мы будем использовать Adobe Photoshop CS3 – для подготовки кадров баннера и Ulead GIF Animator 5 – для создания из готовых кадров анимационного ролика в формате GIF. Если вы не знаете, где взять эти программы, рекомендую прочитать статью Чем бесплатно скачать любую информацию.
В результате выполнения этого урока мы получим вот такой баннер:
Все материалы этого урока, включая фотошоповский файл PSD со слоями и триал программы Ulead GIF Animator 5, можно скачать по ссылке:
Метки: gif, анимация, баннер, инструкция, пошаговая инструкция, самому, сделать, урок
Как заливать файлы по FTP на любой сервер
22.11.08 Подробные инструкции
Не будем вникать в теорию протоколов передачи информации. Нас интересует практическое применение FTP для загрузки html-страниц и файлов на хостинг. В практическом смысле FTP – это способ передачи данных между компьютерами, как в локальной сети, так и по интернету. При этом если на вашем компьютере стоит Windows, а сервер управляется Linux или другой ОС, проблем не возникнет, протокол FTP стандартный и общепринятый.
Почему заливать сайт нужно по FTP, а не по привычному протоколу HTTP? Потому что ФТП удобнее и быстрее. Разница примерно такая же, как между перевозкой товара в ящиках и коробках со склада в магазин машиной и его переноской в пакетах насыпью вручную. Одним словом, FTP не зря пользуется популярностью в интернете.
Логин, пароль и адрес FTP-сервера
Для настройки фтп-соединения с удаленным сервером, на котором у вас лежит или будет лежать сайт, ваш хостер должен вам сообщить следующие данные: логин, пароль и адрес фтп-сервера. Они нужны для организации ограничения доступа к вашему сайту. Чтобы данные на сайте могли менять только вы.
Передача файлов по FTP с помощью браузера Internet Explorer
Если под рукой нет никакого файлового менеджера или специального фтп-клиента, подойдет браузер «Internet Explorer» или окно «Мой компьютер», что, по сути, одно и то же.
Используя полученный у хостера данные, делаем прямую ссылку для подключения по FTP к серверу:
ftp://логин:пароль@адресftpсервера
Логин и пароль разделяются служебным символом «:», после пароля перед адресом ftp-сервера стоит служебный символ «@». В самом начале ссылки мы пишем «ftp://», чтобы браузер был уверен, что передача файлов будет по протоколу FTP, а не по более привычному для него HTTP. Пробелов в ссылке быть не должно.
Метки: Explorer, ftp, выложить, загрузить, закачать, залить, подробная инструкция, сервер
