Quarantine Arts. Студия web дизайна

Как вставить заглушку к баннеру

CJQUARANTINE — Tue, 08 May 2012 16:12:47 GMT

Как вставить заглушку для баннера в HTML коде страницы. Есть разные способы. Самый простой приведен ниже.

где FLASH.swf - наш баннер

ZAGLUSHKA.jpg - заглушка

620 и 320 ширина и высота.

Данный код - самый простой способ вставить заглушку для FLASH баннера на страницу.

Уменьшение размера флеш баннера

CJQUARANTINE — Wed, 21 Sep 2011 19:17:34 GMT

Недавно возникла такая ситуация: разрабатывался флеш баннер под допустимый размер 100 Кб. Позже выяснилось, что ограничение по размеру 25 Кб!!!

Что делать?

Баннер весит в самом сжатом состоянии 67 Кб. Уменьшать качество изображений уже бессмысленно - будет крайне некрасиво.

Как уменьшить размер выходного SWF файла без сжатия изображений?

Возникла идея: а что если растровые изображения из флеш баннера перерисовать во флеше в векторе.

Помогло!

Тот же самый баннер поле часа обрисовки превратился в 24.7 Кб. И самое главное, что качество отменное. Из восьми растровых изображений осталось только одно. Остальное в векторе.

Вывод: вместо того, чтобы бездумно вставлять растровые изображения во флеш баннер, можно их обрисовывать во флеше, заменяя на векторные.

CMS для FLASH сайта. Часть 1

CJQUARANTINE — Sat, 09 Jul 2011 08:19:54 GMT

Перерыл весь Интернет - искал бесплатную работоспособную CMS для флеш сайта. Поиск не увенчался успехом. Нашел только платные CMS.
Как же тогда администрировать флеш сайт если не хотим ничего покупать?

Ответ прост - написать CMS самому. Все что для этого нужно немного знание PHP+MySQL. Для начала нужно установить денвер на компьютер - для отладки работы нашей CMS.
Сама CMS будет на флеше.
Схема такая: из флеша вызываем PHP, а тот, в свою очередь, делает запрос к MySQL базе.
Самое главное, чтобы потом наш сайт мог получить данные из MySQL в виде XML файла. Здесь опять на помощь приходит PHP.

Что же нам нужно научиться делать?

1. Вызывать из FLASH PHP и обрабатывать его ответ.
2. Добавлять, удалять, редактировать таблицы в MySQL через PHP
3. Научиться получать во флеш XML файл из базы данных на MySQL

Цели поставлены. Теперь решение.
В следующих статьях обсудим шаг за шагом нашу задачу и ее решение.

Crossdomain.xml и FLASH

CJQUARANTINE — Fri, 15 Oct 2010 15:29:06 GMT

Что такое Crossdomain.xml и с чем его едят?

Crossdomain.xml (кросдоменник, в простонародье) - это файл, лежащий в корне домена, который разрешает или запрещает доступ к ресурсам домена с других серверов. XML файл выглядит следующим образом:

    

В данном случае "*" означает, что к нашему домену разрешен доступ со всех сайтов. Если же доступ нужно ограничить, то перечисляются все домены с которых разрешен доступ, в нашем случае с "ucoz.com" доступ открыт.

Взаимодействие с FLASH.
Проблема выглядит следующим образом. На сервере лежит PHP скрипт, который возвращает XML файл. В процессе разработки из среды FLASH все работает идеально. Но вот стоит выложить готовый SWF файл на сервер, отличный от сервера, где лежит PHP - все прекращает работать. XML возвращает пустоту. Когда я столкнулся с такой ситуацией, то долго не мог понять: у меня на компе все работает, на сайте нет - в чем ошибка??? Ошибка в политике безопасности. Просто нужно флешку выложить на сервер, где покоится наш PHP скрипт или XML. Либо, выложить в корень нашего сервера кросдоменник с прописанным доступом со стороннего сервера.

Создаем Crossdomain.xml

Открываем редактор Блокнот. В текст вставляем структуру:

  

Сохраняем файл в кодировке UTF-8 (главное, чтобы исправно читался на сервере) и пользуемся удаленным доступом к ресурсам на сайте.

Перемешать список

CJQUARANTINE — Sat, 11 Sep 2010 13:26:29 GMT

