Как создать сайт на flash

Flash сайт представляет собой обычный VEB-сайт сделаный на платформе Adobe Flash.Платформа включает в себя средства разработки, основные Adobe Flash Professional и Adobe Flash Builder,также содержит программу для воспроизведения flash-файлов — Adobe Flash Player.

Adobe Flash Professional это программа имеющая свой язык программирования Action Script.
Подробнее о технологии Flash посмотрите здесь.

По мере развития программы появилась возможность использовать Flash для создания веб-сайтов.
Flash(Флэш) сайты отличаются от обычных сайтов большим количеством аннимационных эффектов.
Так же технология флеш позволят добавлять на сайты музыкальные эффекты и управлять их воспроизведением.
Сайты на Flash выглядят очень привлекательно,динамические эффекты уникальные.Но есть в этих сайтах существенные минусы,которыми объясняется их небольшое применение в Интернете. Во – первых поисковые роботы не могут видеть анимированные Flash файлы что мешает индексации сайта и как следствие, низкая позиция в выдаче результатов запроса в поисковой системе.Flash файлы имеют большой размер, что замедляет загрузку сайта и пользователи могут перейти на другой сайт не дождавшись загрузки.

Как сделать Flash анимацию посмотрите посмотрите на этой странице

Рассмотрим как создать флэш-меню,и вставить его в сайт HTML,который мы создавали на странице Сайт HTML.

Это меню можно использовать для любого веб-сайта. С помощью данного урока, Вы также узнаете, как создавать флэш-меню, как оживить ее, как импортировать звуковой файл в библиотеку. и после этого в флэш-сцены, как применить код скрипта в меню и многое, многое другое!

Шаг 1
Создайте новый документ Flash. Выберите меню “Select Modify” (изменение) > “Document” (сочетание клавиш: Ctrl+J ). Установите ширину вашего документа до 390 пикселей и высотой в 64 пикселя. Выберите #B4B2AB как цвет фона и установите частоту кадров вашего флэш-ролика 44 кадров в секунду. Затем, нажмите кнопку ОК.

Шаг 2

Выберите инструмент Текст (А) и перейдите в Панель свойств (сочетание клавиш Ctrl+F3). Затем выберите следующие варианты:
1. Выберите статическое текстовое поле.
2. Выберите ( Arial ) как шрифт.
3. Выбрать размер шрифта 14 пикселей.
4. Выберите цвет #221914.
5. Как вариант визуализации шрифта, выберите пункт “normal”.

Теперь введите текст, как показано на картинке ниже:

Шаг 3

Используя флэш-инструменты для рисования (инструмент “линия” и инструмент “заливка”), нарисуйте черные стрелки выше текста, как показано на картинке ниже:

Шаг 4

Теперь включите инструмент “выделение” (V) и выделите только первый текст и стрелки. Смотрите картинку ниже:

После этого нажмите клавишу F8 (преобразовать в символ), чтобы преобразовать этот текст и стрелки в “Movie Clip Symbol” (символ фрагмента ролика).

Шаг 5

Перейдите к панели свойств под сценой. На левой стороне, Вы найдете поле ввода имени. Назовите этот клип “About_Us”. Смотрите картинку ниже:

Шаг 6

Дважды щелкните по Movie Clip на сцене с инструментом Selection (V) .Вы Теперь должны быть внутри Movie Clip.

• Шаг 7
• Шаг 8
• Шаг 9
• Шаг 10

Вызовите текущий текстовый слой. Дважды щелкните на его имени, по умолчанию (слой 1),и введите новое имя. Нажмите клавишу Enter после того как вы ввели новое имя.
Далее будем анимировать меню. Выберите инструмент “выделение” (V) и выберите только стрелку. После этого, нажмите Ctrl+X (вырезать), чтобы уменьшить её. Затем создайте новый слой над текстом и назовите его “стрелка”.
Выберите слой “стрелку” и нажмите сочетание клавиш Ctrl+Shift+V и кнопку (Вставить на место).
При выбранном слое “стрелка”, нажмите клавишу F8 (преобразовать в символ), чтобы преобразовать его в символ фрагмента ролика.

Шаг 11

Шаг 13

Шаг 14

Шаг 16

Шаг 17

Шаг 18

Шаг 19

Шаг 20

Шаг 21

Шаг 22

Шаг 23

Шаг 24

Шаг 25

Шаг 26

Шаг 27

Шаг 28

Шаг 29

Шаг 30

Шаг 31

Шаг 32

Шаг 33

Нажмите на кадр 5 и кадр 10 , далее нажмите клавишу F6.
Шаг 12
При выделеном кадре 10 включите инструмент “выделение” (V) и щелкните один раз по стрелке, чтобы выбрать её. Затем перейдите к панели свойств (сочетание клавиш Ctrl+F3) под сценой. Справа вы увидите меню “Цвет”.

Вернитесь на кадр 5 и выберите инструмент “выделение” (V) , переместите стрелку немного вверх.
Щелкните правой кнопкой мыши на серой области между кадрами 1 и 5 и кадрами 5 и 10 на временной шкале и выберите “Create Motion Tween” (создать анимацию движения).

Шаг 15
Вернутесь на слой с текстом, выделите текст и нажмите клавишу F8 (преобразовать в символ), чтобы преобразовать его в символ фрагмента ролика.

Нажмите на кадре 5 и кадре 10 и нажмите клавишу F6. При выделенном кадре 10, повторите шаг 12, выберите оттенок цвета #F8F8EE .
Вернитесь на кадр 5 и переместите текст немного вверх, используя инструмент “выделение” (V), или стрелки на клавиатуре.
Теперь повторите шаг 14.
Создайте новый слой и назовите его “rectangle shape”. После этого поместите прямоугольник над текстом слоя. Смотрите картинку ниже:

Возьмите Rectangle Tool (R). В участке Цвета панели инструментов, заблокируйте цвет обводки, нажав на маленький значок карандаша, а затем на небольшой площади с красной диагональной линией. Для цвета заливки выберите #303030 и нарисуйте прямоугольник около 130×2 точек и поместите его на место, как показано на рисунке ниже:

При выделенном слое “rectangle shape”, нажмите клавишу F8 (Преобразовать в символ), чтобы преобразовать этот прямоугольник в “Movie Clip Symbol”.

