Последние публикации

  16 Июля, 2011
Взлом капчи
Разбираемся, как ломают капчи. Теория и практика


  17 Июня, 2011
Справочник по PHP
Синтаксис языка и операторы. Функции работы с данными. Файлы и сети. Управляющие функции. ..


  25 Января, 2011
Основы web-технологий.
С появлением высокопроизводительных серверов, сетевого оборудования и высокоскоростных каналов связи ..


  22 Января, 2011
Теоретические основы защиты информации.
В настоящее время и у нас в стране, и за рубежом достаточно много публикаций по современным ..


Поиск по сайту

 

postheadericon Главная / web программирование / web технологии

Свой WAP сайт.


Краткое руководство по созданию WAP сайта

картинку, то объем загрузки увеличивается. Плюс ко всему пользователь платит за то, что видит картинку на сайте, которая

скажем ему и не нужна вовсе. Поэтому основное требование к изображению, она должна быть, как можно меньше по объему файла. Поэтому в качестве картинок на сайте, как правило, нужно использовать GIF файлы, содержащие не более 16 цветов, а лучше всего 2-3 цвета. Например, слово из трех букв напишите тремя цветами и не увлекайтесь больше. Это я все отношу, к примеру, создания логотипа для сайта или скажем легкой навигации.

Давайте поподробнее рассмотрим пример, как можно сделать логотип для сайта с легкой анимацией. Для этого нам понадобится программа Adobe ImageReady, которая поставляется вместе с Photoshop.

Создадим в ней новое изображение размером 75х18 пикселей, разрешение должно обязательно стоять 72 точки на дюйм, палитра RGB. Выберите из коллекции шрифтов какой-нибудь интересный шрифт и напишите что-нибудь. К примеру, слово "welcome". Здесь есть одна тонкость, нужно чтобы шрифт был не сглаженный. Для этого в атрибутах шрифта поменяйте параметр на “none”, файл будет иметь значительно меньший размер, чем если бы шрифт был сглаженный. Установите цвет, подходящий размер, а также можете выбрать начертание шрифта - полужирный, курсив, подчеркнутый.

Придадим анимацию. Например, надпись будет менять цвет в такой последовательности: красный->синий->черный.

Для этого создадим еще дополнительно 2 надписи. Чтобы сделать на основе готовой надписи, нужно продублировать 2 раза слой, выберите в меню Layer команду Duplicate Layer. Данную команду повторите два раза.

Теперь в окне слоев мы видим уже три слоя с надписью "welcome". Поменяем для двух новых слоев цвет надписи. В одном слое сделаем надпись синей, в другом черной. Для этого выделяем слой в окне слоев и меняем атрибуты цвета.

В данный момент мы видим три слоя. Самый верхний слой закрывает два остальных нижних. Чтобы придать анимацию, нам следует создать дополнительно еще два кадра. В каждом кадре будет затем показываться один слой, остальные два слоя показываться не будут (я не считаю фон отдельным слоем, в дальнейшем мы его удалим).

Чтобы создать новый кадр в окне “Animation” кликните на иконку “Duplicates current frame” два раза. В результате у Вас получились 3 кадра. Во всех кадрах отображается только верхний слой.

Нашей следующей задачей стало убрать в каждом кадре два ненужных цвета, т.е. два слоя с надписями и показывать только один слой. Выделим первый кадр и в окне “Layers” спрячем два верхних слоя. Чтобы это получилось нужно кликнуть на иконку “Indicates layer visibility” ("глаз"). В итоге мы скроем этот слой. Тоже нужно сделать еще для одного слоя, в итоге у нас остается только один слой с надписью.

 

Следующей

Дата публикации: 24 Октября, 2010
Автор: Дмитрий И.
Прочитано: 3008 раз

-  7  -

<1 | 2 | 3 | 4 | 5 | 6 |  7  | 8 | 9 | 10 | 11>

postheadericon Это интересно

Хакеры. Герои компьютерной революции.

Давайте проведем небольшой тест. Какие ассоциации вызывает у вас слово «хакер?».

Взлом капчи

Разбираемся, как ломают капчи. Теория и практика