Как установить флеш игру на сайт в режиме html. Видеоурок







igra

 

Как установить флеш игру на сайт в режиме html. Давно меня спрашивают посетители моего блога как это сделать. Но сначала нужно было записать видеоурок.

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

Это придаст вес нашему ресурсу в глазах поисковых систем и улучшит поведенческий фактор, не на 100 % конечно. Главное на сайте интересный контент по теме, как вы и сами понимаете.

Но всё-таки одна знакомая мне постоянно пишет в шутку  : «Когда ты уберёшь эту игру, опять я 40 минут на твоём сайте просидела». А это тот эффект, который нам и нужен :)

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

Как найти флеш игру для сайта.

Чтобы найти такие игры, нужно набрать в поисковике примерно такой запрос: «Он-лайн игра шарики». У меня она стоит в сайдбаре, но можно поставить и после каждой статьи. Для этого можно воспользоваться плагином Post Layout Pro

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

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

Тут есть 2 варианта установки игры. Первый — это копирование кода прямо с сайта, на котором установлена нужная нам игра. То есть она будет подгружаться прямо с того ресурса, откуда мы взяли код. Этот вариант хорошо подойдёт тем вебмастерам, у которых сайт на бесплатном хостинге и есть возможность работать с html  кодом.

Как установить игру на сайт со стороннего веб ресурса.

Плюс этого метода, что не надо скачивать и устанавливать игру на свой хостинг.

Минусы:

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





А теперь я опишу процесс установки. Находим нужную нам игру, открываем её так, чтобы она была одна на странице. Если это невозможно, то хотя ты так, чтобы вокруг неё было поменьше других элементов. Далее,  нажимаем Ctrl+u (+ не нажимаем, а только буквы, в последующих вариантах то же самое). После этого в другом окне браузера у вас должен открыться код страницы.

На странице с кодом жмём Ctrl+f.  Это для того, чтобы в правом верхнем углу у нас появилось окошко поиска,  в окошке пишем  object. После этого у вас подсветятся цветом коды с этим тегом, ищем <object   или <object> это начало кода , а заканчиваться он должен вот таким тегом </object>. Копируем код от начала и до конца. Идём на свой сайт и вставляем его.  Меняем размеры на нужные нам, вот как выглядят теги, обозначающие размеры

  • width: 530px  — это ширина
  •  height: 360px – это высота

Меняем размеры на нужные нам. Если это сайдбар, то ширина должна быть 250-300 пикселей.

Я разместила код игры ниже (первая игра в моём сайдбаре). Вы можете просто скопировать его и поставить на свой ресурс.

Ещё раз внимание! Размеры здесь нужно менять в 2-х местах (они отмечены синим). Подгонять их нужно самостоятельно, в зависимости от ваших потребностей.

Размер я сделала меньше и теперь он 300 х250. Здесь копируйте код:

<object id="swfgame_o" style="position: absolute; left: 0px; top: 0px; width: 300px; height: 250px; z-index: 2; display: block !important;" width="2" height="2" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase=
"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version
=6,0,40,0"><param name="allowScriptAccess" value="sameDomain" /><param name="quality" value="high" /><param name="allowNetworking" value="internal" /><param name="src" value="http://gamegame.2970143.pix-cdn.org/games/11.swf" /><param name="allowscriptaccess" value="sameDomain" /><param name="allownetworking" value="internal" /><param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer" /><embed id="swfgame_o" style="position: absolute; left: 0px; top: 0px; width: 300px; height: 250px; z-index: 2; display: block !important;" width="2" height="2" type="application/x-shockwave-flash" src="http://gamegame.2970143.pix-cdn.org/games/11.swf" allowScriptAccess="sameDomain" quality="high" allowNetworking="internal" allowscriptaccess="sameDomain" allownetworking="internal" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object>

А здесь смотрите как он выглядит и в каких местах вам надо менять размеры:

