Открылась Компьютерная Ярмарка Expo-com.ru на Тульской 
6000 кв.м, 20 000 покупателей в день.
Удачное расположение (м. "Тульская"), большой ассортимент, автостоянка, лифты, кафе, туалеты, телефонная связь, интернет. 
Арендаторам: 1 месяц бесплатно
Режим работы и проезд см. здесь >>
реклама у нас
***

Сайт в стиле "windows" - 2

Трунтаев Н.П.

Продолжение, начало см. в izone 449

Итак, мы готовы к тому, чтобы украсить наш сайт различными полезными и не очень "прибамбасами". Это уж кому что... Начнем с озвучивания и по-моему интереснее, если это будет не музыка, а приятный голос. Для этого вам необходимо записать подготовленный текст, желательно не очень плохим микрофоном и ни в коем случае не с помощью стандартного фонографа. Я рекомендую музыкальный редактор Sound Forge 5.0 или старше. После записи - отредактировать звук, убрав все лишнее. Далее открываем во Flash Mx наш сайт и импортируем в библиотеку подготовленный звуковой файл(File\Import to Library). Открываем тот символ, где хотим услышать звук, в нашем случае это кнопка, активизируем событие Down, открываем окно библиотеки (Window\Library) и мышкой просто перетаскиваем наш звук в символ. Все. У меня, например, приятный женский (опять же кому что...) голос сообщает, что открываются "полезные советы по windows 98" (windows xp, Linux и т.д.)

Неплохо выглядит возможность управлять цветом рабочего стола или окна. Итоговый цвет складывается из смешивания трех цветов красного, зеленого и синего (RGB -Read, Green, Blue), значения которых изменяются от 0 до 255. Подготовим окно (символ), в который поместим три бегунка (символа) для управления каждым из этих цветов. Каждый символ должен иметь индивидуальное имя, которое задается в окне Properties (например knobsin, knobzel, knobkra)

Для начала зададим начальное положение бегункам. Я это делаю во втором кадре слоя Action следующим образом:

_root.regcv.knobkra._x=150;//regcv - имя окна(символа), где расположены бегунки
_root.regcv.knobzel._x=150;
_root.regcv.knobsin._x=90;

Далее задаем действия кнопке, которая вызывает (делает видимым окно(символ) regcv):

on (press) {
_root.regcv.swapDepths(11); //окно regcv на первый план
_root.regcv._visible=true; // делаем его видимым
myColor = new Color(_root.osnova); // определяем переменную myColor как цвет
rgb = (c1 << 16 | c2 << 8 | c3);// рабочего стола (можно любого окна)
_root.regcv.onEnterFrame = function() {
c1 =_root.regcv.knobkra._x+105; // интенсивность красного цвета
c3 =_root.regcv.knobsin._x+105; // интенсивность синего цвета
c2 =_root.regcv.knobzel._x+105; // интенсивность зеленого цвета
rgb = (c1 << 16 | c2 << 8 | c3);
myColor.setRGB(rgb); // получаем итоговый цвет рабочего стола
}
}

Если Вам захотелось "...себя показать", возможно подойдет такой способ . Сканируете свою фотографию, обрабатываете ее в Photoshop-е и импортируете в библиотеку своего сайта. Добавляете новый слой - у меня называется avtor. Во втором кадре слоя создаем окно(символ) и даем ему имя oknoavt. Внутри это символа создаем еще три символа: text, avtor и alfa. Не забывайте, что только указав имя символа в окне свойства, вы получите возможность управлять свойствами символа. В окно text вы вписываете рекламный текст, в окно avtor помещаете из библиотеки свою фотографию, e-mail и.т.д.. Как в пределах окна перемещать символы вы уже знаете - поэтому легко это сможете проделать со своей фотографией и разными реквизитами. В окно(символ) alfa поместим задублированный в библиотеке бегунок (символ), который использовали для управления цветом, только на этот раз будем управлять функцией alfa символов text и avtor, а имя бегунку дадим fad1. Во втором кадре слоя Action задаем начальное значение:

oknoavt._visible=false; //пока окно скрыто
_root.oknoavt.alfa.fad1._x= _root.oknoavt.alfa.fad1._x+80 // начальное значение бегунка
_root.oknoavt.avtor._alpha= _root.oknoavt.alfa.fad1._x+99; // прозрачность окна avtor
_root.oknoavt.text._alpha= 99-_root.oknoavt.alfa.fad1._x; // прозрачность окна text