Ситуация, с которой столкнулся недавно: есть список в текстовом файле, надо перемешать список. Пришлось выдумывать способы реализации. Решил, что флеш подойдет. Как оказалось изобрел велосипед, так как такая функция есть в excel. Но все же, труд не пропал зря. Поставленная задача решена. Кроме того, подобная функция перемешивания обычно присутствует на флеш проигрывателях с плейлистами. Так что функция shuffle освоена. Основные особенности подобной сортировки:

не должно быть повторных вхождений
неверный алгоритм может сильно замедлить сортировку больших списков

Алгоритмов довольно много. Можно сохранять уже выпавшие значения в отдельный массив, сравнивать с ним выпавшее значение и решать: либо подходит, либо заново random. Подобный способ может зацикливаться при работе с большим списком. Есть другой алгоритм, который на каждую итерацию сокращает массив элементов на 1, что помогает избежать ненужных возвратов к random.

Как применяется данная флешка. Допустим вы пишите текст. У вас есть ключевые слова и вам надо их отсортировать. Где это сделать? В excel это сделает не каждый, так как придется долго искать формулы и способы как это делать. А тут готовая флешка.

Приятного пользования.

Важный инструмент для веб дизайнера

CJQUARANTINE — Tue, 13 Jul 2010 08:42:29 GMT

Наверняка, каждый дизайнер сталкивался с такой ситуацией, когда свою картинку нужно поставить на готовый сайт в браузере. Обычно из этой ситуации выходят следующим образом: скриншотят сайт, вставляют в редатор и там уже сама подстановка. Простой способ, но часто при нажатии на PrintScreen скиншотится не весь экран, некоторые элементы дизайна становятся невидимыми. Это серьезная проблема.
Сам столкнулся сегодня с подобной ситуацией. Что же делать? Как проверить подходит ли шапочка на сайт. На выручку пришли навыки программирования на Visual Basic. Старый добрый бейсик. Никогда не подводит.
15 минут времени и приложение - подставлялка готова. Скачать можно отсюда.

Суть в следующем. Форма с тремя кнопками. Открыть картинку, Скрыть, Выход. Открываем наше изображение (JPG, BMP). Форма становится соразмерной изображению. Хватаем форму левой кнопкой мыши за любое место и тащим по экрану куда нам надо. Подставил - проверил. Двойной щелчок по форме левой кнопкой открывает начальное трехкнопочное меню.
Программа сделана на скорую руку, могут быть и недоработки. Если что пишите - исправим.Приятного пользования.

И опять таки, свою благодарность можно выразить щелчком по ссылке в блоке справа "Поддержи материально!".
Спасибо.

Как правильно работать с графическими файлами во flash

CJQUARANTINE — Thu, 10 Jun 2010 05:16:28 GMT

Опять перебор - флешка весит 41 Кб, лишний целый 1 килобайт. Как же подогнать размер под 40 Кб.
Требование не превышать указанный объем встречается у каждого заказчика. Например он хочет разместить баннер на яндексе, майл.ру или еще где-то, где есть жесткие требования к объему, например до 40 Кб.
Что и как сжать?

Первое правило. Все графические файлы не должны по линейным размерам быть больше, чем то необходимо. Не уменьшайте линейные размеры файла во flash без острой необходимости. Проще это сделать в графическом редакторе, а во флеш вставить картинку правильных размеров. Если вы все же решили масштабировать картинку во флеше, то не забудьте в свойствах картинки указать ALLOW SMOOTHING. Данный параметр добавляет размытость, что помогает избежать ребристости и острых концов при изменении размеров изображения.
Второе правило. Контролируйте размер флешки. File - Publish Settings - Flash - Generate Siza Report. Данный отчет показывает сколько и что весит.
Как сжать картинки?
У каждого изображения есть свойства.
COMPRESSION имеет 2 параметра LOSSLESS - без потери качества, PHOTO - сжатый. Если выбран параметр PHOTO, то появляются еще опции. USE IMPORTED JPEG DATA - качество сжатия как в оригинале. Снимаем галку и появляется окошко QUALITY, где выставляем качество в процентах. Умело пользуясь этими параметрами вы сможете подгонять флешку под нужный вам размер.

HTML код вставки флеш баннера на сайт

CJQUARANTINE — Sun, 06 Jun 2010 08:10:33 GMT