<object id=»swfgame_o»color: #0000ff;» style=»color: #0000ff;»>width: 300px; height: 250px; z-index: 2; display: block !important;» width=»2″ height=»2″ classid=»clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase= «http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version =6,0,40,0″><param name=»allowScriptAccess» value=»sameDomain» /><param name=»quality» value=»high» /><param name=»allowNetworking» value=»internal» /><param name=»src» value=»http://gamegame.2970143.pix-cdn.org/games/11.swf» /><param name=»allowscriptaccess» value=»sameDomain» /><param name=»allownetworking» value=»internal» /><param name=»pluginspage» value=»http://www.macromedia.com/go/getflashplayer» /><embed id=»swfgame_o»color: #0000ff;» style=»color: #0000ff;»>300px; height: 250px; z-index: 2; display: block !important;» width=»2″ height=»2″ type=»application/x-shockwave-flash» src=»http://gamegame.2970143.pix-cdn.org/games/11.swf» allowScriptAccess=»sameDomain» quality=»high» allowNetworking=»internal» allowscriptaccess=»sameDomain» allownetworking=»internal» pluginspage=»http://www.macromedia.com/go/getflashplayer» /> </object>

Это был первый способ, не самый лучший.

Как установить игру на сайт с загрузкой на свой хостинг.

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

То есть открываем игру одну на странице, жмём  Ctrl+u, потом Ctrl+f, в окошке набираем object. Ищем тот же самый код. А самом коде мы жмём на ссылку с предположительной игрой. Ссылка должна быть активна (если она неактивна, то копируем url) и с расширением .swf, а после того, как мы по этой ссылке перейдём у нас должна открыться игра в крупном варианте, там должна находится только эта игра.

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

После того, как игра скачается идём на хостинг или открываем FileZilla и создаём папку в корневой папке, то есть в той, в которой все основные файлы блога или сайта. После этого формируем ссылку на игру. Делаем это таким образом http://наш сайт/название папки, в которой игра/название файла игры.swf

Переходим по ссылочке и видим объект в полный рост. Но когда будете ставить ссылку в код, для размещения на сайте, то делаем это в таком виде : /название папки, в которой игра/название файла игры.swf

И не забываем менять размеры, так как игра в начальном варианте может занять всё место вашего сайта и вы будете в ужасе как всё поплывёт из за этого :) Так что берегите нервы, меняйте размеры сразу.

Ниже вы можете скопировать код, для установки в маленьком размере, я поставила там 300х300. Не забудьте сформировать и поменять ссылку на игру! Ссылку я окружила тегами <center> код </center>  — для того, чтобы игра встала на середину страницы

<center><embed width="300px" height="300px" align="" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"  quality="high" src="/название папки, в которой игра/название файла игры.swf"/></center>

Но имейте ввиду, что скрипт игры даёт нагрузку на хостинг, и если на сайте будет много таких штучек, то вас попросят перейти на более высокооплаичваемый тариф или на выделенный сервер!

А теперь предлагаю посмотреть видеоурок.

«Как установить флеш игру на сайт в режиме html.»

 

 

А вот ссылка на сайт, где я показывала и скачивала игру http://www.game-game.com.ua/.

Итак, мы подобрали игры для сайта и поставили флеш игру на свой сайт.

Вы можете прочитать другие  статьи,
для этого воспользуйтесь Картой сайта.
А также получать новые статьи прямо на Ваш почтовый ящик.
Введите свой E-mаil:

 


С Уважением, Татьяна Чиронова   






  

Сохраните пост к себе на стенку в соцсети



 


А здесь можно публиковать анонсы постов по теме:  


 