Нажмите на кадр 10, затем нажмите клавишу F6 на клавиатуре, далее выберите Free Transform Tool (Q) и сделайте так, как показано на рисунке ниже:

Щелкните правой кнопкой мыши в любом месте серой области между двумя ключевыми кадрами на временной шкале и выберите “Create Motion Tween” из контекстного меню.

Вернитесь теперь на первый кадр, выберите “Selection Tool (V)” и один раз нажмите на “rectangle shape”. Затем перейдите в панель “Properties (Ctrl + F3)” ниже сцены. Справа вы увидите меню “Color”. Выберите “Альфа” в нем, и поставить его до 0%.

Вернитесь на главную сцену (Scene 1).
Вызовите меню текущего слоя. Дважды щелкните на его имя по умолчанию (Layer 1), чтобы изменить его. Нажмите Enter, как только вы ввели новое имя.
После этого создайте новый слой над меню и назовите его “Invisible Button”.
Теперь выберите невидимую кнопку слой и снова возьмите инструмент “Rectangle Tool” (Прямоугольник (R). В участке Цвета панели инструментов, заблокируйте цвет обводки, нажав на маленький значок карандаша, а затем на небольшой площади с красной диагональной линией. Для цвета заливки выберите любой цвет и нарисуйте прямоугольник поверх первой формы кнопки. Смотрите рисунок ниже:

В то время как “Rectangle Tool” все еще выделен, нажмите F8 (Конвертировать в Symbol), чтобы преобразовать этот прямоугольник в символ кнопки.

Дважды щелкните на кнопке на сцене с помощью инструмента “Selection (V)”. Теперь вы должны быть внутри кнопки.

Теперь займемся включением звука. Создадим новый слой над слоем 1 и назовите его “sound” (звук). Включите в меню Adobe Flash пункт “File”, затем “Import” и далее “Import to Libraru”, выберите на своем компьютере звуковой файл наподобии щелчка (если такого нет, скачайте с Интернета), выделите файл звука и нажмите “Ctrl+C” (Copy). После этого на сцену флэш урока, выберите библиотеку флэш и нажмите Ctrl + V (Вставить). Смотрите рисунок ниже:

Нажмите на состояние Over звука слоя и нажмите F6.Переместите звуковой файл из флэш-библиотеки на слой “sound”.

Вернитесь на главную сцену (сцена1).
Шаг 34
Выберите теперь Selection Tool (V), один раз нажмите на “Invisible” (невидимую кнопку), чтобы выбрать ее, откройте панель Action Script (F9) и введите следующий код Action Script, внутри панели “Actions”: on (rollOver) {
_root.mouse_over_About_Us = TRUE;
}
on (rollOut) {
_root.mouse_over_About_Us = fstartlse;
}
on (release) {
GetURL ( “http://www.flashvault.net/”);
}

Шаг 34
Создайте новый слой над кнопкой слой и назовите его действия “Invisible” (невидимым). Затем нажмите на первый кадр действия слоя и введите следующий код Action Script внутри панели “Actions”:
_root.About_Us.onEnterFrame = function () {
if (mouse_over_About_Us) {
_root.About_Us.nextFrame ();
} else {
_root.About_Us.prevFrame ();
}
};

• Посмотрите созданное меню Flash
• Теперь вставим это меню в сайт.Вставка осуществляется через контейнер

Этот код надо вставить на самый верх,убрав надпись “Мой сайт о дизайне”.Вместо flashmenu11 свое имя ролика.

Главная
Садовый дизайн

Дизайн интерьера

Мои фото

Мы занимаемся дизайном дома и приусадебного участка. Мы можем спроектировать ландшафты загородного дома

Дизайн для кухни

Для создания сайта вам потребуется текстовый редактор.На крайний случай можно воспользоваться Блокнотом из стандартных программ Windows,но лучше сразу скачать текстовый редактор предназначенный для создания сайтов,например Notepad.

Как создается флеш анимация для сайта?

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

Мультимедийная основа, была разработана компанией Macromedia. Но после ее поглощения (слияния) все права на технологию перешли новому владельцу — компании Adobe Systems.

Область современного применения Adobe Flash:

• Создание веб-приложений – достаточно новое направление. Подразумевает полное или частичное применение Flash для создания сайтов. При частичном применении с помощью данной технологии создаются отдельные элементы дизайна: различные интерактивные меню, анимированные кнопки и т.д.

По сравнению с обычными ресурсами на основе html флеш-сайты обладают некоторыми особенностями, ограничивающими их применение. Сюда можно отнести большую стоимость разработки, требовательность к серверным ресурсам, долгое время загрузки при медленном соединении с интернетом и некоторые другие аспекты:

• Реализация мультимедийных возможностей – для прослушивания аудио и воспроизведения видео на сайтах часто используют медиа плееры, созданные на основе Flash. Их разработка включает в себя использование одного из скриптовых языков (чаще JavaScript):

• В средствах интернет-рекламы – чаще всего технология используется для создания анимированных баннеров. Они подразумевают не только проигрывание мультимедийной рекламы, но и некое взаимодействие с пользователем на игровой основе.

Для создания флеш анимации чаще всего используется традиционный инструментарий от Adobe:

• Adobe Flash Professional – программа для создания интерактивной анимации (аниматор);
• Adobe Flash Builder – среда для создания интерфейса веб-приложений;
• Adobe Flash Player – интегрируемый в браузер плеер для воспроизведения Flash.

Кроме него воспроизводить мультимедийное содержимое такого типа может ряд сторонних приложений. Наиболее популярными из них являются Gnash, QuickTime и некоторые другие:

Данная технология позволяет отображать любой тип графики (растровую, векторную, 3D). А также поддерживает потоковую ретрансляцию аудио и видео данных. Специально для мобильных устройств была разработана облегченная версия Flash Lite.

Основным стандартом для флэш-файлов является расширение SWF. Аббревиатура расшифровывается как Small Web Format. Видео, записанное в Flash, имеет файловые расширения FLV, F4V.

В основе разработки интерактивной анимации на флэш лежит векторная графика. Именно благодаря этому удалось реализовать поддержку мультимедийной платформы и независимость качества анимации от разрешения экрана.

Размер файла флэш приложения одинаков для всех пользователей независимо от технических характеристик экрана (разрешения).

Интерактивная анимация на Flash основана на морфинге (векторного типа), при котором происходит медленное перетекание между ключевыми кадрами. Для воспроизведения данных используется флэш-плеер, работа которого во многом схожа с работой виртуальной машины JavaScript. Программная составляющая технологии реализована с помощью языка ActionScript.

К недостаткам технологии можно отнести следующие моменты:

• Сильная нагрузка на центральный процессор клиентской машины. Это связано с низкой эффективностью виртуальной машины флэш, встраиваемой вместе с проигрывателем в браузер пользователя;
• Высокая вероятность возникновения ошибок – проигрывание флэш анимации может происходить с высокой вероятностью возникновения ошибок. Причем сбои в проигрывании Flash негативно влияют на работу всего клиентского приложения (браузера). Это связано это с недостаточным контролем отказоустойчивости программного кода при создании флэш-приложений;
• Невозможность индексирования – весь текстовый контент, отображаемый в содержимом Flash, не участвует в процессе индексации. Данное ограничение особенно проблематично для тех ресурсов, которые созданы на основе этой технологии.

В качестве опытного образца приложения, на котором мы будем демонстрировать основы создания Flash, был взят Sothink SWF Quicker. По мнению многих профессионалов, программа является наиболее понятной и простой для изучения.

Кроме создания и редактирования флэш редактор «умеет» работать со всеми остальными видами веб-анимации (GIF, HTML и другие стандарты):

После инсталляции заходим в дружественный интерфейс программы. К сожалению, после блуждания по всем закоулкам переключателя языка интерфейса мы не нашли.

Для того чтобы понять, как сделать флеш анимацию в этом приложении, воспользуемся встроенными шаблонами. Диалоговое окно «New From Template» появляется сразу после запуска программы. Кроме того его можно вызвать через пункт главного меню «File». Среди предлагаемых вариантов мы выбрали создание баннера:

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

На следующих этапах нужно задать размеры баннера и ввести 5 фраз текста, которые будут проигрываться в анимации. Кроме того необходимо указать адрес ресурса, на который пользователя приведет клик по баннеру:

После компиляции проекта и закрытия окна мастера можно просмотреть получившийся ролик во встроенном проигрывателе. Для этого нужно нажать на зеленую стрелку вверху:

После закрытия проигрывателя давайте более подробно изучим интерфейс приложения. Обратите внимание, что он состоит из двух основных окон: верхнее предназначено для редактирования временного промежутка ролика, а нижнее представляет собой обычный графический редактор. Каждый из элементов расположен на отдельном слое, который доступен для изменения с помощью стандартных инструментов, расположенных на боковой панели:

Созданную флеш анимацию для сайта можно опубликовать. Способ публикации можно выбрать, нажав вверху на кнопку «Publish». Предлагается на выбор три варианта, в том числе и вставка в html код. Детальная настройка этого процесса доступна в отдельном окне «Publish Settings»:

Для ознакомления предоставляется бесплатная версия программы сроком на 30 дней. Полная стоимость Sothink SWF Quicker составляет 85$:

Ближайшие конкуренты приложения:

• SwishMAX;
• Alligator Flash Designer.

В заключение хотелось бы отметить, что выбор программы является важным, но не основным аспектом. Для создания Flash вам потребуется не только проверенное и надежное приложение, но и знание основ веб-программирования. Так что для начала нужно «приобрести» нужный багаж знаний, а уже потом заняться выбором специализированного программного обеспечения.

Мини-урок по работе с шаблоном: создание flash-сайта для студии дизайна интерьера

15 августа 2012 | Опубликовано в Flash | 15 Комментариев »

По своей сути flash-технология сложна, но работая с шаблоном можно невообразимо упростить ее. Технология flash еще никогда не была настолько доступна и проста, как сегодня. На платформе шаблона вы можете без особых навыков программирования создать красивый и динамичный flash-сайт. Если вы хотя бы раз имели дело со стандартным текстовым редактором Word, вам все удастся. Сегодня мы не на словах, а на деле покажем вам, как все просто.

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

Шаг 1

Для урока мы выбрали шаблон из категории «Интерьеры» № 37425. Горизонтальная фотогалерея на главной странице отличает этот шаблон от других. Его можно охарактеризовать, как «ничего лишнего». К концу урока этот шаблон будет изменен до неузнаваемости.

Шаг 2

После покупки или регистрации бесплатной демо-версии, вы попадаете в панель управления MotoCMS. Это простой визуальный редактор, основанный на технологии WYSIWYG («что видишь, то и получишь»), то есть все изменения доступны и видны после их внесения.

Шаг 3

Изменим язык интерфейса на русский. Для этого найдите вверху вкладку Настройки — Настройки панели управления — Дополнительные настройки — Язык интерфейса: Русский.

Шаг 4

Изменим белый фон сайта на что-то более интересное. В уроке использована темная текстура.  Откройте слева вкладку Виджет — Background Widget.

Шаг 5

Как вставить флеш на сайт

Всем добрый день! Сегодня поговорим с вами о том, как вставить flash на сайт. Казалось бы, вопрос пустяковый.

Если это баннер, то просто скопировать предложенный код и разместить в шаблоне, виджете или на странице через редактор.

Если это flash анимация для сайта, то вставить при помощи того же кода, но прописанного самостоятельно. Однако и в этом несложном процессе есть свои тонкости, о которых мы сейчас поговорим.

Flash анимация для сайта

Итак, нам потребовалось разместить флэш анимацию на сайте. Для этого используется стандартный код:

На первый взгляд все правильно и ничто не предвещает проблем. Однако, если вы прокрутите страницу вверх, то увидите такую особенность, что размещенная таким образом flash анимация будет перекрывать админский тулбар — верхнюю черную панельку админа WordPress.

По большому счету, это не критично, поскольку данную панель видите только Вы и ваши помощники, если на блоге отключена регистрация пользователей. Но настоящие проблемы возникают, когда на сайте используется многоуровневое css меню, под которым размещен флэш баннер, который в этом случае его перекрывает.

Это происходит оттого, что flash всегда по глубине находится впереди блоков div. Чтобы этого избежать, нужно добавить всего лишь один дополнительный параметр в наш код:

В этом случае ролик flash ведет себя как обычное изображение. Также можно воспользоваться аналогичным параметром value=»transparent», но это создаст дополнительную нагрузку ни замедлит загрузку страницы. В конечном результате на код вставки флеш на сайт будет выглядеть так:

Плагин для размещения flash анимации на сайте

Если Вам приходится часто вставлять разные ролики или просто боитесь что-то неправильно написать в этом длинном коде, то можно воспользоваться плагином, который вставляет флеш на сайт автоматически — от вас требуется лишь указать адрес его расположения. Называется он WP-SWFObject.

Как обычно, скачиваем и устанавливаем его, затем заходим в «Параметры > WP-SWFObject» и выполняем необходимые настройки. Здесь можно все оставить по умолчанию, кроме одного — пункта «Window Mode».

Для того, чтобы вставить swf на сайт с учетом тех параметров, которые нам нужны, выберите здесь из выпадающего списка «OPAQUE» и сохраните настройки.

• 

• Теперь, чтобы вставить флэш на сайт, пропишите шорткод (его потом можно для удобства добавить на панель редактора)
• В действии выглядеть будет так:
• Для прямого размещения через шаблон используйте другой код:

Также при помощи данного плагина можно >>поместить видео из Youtube — вместо адреса ролика подставьте адрес видео вида «http://www.youtube.com/v/xCbCmmipqgM». Получить его можно, взяв из кода для встраивания старого типа — Поделиться > Сгенерировать html код > флажок на Использовать старый код встраивания.

Как создать flash сайт

Качественно выполненный Flash-сайт производит ошеломляющее впечатление. Как говорится в народе: “ все сверкает и летает”. Такие сайты интегрируют в себе возможности видео и звука, анимации, содержат визуальные спецэффекты и полностью интерактивны. Flash-сайт идеален для презентации новой компьютерной игры или для создания бренда компании в самом выгодном свете.

Что вам потребуется для создания сайта на основе Flash

Перечень того, что входит в качественное создание флэш сайтов:

Комплект программного обеспечения производства компании Adobe на $1000.

Световое оборудование на $3000.

Микрофоны по $1000 за штуку.

Аренда студии $1000 в месяц.

Пройти обучение на курсах Flash-дизайнеров – от 30000 долларов в год.

И самое главное, нужно быть гениальным вундеркиндом с детства.

Думаете, это шутка? Ничуть не бывало. Все именно так и обстоит в реальности. Вопрос только в том, что именно понимать под Flash-сайтом? Они бывают разные и большинство разновидностей доступны для разработки даже простым юзерам, неспособным узнаваемо и кошку нарисовать.

Типология Flash-проектов:

1. Абсолютный Flash

Такой сайт требует глубоких знаний в программировании и всего вышеперечисленного. Настоящий Flash-сайт встречается нечасто. Такой ресурс может состоять из тысяч страниц, спрятанных в одном контейнере. За счет этого достигается высокая скорость работы и многочисленные интерактивные возможности.

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

Чтобы избежать проблем с поисковым продвижением, веб-мастеру приходится создавать параллельную HTML-версию и постоянно заниматься их синхронизацией. Еще одна неприятность – не все мобильные устройства поддерживают технологию флеш. А значит, изрядная часть потенциальных клиентов не смогут посещать сайт.

Конкуренты ведут настоящую войну с разработкой Flash и весьма вероятно, что данная технология со временем прекратит свое существование.

2. Гибридные Flash-сайты

Здесь создается обычный ресурс и в него добавляются элементы флеш. Часто флеш-сайтами называют ресурсы, созданные на готовых шаблонах с добавлением Flash. Обычно в так называемом Flash-сайте из флеш в наличии только слегка анимированная верхняя заставка (шапка).

Гибридные сайты годятся для любых целей. Будет эффектно и привлекательно выглядеть такой ресурс в качестве корпоративного сайта.

Как создать гибридный Flash-сайт?

Здесь все обстоит достаточно просто:

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

Для корпоративных визиток, интернет-магазинов, персональных блогов (распространенный вариант) и так далее. После этого заменить формы своим контентом и вставить свои данные.

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

Второй вариант – использование конструктора сайтов средней руки. Как правило, в такие программы встроены ограниченные опции для работы с Flash. Далее, все как в предыдущем варианте.

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

Все остальное сделают профессионалы.

Заключение

Можно сказать, что создание Flash-сайта — это отличная штука и не стоит пренебрегать всеми красотами и возможностями ради поискового продвижения. Тем более, в области SEO все поменялось и возможно, флеш-проекты теперь в фаворе у поисковиков?

Стоит ли использовать Flash при создании сайта

Вы здесь: Главная – HTML – HTML Основы – Стоит ли использовать Flash при создании сайта

Время от времени у меня спрашивают, будут ли курсы по Flash. Я всегда отвечаю, что не будут. Поскольку использовать Flash при создании сайта не очень разумное решение. И в этой статье я постараюсь это доказать.

Вот некоторые недостатки Flash:

• Крайне плохо индексируется поисковыми системами. Чтобы там не улучшали, как бы не совершенствовали, а всё равно текст гораздо лучше индексируется поисковыми системами. Поэтому если Вы хотите свой сайт раскрутить, то забудьте о Flash вообще навсегда.
• Много весит. Минус весьма спорный, учитывая современные скорости Интернета. Однако, могу заверить, что у многих стоят ещё модемы, и для них загрузка, например, 300 КБ – это пытка.
• Сильно нагружает браузер пользователя. Я очень много раз видел сайты, которые просто жутко тормозили работу браузера из-за наличия на них сложных Flash-объектов. Я уже молчу про огромное количество багов и прочего. Сколько раз просто вис браузер, а секунд через 30 сообщалось о падении Flash и просьбе перезапустить браузер.
• Низкая кроссбраузерность. Тоже немаловажный момент, поскольку не у всех есть современные браузеры и не везде будет поддерживаться Flash, который Вы вставили на свой сайт.

Думаю, что у Flash есть ещё масса минусов, но уже более мелких.

Многие, конечно, спросят: “А как же сделать по-настоящему красивые сайты?“. Могу ответить, что задача сайта – приносить пользу людям, а любой красивый дизайн надоест после 2-х посещений сайта.

Однако, некоторые элементы, например, плееры, без Flash пока нормально работать не будут. Это действительно так, поэтому здесь Вам необходимо смириться. Но, в скором будущем, будет HTML5, в котором будут свои теги для вставки аудио и видео. Поэтому говорить вообще о том, что Flash забыт – нельзя.

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

Например, это сайты-визитки ресторанов, салонов, магазинов (не Интернет-магазинов) и прочих заведений. Их задача написать, что у них есть сайт где-нибудь на визитке и в рекламе по ТВ, а уже пользователи будут туда заходить, любоваться красотой, становиться их клиентами и уходить.

Разумеется, для ресторана важнее отличный вид сайта, нежели его хорошая индексация.

Вывод из данной статьи я сделаю такой: не используйте Flash при создании сайтов, если можно обойтись без него. Flash надо использовать только в самых крайних случаях (например, те же плееры или баннеры), и красота к этому крайнему случаю не относится.

Предыдущая статья Следующая статья

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

Кнопка:

Она выглядит вот так:

Текстовая ссылка:Как создать свой сайт

Она выглядит вот так: Как создать свой сайт

BB-код ссылки для форумов (например, можете поставить её в подписи): [URL=”https://myrusakov.ru”]Как создать свой сайт[/URL]

Уроки Flash: Создание простого флеш-сайта

Stasan

Приветствую всех. Урок посвящен созданию простого флеш сайта средствами АС 3.0. Пример того что можно получить, находится ниже. В этом уроке внешний вид не принципиален основной упор на код. Дизайн – вещь которую всегда можно изменить. Урок расчитан на людей уже имеющих определенный опыт во флеш.

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

Откройте флеш(в моем случае это Adobe Flash CS 3, напоминаю, что третья версия языка АС, доступна лишь начиная с него, если у вас версия младше, то могу только посоветовать обновиться). Создаем новый документ(Flash File(Action Script 3.0)).

После создания сразу открываем панель Properties(Ctrl+F3), настраиваем размеры сцены в зависимости от ваших потребностей. В моем случае это 700 на 500. И меняем fps(скорость кадров), я обычно ставлю 31, сколько ставить вам – это ваш выбор, но стандартных 12 однозначно мало.

Изобразите задний фон вашего сайта, основные элементы дизайна.

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

Создаем символ кнопки, имя butt, включаем Linkage. на первом слое размещаем основу кнопки, на втором динамическое текстовое поле с Instance Name – ide. Делаем анимацию, этих элементов. При

анимировании текста, не допускайте его конвертирования в графический символ, анимируйте именно текстовое поле. Содержимое клипа выравнивайте по центру по горизонтали и вертикали.

Создаем символ маркера, имя marker, включаем Linkage. В нем изображаем какую-нибудь полу-прозрачную фигуру, размером примерно с кнопку. Опять же выравниваем целиком по центру.

Создаем символ линии под скролбар, имя scroll_line, включаем Linkage. В нем изображаем вертикальную линию. Выравнивание, по горизонтали по центру, по вертикали размещаем ее под центром

клипа.

Создаем символ ползунка под скролбар, имя scroll_Drag, включаем Linkage. В нем небольшая вертикальная линия, выравнивание такое же как и у предыдущего символа. В символе два кадра на первом кадре ползунок, в обычном состоянии, на втором когда он нажат.

Когда мы закончили с настройкой сцены, можно двигаться дальше. Сохраните получившийся результат в подготовленную папку, имя файла – на ваше усмотрение. После сохранения, рядом с получившимся файлом создайте папку с именем “complex”.

В этой папке будет храниться пакет классов который мы с вами создадим. За одно рядом с нашим файлом можете создать еще две папки – “content” и “pics”. И два текстовых файла – один переименуйте в “example.css”, а второй файл в “structure.

xml”.

Возвращаемся во флеш. Создадим новый файл (ActionScript File), сохраним его в папку “complex” с именем “mainFile.as”. Вернемся к фла файлу проекта. Еще раз откроем панель Properties. В поле Document class укажем “complex.mainFile”.

Подготовочный этап окончен, можно приступать к программной части. Ее разбор начнется с xml.

Откройте файл structure.xml и разместите в нем такой вот фрагмент:

Code

Файл обязательно должен иметь кодировку UTF-8, пересохраните его выбрав эту кодировку.

Этот файл по сути представляет из себя набор тегов имеющих два параметра первый name – отвечает за название нашей “страницы”, этот текст будет отображен на соответствующих пунктах меню.

И второй параметр contName – это имя текстового файла из которого будет грузиться информация. Чтобы добавить новый пункт меню достаточно добавить рядом с остальными еще один тег оформленный таким же образом.

Возвращаемся к файлу mainFile.as, разместим в нем следующий код. Это будет основной класс нашей программы, который по сути сформирует скелет сайта, оформит его внешний вид.

Code

package complex{/*Определяем принадлежность к пакету complex*/import flash.display.*;/*Подключаем пакет для работы с дисплеем*/import flash.ui.*;/*пакет содержащий классы необходимые для работы с мышью и клавиатурой*/import flash.events.*;/*Подключение пакета контролирующего события, в духе нажатие мыши и т.д.*/import flash.net.*;/*Этот пакет необходим для загрузки различной информации из вне*/import flash.text.*;/*Пакет содержащий классы необходимые для работы с текстом*/public class mainFile extends Sprite{/*Объявляем класс. Имя класс должно полностью совпадать с именем *.as файла*/public var names:Array=[];/*Объявляем новый массив его мы будем использовать для хранения названий “страниц”*/public var pages:Array=[];/*Этот массив будет хранить имена файлов с контентом*/

• public var count:int = 0;/*Эта переменная будет в дальнейшем использоваться как счетчик пунктов меню*/
• private var mainContent:TextField = new TextField();/*Объявляем новое текстовое поле, это будет наше основное поле для отображения контента*/
• private var pageLabel:TextField = new TextField();/*Это текстовое поле будет использоваться для отображения названия текущей страницы вверху флешки*/private var labelFormat:TextFormat = new TextFormat();/*Создаем новый объект типа Текст Формат, он будет использован для дальнейших настроек внешнего вида поля pageLabel*/
• public var i:int;/*Целочисленная переменная будет использована в цикле в качестве параметра*/
• public var scr_Line:Sprite = new scroll_line();/*Создаем новый Спрайт и присваиваем ему экземпляр содержимого библиотеки, это будет наша линия для скрола*/public var scr_Drag:Sprite = new scroll_Drag();/*Еще один спрайт, это будет наш ползунок*/

public var check_Rectangle:Sprite = new Sprite();/*Вот маленькая хитрость, т.к. достучаться до сцены из других классов программы мне не удалось я создал этот Спрайт, в дальнейшем он будет использован в роли невидимой кнопки размером со сцену*/

public var myMarker:Sprite = new marker();/*Очередной Спрайт, это “бегающий” маркер, который будет отмечать пункт меню который открыт в данный момент*/

public var settingsXML:XML;/*Создаем новый xml объект в него будет загружаться структура нашего проекта*/public var loader = new URLLoader();/*Создаем новый объект загрузчика, он будет использован для загрузки xml файла из вне*/

public function mainFile(){/*Новая функция, ее название совпадает с названием класса, это значит что она запустится автоматически при использовании класса*/

loader.load (new URLRequest(“structure.xml”));/*Отдаем команду загрузить наш xml-файл*/loader.addEventListener (Event.COMPLETE, xmlLoaded);/*Добавляем нового “слушателя” к нашему загрузчику, по окончанию загрузки xml файла будет вызвана функция xmlLoaded*/

• }
• function xmlLoaded (e:Event):void {/*Функция которая вызывается по окончанию загрузки xml*/

settingsXML = new XML(loader.data);/*Нашему ранее созданому xml-объекту присваиваем полученную загрузчиком xml структуру*/settingsXML.ignoreWhitespace = true;/*Определяет необходимость игнорирования в тегах символа пробела*/for each (var page:XML in settingsXML.pages.page) {/*Цикл производит повторения через узлы XML*/names[count]=page.@name;/*Последовательно забиваем в массив имен атрибут узла XML, хранящий информацию о названии “страницы”*/pages[count]=page.@contName;/*Последовательно забиваем в массив имен атрибут узла XML, хранящий информацию о имени файла с контентом*/count++;/*Увеличиваем значаени заготовленной нами переменной для числа пунктов меню*/}

createStage();/*Вызываем наиболее обширную функцию этого класса которая отвечает практически за формирование внешнего вида нашей флешки*/

}

public function createStage(){/*Функция формирующая внешний вид*//*Приступаем к созданию невидимой кнопки*/check_Rectangle.graphics.beginFill(0xFFFFFF);/*Сперва установим заливку, цвет не принцпиален, т.к. кнопка все равно будет невидимой*/check_Rectangle.graphics.drawRect(0,0,stage.width,stage.height);/*По сути вот он момент создания необходимой формы, внутри Спрайта создается прямоугольник с координатами 0,0 и размерами как у главной сцены*/check_Rectangle.x=0;/*Изменяем координаты, кнопки по х=0*/check_Rectangle.y=0;/*Изменяем координаты, кнопки по у=0*/check_Rectangle.alpha=0;/*Делаем кнопку невидимой, параметр alpha а АС 3 в отличии от АС 2 имеет значения от 0 до 1, а не от 0 до 100, как было ранее*/addChild(check_Rectangle);/*Добавляем невидимую кнопку на сцену*/mainContent.width=360;/*Устанавливаем ширину в пикселях нашего текстового поля в котором будет отображен основной контент*/mainContent.height=385;/*Устанавливаем высоту в пикселях нашего текстового поля в котором будет отображен основной контент*/mainContent.x=310;/*Координата по x*/mainContent.y=76;/*Координата по у*/mainContent.multiline=true;mainContent.wordWrap=true;/*Эти две строки делают так что текст нормально разбивается по строчкам*/mainContent.border=true;/*Включаем рамку вокруг текстового поля*/mainContent.borderColor=0x666666/*Устанавливаем цвет нашей рамки*/;mainContent.selectable=false;/*Отключаем возможность выделения текста, если на вашем сайте будет какая-то информация которую пользователь может захотеть скопировать лучше так не делать, но для таких штучек как эта, параметр впринципе не критичен*/

• addChild(mainContent);/*Теперь когда все настройки завершены добавляем на сцену, наше текстовое поле*/
• addChild(scr_Line);/*Добавляем на сцену линию для скрола*/addChild(scr_Drag);/*Добавляем на сцену ползунок*/

scr_Line.x=mainContent.x+mainContent.width+10;/*По оси x, располагаем нашу линию на 10 пикселей правее текстового поля*/scr_Line.y=mainContent.y;/*По оси у, распологаем на одном уровне с текстовым полем*/scr_Line.height=mainContent.height;/*Делаем линию той же высоты, что и текстовое поле*/scr_Drag.x=mainContent.x+mainContent.width+10;scr_Drag.y=mainContent.y;/*Координаты ползунку даем те же, что и большой линии*/pageLabel.width=333;pageLabel.height=45;pageLabel.x=310;pageLabel.y=14;pageLabel.selectable=false;/*Выше производятся настройки для текстового поля которое будет вверху и в котором будет отображаться название “страницы”*/addChild(pageLabel);/*Добавляем это поле на сцену*//*Начинаем настройки текстового формата, для поля с названием*/labelFormat.color=0x333333;/*Указываем цвет текста в нашем поле*/labelFormat.size=35;/*Его размер*/labelFormat.font=”Bookman Old Style”;/*Шрифт, обязательно передавать название в виде строки*/labelFormat.bold=true;/*Включаем “жирность” текста*/labelFormat.align=”center”;/*Выравнивание по центру*/var myContentLoader:contentLoader = new contentLoader();/*Новый экземпляр класса отвечающего за загрузку, который мы напишем в дальнейшем*/myContentLoader.loadInformation(mainContent,pages[i],”example.css”,scr_Line,scr_Drag,check_Rectangle);/*Вызываем функцию этого класса которая просто произведет загрузку информации куда нам надо*//*В качестве параметров:1. Куда загружать? В наше главное поле для контента.2. Что загружать? Первую страницу, имя файла с контентом которой мы получили из xml, и затолкали в массив.3. Имя файла содержащего настройки внешнего вида, указываем имя CSS файла.4. Основа для скрола.5. Ползунок для скрола.6. Наша невидимая кнопка.*/pageLabel.text=names[0];/*Присваиваем названию страницы, соответствующее значение*/pageLabel.setTextFormat(labelFormat);/*Устанавливаем названию форматирование текста настройки которого мы задали ранее*/for(i=0;i

Как сделать Flash сайт Какой должна быть анимация на флеш сайте

Интересная и красочная анимация так же позволяет захватить посетителя, а потом донести до него смысл, компактно вложенный в неё.

Не скажу, что весь флеш сайт нужно сделать наполненным яркой сверкающей графикой. Такая анимация может просто раздражать посетителя сайта и отвлекать его внимание от основного контента.

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

Такой рекламный баннер или анимированная кнопка будет иметь преимущество перед обычной графикой. Не так ли? Для вэб анимации более распространённо используются файловые форматы GIF и FLASH.

Для анимации с малым числом кадров и цветов больше подходит формат GIF. Так как она будет менее нагружена, то возможно применять палитру 256 цветов. При этом анимированная графика будет иметь малый объём без потери качества.

Для анимации в формате флэш существует больше возможностей. Это как использование качественных градиентных цветов, так и возможность сделать каждый объект интерактивным при небольшом объёме.

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

Существует множество программ для создания Вэб-анимации. Наиболее распространённой для GIF анимации является Ulead GIF Animator – программа, для создания многих анимированных объектов.

Создаете ли Вы анимацию для Вэб, презентации, файлы мультимедиа или просто и не утруждая себя, хотите произвести впечатление на друзей. Для создания FLASH анимации Macromedia Flash – это промышленный стандарт для работы с интерактивным контентом. Наиболее передовая среда для создания насыщенных диалоговых вэб-сайтов, цифрового видео и анимации.

Нынешний правопреемник Macromedia – это Adobe Flash CS3. Программное обеспечение, такие как Macromedia Flash (Adobe Flash), 3D Studio MAX и MAYA – общепризнанны, так как они имеют наибольшие возможности для создания качественной Веб-анимации, но в то же время они являются одними из самых сложных для освоения программ.

Однако наравне с такими мастодонтами флэш-анимации существует и множество более простых программ, специально созданных для более лёгкого применения в интернете. В них, как правило, уже заложены множество эффектов анимации, которыми можно воспользоваться в два клика.

Например программы для создания баннеров или анимированное меню из красивых кнопок. Использовать для своей работы серьёзные программы или специальные лёгкие решать конечно Вам! По крайней мере работа с таким софтом даёт представление о флэш-программировании и анимации, особенно на начальном этапе.

При оформлении презентационных сайтов дизайн выходит чуть ли не на первое место, и в таких случаях flash-анимация становится незаменимым средством оформления страниц сайта, в виде flash-роликов, которые встраиваются в дизайн страниц и составляют основу ее оформления, и в результате нужная информация обрамляется не столь нужной, но анимацией, и кто знает, возможно именно из-за неё посетитель как раз и вернется на сайт ещё раз. Для этого есть специальные программы для создания flash сайтов которые можно скачать на этом сайте в разделе загрузок

Для создания баннеров необходимо сочетать в себе три качества: навыки художника (Вэб-дизайнера), психолога и специалиста по маркетингу (причем интернет-маркетингу).

Как ни странно, но далеко не каждый, даже очень опытный Вэб-дизайнер может создавать эффективные баннеры. И дело здесь не в качестве графики или отсутствии (присутствии) анимации.

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

Конечно, анимация созданная при помощи общепризнанных Macromedia Flash (Adobe Flash), 3D Studio MAX и MAYA имеет больше возможностей, а с помощью упрощённых программ будет более проще необъёмной, например как печатный комикс, только анимированный.

Но журналы с комиксами так же имеют своих поклонников и аудиторию. Почему? Да потому, что комикс, сделанный профессионально, имеющий свою проработанную сюжетную линию и последовательность развивающихся событий уже способен захватить внимание.

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

Процесс этот довольно долгий и трудоемкий, но, в конце концов, никто не помешает вам не обращать внимания на все то, что тут написано, и делать анимацию во флэше в любой удобной для вас программе. Ведь так и рождаются не только авторская флэш-анимация, но и сами авторы. Лучший способ – практика, а умело использованная анимация добавит жизни вашей веб-странице.

Как создать сайт с флеш играми самому? И как раскрутить его?

Если вы не только любите играть во флеш игры, но еще и хотите создать сайт с flash играми, но не знаете как, то в этой статье вы найдете основные моменты по созданию такого сайта, а так же получите некоторые очень ценные советы по созданию такого сайта. Кстати, так же даны будут очень ценные практические советы по раскрутке сайта. Ведь нам не нужен простой сайт без посетителей. Нужно чтобы на нем было много посетителей. Не, так ли?)

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

Флеш игры могут потреблять много трафика на нашем хостинге, поэтому по мере увеличения количество посещений, возможно придется покупать более дорогой хостинг. Начать можно с дешевого, рублей за 200 в месяц.

В качестве CMS можно воспользоваться WordPress, Drupal или даже Ucoz.

Конечно нужно позаботиться о скриншотах.

Играя в игру, сделайте самый удачный снимок кнопкой Print Screen на клавиатуре, а затем уменьшите его до нужных размеров, отредактировав в каком-нибудь графическом редакторе.

Чем лучше и привлекательнее скриншот, тем больше посетителю захочется по нему кликнуть и тем выше у сайта будут поведенческие факторы. Так что к созданию скриншотов нужно подходить очень ответственно.

Скриншоты для игр должны быть все одного размера, причем размер этот желательно не должен быть очень маленьким. Как вариант, можно сделать скриншоты 250 на 180 пикселов, или 300 на 220. Или квадратный: 250 на 250 пикселов. Картинки нужно делать самим, а не копировать с других сайтов.

Обязательно для каждой игры нужно создать уникальное описание. Оно должно быть написано вами, а не скопированное с других сайтов. Если вы будете просто копировать, то ваш сайт не будет уникальным и посещаемость не будет высокой, а может ее и вообще не будет только из-за того что вы все скопировали. Оптимально чтобы оно было 400-800 символов.

Так же стоит обратить внимание на то, что в последнее время набирают популярность Юнити игры (Unity 3D игры). Это примерно тоже самое, что и flash формат, только в них гораздо более качественная графика, а значит, что и сами игры в целом увлекательнее для игроков нежели флеш игры. Только юнити игры обычно имеют размер гораздо больше, чем флешки.

Одна Юнити игра весит в среднем 10-30 Мб. Хостинг нужен с большими ресурсами, по крайней мере с большим дисковым пространством. Так что пусть на вашем сайте будет для начала хоть немного юнити игр, самых лучших и отборных. А может быть вы вообще создадите сайт, на котором будут исключительно Unity 3D игры.

Именно за юнити играми будещее браузерных онлайн игр!

Определитесь с тематикой. Это могут быть вообще игры всех жанров, а может быть какая-нибудь нишевая тематика, например, игры с Губкой Бобом или только логические игры.

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

Еще очень важный момент. На главной странице и на странице в категориях анонсы игр желательно выводить не только в виде заголовка и картинки, но еще и со сниппетом описания игры. Сделать это можно так как показано ниже на скриншоте с одного довольно успешного сайта с играми про пони:

Удачный пример размещения анонсов игр на главной и в категориях:

Они сделаны не столько для людей, сколько для поисковых систем. В этих сниппетах и можно вписывать очень важные ключевые фразы, такие как «онлайн флеш игры», «играть в онлайн игры», «бесплатные игры», «играть онлайн», и другие. Речь об этом пойдет подробнее далее.

Очень важный момент по внутренней оптимизации. Смотрите статистику по Вордстату от Яндекса в левой колонке. В названиях категорий, а так же в некоторых описаниях к играм должны грамотно быть вписаны ключевые слова.

Без них продвинуть сайт будет сложно, а значит сложно будет и получить большую посещаемость. Так, если ваш сайт тематики «логические игры», то обязательно должна быть категория с таким названием из левой колонки Вордстата: «Логические игры для детей».

Еще обязательно должна быть категория под названием «Головоломки». Так как она представлена в левой колонке Вордстата. А в каком-нибудь описании нужно аккуратно вписать следующую фразу «логические игры онлайн».

Вот пример такого описания: «Если вы любите играть в логические игры онлайн, то следующая игра вам должна обязательно понравится, так как она настолько интересная, что может увлечь вас надолго.»

Как только на вашем сайте появятся посетители (их можно отслеживать по Яндекс Метрике и по счетчику Liveinternet), то можно начать заниматься внешним продвижением. Ссылки для нашего сайта можно покупать на биржах ссылок, например, Gogetlinks. Только отбор должен быть строжайшим. По данным Xtool.

ru сайт должен иметь более-менее высокую посещаемость и не должен быть заспамлен ссылками. Желательно чтобы такой показатель как «Заспамленность ссылками» был равен нулю на сайте доноре. Ну, или максимально быть к нему приближен, скажем 0.1.

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

Рекомендуется 200-100 рублей в зависимости от того насколько раскручен сайт. Показатель ТИЦ и PR не сильно важны.

Есть еще один способ значительного увеличения посещаемости в долгосрочной перспективе. Нужно чтобы у вас на сайте были свои собственные действительно классные флеш игры, со своими копирайтами и ссылками на свой сайт.

Если они действительно будут интересными, то они игры разойдутся по другим сайтам и приток посетителей на ваш сайт будет обеспечен! Здорово, если вы сами умеете их создавать. Если нет, то можно нанять человека на фрилансе или создать игры самому, взяв в открытом доступе .fla исходники и немного переделав их. Но помните, игры должны быть действительно интересными. Это очень важно.

Это первостепенно! Не стоит делать абы как. Можете даже обращаться к другим администраторам сайтов через форму обратной связи для того чтобы предложить свою игру для размещения.

Действия по поэтапному созданию сайта для совсем новичков:

1) Определяемся с доменным именем сайта
Лучше всего зарегистрировать домен в зону .ru Можно сделать так, чтобы в домене нашего сайта фигурировало слово flash или какое-нибудь слово, относящееся к играм. А можно выбрать вообще нейтральное название. Желательно чтобы оно было легко запоминающимся. Это нужно для того чтобы посетителям было легко запомнить и заходить на ваш сайт.

2) Регистрируем доменное имя
Создать доменное имя (зарегистрировать его) лучше всего у надежного и недорогого регистратора, например, на 2domains.ru Регистрируемся на сайте, затем регистрируем выбранный домен и оплачиваем его. Расходы очень малы, всего 100 рублей в год.

3) Выбираем хостинг
Наш домен зарегистрирован, но пока DNS сервера не настроены для нашего хостинга. Нужно выбрать хостинг для нашего сайта с флеш играми. Подойдет почти любой недорогой хостинг, например, hosting.reg.ru. Здесь лучше выбрать тариф Host-0.

Не стоит выбирать самый дешевый, так как на нем нет поддержки PHP, а она нам нужна для функционирования сайта. Обязательно нужно настроить DNS, объединив таким образом наш сайт и домен воедино. Новичкам можно выбрать Ucoz.

Он очень простой, надежный и многофункциональный.

4) Выбираем систему управления сайтом (CMS)
Можете начать делать сайты на Ucoz. Это очень легко для новичков. Так же в качестве движка для нашего сайта флеш игр может выступать одна из лучших и бесплатных CMS под названием WordPress.

Скачать ее можно с официального сайта wordpress.org. Затем устанавливаем ее на наш хостинг, следуя инструкциям. Конечно, нужно немного разбираться в html и может быть совсем чуть-чуть даже в php.

Добавление и упорядочивание игр очень легко организовать на ней если использовать «Дополнительные поля».

Быть может пройдет не один день и даже не одна неделя прежде чем у вас что-нибудь получится толковое с нуля. Но надо же с чего-то начинать.

Кстати, флеш игры можно очень легко брать с других сайтов. Для того чтобы скачать флешку нужно заглянуть в исходный код страницы с игрой в браузере, а затем найти и сохранить оттуда .swf файл. Это и есть наша флеш игра.

Быть может вам будет интересно, а можно ли не хранить flash игры на своем хостинге, в просто подгружать их с других сайтов. Да, можно, но до поры до времени. Лучше все-таки загружать на свой хостинг.

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

Не стоит так слишком зависеть от других сайтов.

Теперь вы знаете как создать сайт с флеш играми. Пора и приступать к его созданию! А какой ваш опыт в создании сайтов с флеш играми? Можете поделиться в комментариях чуть ниже. Так же можете оставить любые вопросы относительно темы создания сайтов flash игр, и почти с гарантией вы получите на них ответы.