|
|||
реклама у нас | |||
*** |
Сайт в стиле "windows"Огромное многообразие сайтов на просторах Web является без сомнения признаком "демократического творчества". Однако уже сегодня, когда только ленивый не построил своего сайта, Internet напоминает огромную мусорную кучу. Да, здесь можно найти практически любую информацию, но в чем приходится ради этого покопаться... Очевидной становится необходимость некоторых элементов стандартизации или моды, если угодно, в сайтостроении. В качестве одного из вариантов, на мой взгляд, мог бы стать интерактивный сайт в стиле "Windows". Лучшим программным продуктом для решения этой задачи, на сегодняшний день, без сомнения является Macromedia Flash Mx. Основные преимущества такого сайта:
В качестве примера для этой статьи я подготовил простейший вариант такого сайта, назвав его "Полезные советы". Таким образом выглядит "рабочий стол": ![]() А так, когда пользователь "запустил задачи": ![]() На сайте имеется фото автора, сайт озвучен, в первом кадре находится бегунок загрузки сайта и все это легко уместилось в 89 Kb. Если убрать эти излишества, то размер сайта сократится вдвое, по-моему это небольшая плата за очевидные преимущества. Итак, если мне удалось убедить Вас в перспективности такого подхода строительства сайта - за дело! В следующей статье я постараюсь подробно объяснить процесс его создания в Macromedia Flash Mx. Для тех кто еще не открыл для себя Flash MX. 1.Для создания сайта необходимо иметь установленную версию Flash MX. Будет она русифицирована или нет Вы в процессе работы даже не заметите. 2. Для пиктограмм на рабочий стол подобрать готовые *.jpg файлы или создать их в любом редакторе. Лучшим является Macromedia Fireworks MX, так как без видимой потери качества файлы здесь получаются меньшего размера. Необходимо помнить, что в сети каждый лишний Kb - плюс ко времени загрузки сайта и минус к его привлекательности. 3.Загружаем Flash Mx. 4.Создаем "рабочий стол". Устанавливаем размер 750x430 (windows\properties(ctrl+F3). В панели Tools выбираем компонент Rectangle и создаем на слайде прямоугольник любого размера, затем выставляем ему размер как и слайду 750x430. Выделяем прямоугольник и в панели Color Mixer указываем его цвет, заливку и вид заполнения. Конвертируем в символ, чтобы в дальнейшем иметь возможность работать со свойствами этого объекта: Insert\Convert to Symbol (F8), выбираем Movie clip, в панели Properties даем имя клипу (! важно). Это имя затем используется для программирования. 5.Создаем пиктограммки (кнопки). На временной шкале-Timeline создаем новый слой (Insert\Layer), даем ему любое осмысленное имя (например Pic). Первый кадр слоя пропускаем - он нам понадобится в дальнейшем. Устанавливаем курсор на 2-й кадр и вставляем чистый ключевой кадр (Insert\Blank keyframe). В этот кадр импортируем заготовленные *.jpg файлы (File\Import) и каждую картинку сразу конвертируем в символ (кнопку) (Insert\Convert to Symbol (F8), Button). Затем показываем как кнопка будет себя вести. Щелкаем по ней два раза мышкой и видим четыре положения кнопки. Заполнен только кадр "Up". Устанавливаем курсор на "Down" и вставляем ключевой кадр (Insert\Keyframe), далее в панели Tools выбираем компонент Text и делаем под пиктограммой надпись. Она появится при наведении на нее мыши. Аналогично создаем остальные пиктограммки 6.Кнопка "Пуск" .Создаем кнопку (см. п.5) с надписью на ней и даем ей имя
(Properties, Instance Name). Поскольку при нажатии на кнопку должно появиться
меню, поступим следующим образом. В качестве элементов меню будем использовать
также кнопки. При нажатии на "Пуск" они должны появляться, а при нажатии на
любую из них исчезать. Итак, создаем необходимое количество кнопок (по
количеству пиктограмм) и каждой даем имя. Вызываем панель Action, делаем копку
"Пуск" активной, в панели Action выбираем режим Expert Mode и прописываем
действия: on (press) { on (press) { // при нажатии кнопки мыши Для того чтобы вместе с окном перемещались все его компоненты их необходимо создавать внутри клипа. Например управляющие кнопки. Открываем клип двумя щелчками мыши, импортируем в него рисунок кнопки закрытия окна (или рисуем перечеркнутый прямоугольник), добиваемся нужных размеров и конвертируем его в кнопку, делаем ее активной и в Action прописываем: on (press) { on (press) { on (press) { Аналогично создаем другие окна. Не забываем, что окна в начальный момент загрузки сайта не должны быть видны. А при нажатии на соответствующую пиктограммку или пункт меню должны показываться. Для чего создадим слой Act и добавим в него action: stop(); on (press) { Вот уже и готов Ваш костяк интерактивного сайта. Как видите проще ничего не
бывает. В следующей статье я расскажу о некоторых "вкусностях" - об управлении
цветом, прозрачностью, как создать свой "прелоадер",красивые часики на "рабочий
стол" , озвучить Ваш сайт. Пример этого сайта находится на: http://www.polsov.front.ru. |
*** |
![]() |
*** |
|
Copyright © "Internet Zone", info@izcity.com. Условия использования материалов |