Запрос поисковика "код вставки баннера" до сих пор актуален. Получается, что многие пользователи Интернет до сих пор не могут самостоятельно вставить флеш баннер на сайт. Хотя, уже был придуман генератор HTML кодов, все же разберем обычный код. Согласитесь, что не мудро вставлять на свой сайт код, который не понимаешь.

Вашему вниманию предоставлен простой пример.

Построчно:
Строка 1.
object type="application/x-shockwave-flash" - описание типа объекта. тип Флеш
data="banner.swf"                                       - ссылка на ваш баннер
width="468"                                                - ширина баннера, в пикселях. Если баннер резиновый, то ставим значение 100%
height="60"                                                - высота баннера, в пикселях. Если баннер резиновый, то ставим значение 100%

Дальше идут параметры ролика.
Строка 2.
param name="movie" value="banner.swf"    - передает флешке имя ролика. Идентичен ссылке на флешку.
Строка 3.
param name="wmode" value="transparent" - устанавливает прозрачность. Если у флешки фон не прозрачен, то строка не    пишется вовсе.
Строка 4.
param name="FlashVars" value="link1=quarantine.ucoz.ru"
строка нужна только если необходимо передать переменные во флешку, например ссылку для перехода. Обратите внимание на оформление (кавычки): value="link1=quarantine.ucoz.ru"
Если же необходимо передать несколько параметров, то пишем их в кавычках, разделяя значком &

value="link1=quarantine.ucoz.ru&link2=что то там&pathXML=путь к эксэмэльке"

Строка 5.

Flash заставка на сайт

CJQUARANTINE — Tue, 18 May 2010 10:43:12 GMT

Мало что способно украсить Ваш сайт так, как это сделает качественная Flash заставка.
Недавно столкнулся с такой задачей. Нужно было реализовать эффект перелистывания прозрачной страницы. По задумке это выглядело так. Пользователь переходит на сайт и перед ним прозрачная обложка с названием и титрами, через которую просвечивает сам сайт. Проходит несколько секунд и страничка изящно переворачивается и полностью уходит с экрана, а перед пользователем остается сайт. Довольно таки оригинально смотрится. Здесь возникли сложности. Вообще существует три типа перелистывания страниц: жесткая страница (как обложка книги, не гнется), мягкая страница (перелистывание строго справа налево) и, опять же, мягкая страница, только уже перелистывание начинается с нижнего угла.
Перелистывание мягкой страницы строго справа налево делается элементарно и даже без кода. Главная задача правильно распределить светотени и маски страниц. А вот жесткое листание и мягкое листание от угла - тут без AS не обойтись. Сложные математические формулы, светотень, маски. Все динамично подвижное. Пришлось все это освоить, так, что если нужна flash заставка буду рад помочь.

Кстати, в данном проекте очень важен код вставки на страницу. В коде обязательно нужно учесть, что фон у заставки прозрачный и что заставка должна выводится поверх страницы, делается это с помощью скриптов. На что еще хочется обратить внимание, так это на то, что такая заставка должна быть резиновой, то есть занимать по ширине и высоте 100% браузера. Только в таком случае эффект сохранит первозданную красоту на любых мониторах с любым разрешением.

Заработок в Интернете или как заработать на сайте?

CJQUARANTINE — Sat, 24 Apr 2010 05:37:44 GMT

Рано или поздно у каждого пользователя сети интернет появляется желание заработать свой первый "миллион" в интернете. Причем заработать хочется без вложений средств. И это верная позиция, поскольку это реально. Но уровень дохода при заработке без вложений значительно ниже, чем если вложить немного средств.

Хотя существует много способов заработать в Интернете, хочу обратить внимание на заработок с помощью ссылок. Что представляет из себя такой вид заработка. Для начала у вас должен быть сайт с хорошей посещаемостью. Теперь вы можете размещать на вашем сайте ссылки, за переход по которой будете получать деньги. Здесь важно выбрать правильный партнерские программы, которые и будут снабжать вас ссылками и выплачивать вам деньги. После размещения специального кода партнерской программы за каждый клик по ссылке ваш доход будет увеличиваться. Разные партнерские программы дают разные расценки, например, разброс цен может быть от 30 центов до 1 доллара. Тут выбор за вами.

Заработок для web-мастеров