В начальный момент при таком варианте текст просвечивает через фотографию и все картинки в символе avtor. Кнопке(символу), которая активизирует окно oknoavt (делает его видимым) прописываем действия:

on (press) {

_root.oknoavt.max._visible=true; // кнопка максимизации окна видима
_root.oknoavt.minavt._visible=false; // кнопка минимизации окна не видима
_root.oknoavt._visible=true; // окно показать
if (_root.oknoavt._width>470)
{
// если окно максимизировано кнопку максимизации спрятать, а минимизации показать
_root.oknoavt.max._visible =false;
_root.oknoavt.minavt._visible =true;

}

//При перемещении бегунка изменяется функция альфа (прозрачность) символов text //и avtor причем в противоположных направлениях

_root.oknoavt._visible =true;
_root.oknoavt.alfa.onEnterFrame = function() {
_root.oknoavt.avtor._alpha=(_root.oknoavt.alfa.fad1._x+99)/2;
_root.oknoavt.text._alpha=(99-_root.oknoavt.alfa.fad1._x)/2;
_root.oknoavt.swapDepths(12);}
}

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

Для того, чтобы по щелчку на Вашем e-mail вызывался почтовый агент, в действиях соответствующего символа прописываем :

on (press) {
getURL("mailto:truntaev@mailru.com", "_parent");} // ваш адрес

И ...еще. Захотелось сделать надпись, которая бы двигалась в вертикальной плоскости (см.программу NBGClean.exe). Задачка оказалась не так уж и проста. Графические редакторы, позволяют это сделать, но довольно "коряво". Только результат полученный с помощью программы Plasma, меня полностью удовлетворил. Но это "украшательство" прибавило лишних 15Kb. Красиво, но для плохого interneta цена неоправданно велика.

Индикаторные часики в панели задач - также очень просто. Создаете символ (Movie Clip) в него помещаете переменную типа Dynamic Text и в первом кадре этого символа прописываете такие действия:

mydate = new Date(); // определяем переменную отражающую текущее время
sec = mydate.getSeconds(); // получаем из нее секунды
min = mydate.getMinutes(); // минуты
hour = mydate.getHours(); // часы

if (sec<10) {
sec = "0"+sec;
}
if (min<10) {
min = "0"+min;
}
if (hour<10) {
hour = "0"+hour;
}
time = hour add " " add min add " " add sec; // оформляем и присваиваем полученное значение динамической переменной.

И последнее. Размер скомпилированного (*.swf) файла у меня составил 89Kb. Для плохого interneta (бесплатный host) многовато. Чтобы как-то скрасить время загрузки и информировать пользователя о ее ходе можно воспользоваться прелоадером. Для этой цели мы предусмотрительно оставили пустым первый кадр всех слоев основной шкалы (если помните, я везде предлагал размещать символы начиная со второго кадра). Идея такая - подсчитывать сколько процентов загружено и отражать это в текстовом виде и в виде заполнения прямоугольника одного цвета другим. Итак, создаем в первом кадре сцены прямоугольник, в центре, которого размещаем символ(также прямоугольного вида) с именем zapol1 и где-то размещаем переменную типа Dynamic Text (в ней будем отражать процент загрузки) далее все это помещаем в символ zagruz. В действиях символа zagruz прописываем следующее:

onClipEvent (load) {
tot = _root.getBytesTotal(); //определяем общий размер загружаемого клипа
}
onClipEvent (enterFrame) {
loaded = _root.getBytesLoaded(); // определяем сколько байт уже загружено
percent = loaded/tot*100; // рассчитываем процент загрузки
text=Math.floor(percent)+"%"; // значение показываем в динамической переменной
_root.zagruz.zapol1._width =Math.floor(percent)*5; // увеличиваем размер символа //zapol1 в ширину.
if(loaded==tot){_root.gotoAndStop(2)} // если клип загружен переходим ко второму //кадру, где все и начинается
}

Результат примерно такой:

В заключении, мне остается только принести извинения за некрасивые имена символов (knobkra, zapol1 и т.д.) - осталось со времен работы в древнем паскале.
 

***
***

Copyright © "Internet Zone"info@izcity.com. Условия использования материалов