На ту же тему
Обсуждение: 17 комментариев
  1. Дмитрий:

    Здравствуйте, Татьяна !

    Да, Да, Да все здоров!
    Есть чему поучиться, особенно мне )))
    А когда в блоге есть интересная информация, то и Кота гонять некогда ))))))))
    Подписался.

    Дмитрий.

  2. Андрей:

    Всё понятно и доходчиво. Поставил игру ПОЙМАТЬ КОТА на свой сайт прямо в текст. Ссылка на ваш сайт тоже есть. Посмотрю какой прирост посетителей может быть.

    А почему Вы убрали игры из своего сайд бара?

    Какую игру Вы считаете наиболее простой с точки зрения под детей?

    Какую игру Вы считаете наиболее простой с точки зрения под взрослых? Типа вашей знакомой , подсевшей на игру на 40 минут. Какая это игра?

    И, ещё, есть желание рекламнуться на верхней строчке вашего сайта за деньги, только не понятно, 1000 показов, это за сколько времени? Какова ротация рекламной строчки? В данный момент строчка свободна, тогда моя строка будет висеть постоянно или …

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

    Спасибо за ваше терпение дочитать до конца

    • Спасибо и вам Андрей за такой длинный комментарий.
      Что касается строки, вы можете перейти по ссылочке на сайт, туда где нужно за это платить. И сможете прочитать правила или задать вопросы в поддержку.
      Игру убрала, потому что постоянно что-то меняю на сайте и мнение моё тоже меняется.

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

    • Спасибо за ответ на мой ком-й.

  3. А можно ведь и не загружить игры к себе на сайт, а просто подгружать их с других сайтов.

  4. Alexander Kim:

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

    • За девушку отдельное спасибо :)
      Знаю я не так то много, только то, что касается сайтов.
      А что касается кода, то его я написала в коде над видеоуроком, он называется center
      Точно так же вы можете окружать любой код и он встанет по середине.

  5. Регина:

    Татьяна, а не в курсе, как поисковики относятся к таким игрушкам, они же содержат ссылки на другие ресурсы. И вообще, как можно удалить эти ссылки?

    • Регина, а вообще то на сайте даже должны быть ссылки на другие ресурсы, иначе сайт как бы мёртвый. А ссылки можно попробовать удалить из html кода игры.

  6. Вообще не задумывался об этом, НО зайдя как то на один ресурс, увидел в сайдбаре игрушку и играл наверно минут 40. Название не помню игры но что то вроде Разрушь дом. Вот он поведенчиский фактор на сайте!)) Сидел столько времени на сайте))

  7. Татьяна, спасибо. За пост. Всё опубликовала, как и обещала.

  8. Галина Петрова:

    Спасибо, Татьяна, все понятно, подробно, уже попробовала, но она у меня слишком большая ставится, с размером не под рассчитала наверное. Буду экспериментировать еще. Вопросы задавать не буду. Хочу разобраться сама, но принцип поняла! Еще раз, Огромное СПАСИБО!!!

    • Галина, конечно же нужно размеры подгонять, я и в уроке показываю, что в коде, который скопировала я 2 размера.
      А если с других сайтов игры брать, там они вообще другие могут быть.
      Что касается сервиса blogospot, то я его очень плохо знаю, в сайдбар поставить удалось chironova.blogspot.ru, а в статью нет, а разбираться, честно говоря, просто нет времени.

Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Свежие записи
Как снизить нагрузку на CPU хостинга cайта вордпресс
Как снизить нагрузку на CPU хостинга cайта вордпресс
Создание gif анимации онлайн без фотошопа. Фоторедактор PicMix.
Создание gif анимации онлайн без фотошопа. Фоторедактор PicMix.
Как настроить YouTube для удобного просмотра видео и отключить рекламу. Плагин для хрома Magic Actions for YouTube™
Как настроить YouTube для удобного просмотра видео и отключить рекламу. Плагин для хрома Magic Actions for YouTube™
Free Traffic Club — бесплатная реклама в Фейсбук
Free Traffic Club — бесплатная реклама в Фейсбук
Как правильно установить Savefrom net для Google Chrome
Как правильно установить Savefrom net для Google Chrome
≡ 
 А вам подарок
смартреспондер
Дешевый хостинг
Интернет технологии для вас © 2016 ·   Войти Наверх