Програмне забезпечення мереж передачі даних

Поняття "скрипт" в Інтернет-технологіях. Сфера застосування скриптів. Список подій, доступних в кожному окремому браузері. Виведення координат точки. Читання з клавіатури. Розробка сайту "Armin Van Buuren – A State Of Trance". Використання об’єкту Event.

Рубрика Программирование, компьютеры и кибернетика
Вид курсовая работа
Язык украинский
Дата добавления 11.09.2012
Размер файла 2,8 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

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

Размещено на http://www.allbest.ru/

МІНІСТЕРСТВО ОСВІТИ І НАУКИ, МОЛОДІ ТА СПОРТУ УКРАЇНИ

ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ

Кафедра Інформаційних технологій проектування

Курсова робота

«Програмне забезпечення мереж передачі даних»

Черкаси 2011р.

1 Скрипт - що це таке

Як правило, скриптом називається программа або програмний файл-сценарій. Іншими словами, то скриптом буде називатися практично будь-яка виконувана процедура. Якщо говорити про Інтернет-технології, то поняття "скрипт" вже в декілька разів звужується і його можна охарактеризувати, як виконувану процедуру, написаної на будь-якій мові, яка запускається на виконання з боку сервера за запитом надісланої з конкретно визначеної веб-сторінки.

Сфера застосування скриптів величезна. Наприклад:

- за їх допомогою користувач отримує можливість звертатися до баз даних;

- спостерігати статистику відвідувань (лічильники відвідуваності);

- здійснювати записи в гостьових книгах;

- залишати коментарі до вподобаним статтями;

- на скриптах засновані всі cms (програмне забезпечення для керування змістом) і форуми;

- скрипти допомагають динамічному відображенню веб-сайту;

- скрипти дозволяють організувати змінювати частини сайту без перевантаження всієї сторінки і т.д.

Розташування виконуваного скрипта в мережі може бути різним. Наприклад, скрипт може розташовуватися на тому ж сервері, де розташована викликаюча його сторінка. Як варіант - скрипт розміщується на іншому, тобто віддаленому, www-сервері. Оскільки за допомогою запуску скрипта "десь там" відбувається виконання будь-які дії, то треба завжди пам'ятати, що така процедура може бути незавжди корисною (тобто це небезпечно для власника сервера). Зокрема, з цієї причини, не на всіх серверах дозволяється виконання скриптів - зазвичай провайдери спеціально обумовлюють умови надання такої можливості.

Оскільки скрипти на сьогоднішній день присутні майже на всіх веб-сайтах, то часто виникає зацікавленість в тому, як саме виглядає скрипт, та як вони працюють взагалі. Для цікавості достатньо відкрити висхідний код будь-якої веб-сторінки і на тому масці, де повинна розміщуватися та або інша форма, знайти посилання «cgi-bin». З цього випливає, що CGI-скрипт - це програма, яка виконується на веб-сервері за запитом клієнта. Клієнтом, в даному випадку, виступає не хто інший, як відвідувач веб-сайту. Впринципі, можна стверджувати, що будучи програмою, CGI-скрипт нічим не відрізняється від, скажімо, MS Word або того ж Explorera. Дуже важливо відразу усвідомити, що CGI - це не мова програмування, на якому пишеться сам скрипт, а всього лише спеціалізований інтерфейс, за допомогою якого провокується запуск скрипта і проводиться подальша робота.

скрипт інтернет сайт event

2 Обробник подій. Об'єкт Event - клавіатура

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

Список подій, доступних в кожному окремому браузері зазвичай можна дізнатися на сайті компанії-розробника або в довідковій документації. Список основних обробників визначений стандартом W3C, але кожен розробник браузера може сам додавати обробники за своїм бажанням. Наприклад, подія onAbort підтримується IE, але не є стандартним і не підтримується браузерами Netscape.

У перших версіях браузерів веб-програмісти могли оперувати лише з невеликими наборами подій для кожного типу відображуваних елементів, але в останніх версіях можна призначити події практично будь-якого елементу сторінки.

Найбільш відомими та корисними є події клавіатури:

- onKeyDown ();

- onKeyPress ();

- onKeyUp ().

Синтаксис відповідно такий:

boolean onKeyDown (Event об'єкт, int клавіша);

boolean onKeyPress (Event об'єкт, int клавіша);

boolean onKeyUp (Event об'єкт, int клавіша);

Тут параметр об'єкт описує подію, а клавіша містить код натисненої клавіші.

3. Практична частина

3.1 Постановка задачі

Створити web-сайт «Armin Van Buuren - A State Of Trance». Сайт повинен містити наступні пункти: Main, Event, Animation, Data, User Object, Games, Keybord Event, Forma.

Для кожного пункту меню виконати наступні дії:

Main - створити сценарій для оновлення web-сайту;

Event - написати сценарій з використанням об'єкта event;

Animation - створити анімацію засобами JavaScript;

Data - засобами JavaScript створити об'єкт що відображае дату;

User Object - створити об'єкт користувача;

Games - створити логічний сценарій (тест, гра тощо) реалізований з використанням PHP чи скриптів;

Keybord Event - написати сценарій з використанням об'єктy Keybord Event;

3.2 Інструкція користувача

Для запуску сайту слід обрати файлу index.html. В результаті цього відкриється головне вікно Рисунок 1

Рис 1 - «Головна сторінка»

Для переміщення по сайту використовуються Flash-кнопки, рисунок 2:

Рис. 2 - «Flash-кнопки»

Кнопка «Main» - обновити сторінку, незалежно від того, яким браузером відкрите вікно.

Кнопка «Animation» відкриває вікно, в якому показані фотографії виступу Armin Van Buuren.

Кнопка «Event» відкриває вікно з фотографією резидента. В цьому вікні робота з Event полягає в наступному: при натиску мишкою в будь-якому місці фотографії - виводиться повідомлення з координатами точки, в якій був здійснений клік.

В даній курсовій роботі виконана робота з Event, де відбувається зчитування інформації введеної з клавіатури.

Кнопка «Game» пропонує гру на швидкість проходження шляху. Необхідно чоловічком пройти траєкторію, якомога швидше, і таким чином встановлювати для себе рекордний час.

Кнопка «User object» відкриває вікно, в якому відображається тур трансового резидента по Україні.

3.3 Лістинг програми

3.3.1 Головна сторінка

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Index</title>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

<style type="text/css">

<!--

.style1 {

font-family: "Times New Roman", Times, serif;

font-weight: bold;

}

-->

</style>

</head>

<body>

<center>

<table width="1000" height="249" border="1">

<tr>

<th width="144" height="51" scope="col"><img src="pic/12-9.jpg" width="185" height="162" /></th>

<th width="460" rowspan="2" valign="top" scope="col"><div align="center"><img src="pic/kasta.jpg" width="800" height="800" /></div></th>

</tr>

<tr>

<th align="center" valign="top" scope="row"><p>

<script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','100','height','22','title','Main','src','button1','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','','movie','button1' );

</script>

<noscript>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="22" title="Main">

<param name="BGCOLOR" value="" />

<param name="movie" value="button1.swf" />

<param name="quality" value="high" />

<embed src="button1.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" ></embed>

</object>

</noscript>

<script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','100','height','22','src','button2','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','','movie','button2' ); //end AC code

</script>

<noscript>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="22">

<param name="BGCOLOR" value="" />

<param name="movie" value="button2.swf" />

<param name="quality" value="high" />

<embed src="button2.swf" width="100" height="22" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" ></embed>

</object>

</noscript>

<script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','100','height','22','src','button4','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','button4' ); //end AC code

</script>

<noscript>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="22">

<param name="movie" value="button4.swf" />

<param name="quality" value="high" />

<embed src="button4.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" ></embed>

</object>

</noscript>

<script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','100','height','22','src','button6','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','button6' ); //end AC code

</script>

<noscript>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="22">

<param name="movie" value="button6.swf" />

<param name="quality" value="high" />

<embed src="button6.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" ></embed>

</object>

</noscript>

<script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','100','height','22','src','button9','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','','movie','button9' ); //end AC code

</script>

<noscript>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="22">

<param name="BGCOLOR" value="" />

<param name="movie" value="button9.swf" />

<param name="quality" value="high" />

<embed src="button9.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" ></embed>

</object>

</noscript>

<script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','100','height','22','src','button10','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','button10' ); //end AC code

</script>

<noscript>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="22">

<param name="BGCOLOR" value="" />

<param name="movie" value="button10.swf" />

<param name="quality" value="high" />

<embed src="button10.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" ></embed>

</object>

</noscript>

<script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','100','height','22','src','button12','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','button12' ); //end AC code

</script>

<noscript>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="22">

<param name="BGCOLOR" value="" />

<param name="movie" value="button12.swf" />

<param name="quality" value="high" />

<embed src="button12.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" ></embed>

</object>

</noscript>

<script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','100','height','22','src','button13','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','button13' ); //end AC code

</script>

<noscript>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="22">

<param name="BGCOLOR" value="" />

<param name="movie" value="button13.swf" />

<param name="quality" value="high" />

<embed src="button13.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" ></embed>

</object>

</noscript>

</p>

<p>&nbsp;</p> </th>

</tr>

<tr>

<th height="23" align="left" valign="top" scope="row"><img src="pic/1.jpg" width="200" height="200" /><p><img src="pic/2.jpg" width="200" height="200" /></p><p><img src="pic/3.jpg" width="200" height="200" /></p><p><img src="pic/4.jpg" width="200" height="200" /></p></th>

<td bgcolor="#CCCCFF"><p align="center" class="style1"></p>

<p align="center" class="style1"><font color=blue><h3 align=center>Самые свежие новинки</h3></font></p>

<b><u>Check Armin's channel on Spotify</u></b></br>

&nbsp; Spotify в слово ! Будущее музыки лежит в новых media. Если вы хотите слушать на полной правовой базе,и не отставать от новых треков играющих в лучшем ридошоу Армина A state of Trance, cлушать его альбомы,компиляции,ремиксы и избранные треки Armada, для этого вам всего лишь нужно подписаться на канал Armin'a на радио Spotify ! Хотите скачать понравившиеся вам треки с лушать их снова и снова, то вы можете скачать их прямо от туда! Подписаться на будущее танцевальной музыки можно прямо сейчас! Проверить можно прямо сейчас на: arminradio.com Убедитесь что вы проверили канал Armin'a так же на: armadamusicradio.com.

<br><br><b><u>Win a VIP trip to Armin's show in Istanbul!</u></b></br>&nbsp;

После поездок в Москву, Санкт-Петербург, Мельбурн, Киев и Утрехт, KLM теперь приглашает всех поклонников Армина на его шоу в Стамбуле! 2-ого июля Армин будет играть в парке Kucufciftlik в Стамбуле. Хотите выиграть путёвку ? в которую входит, Турецкое лечение,остановка в отеле Renaissance Polat на 3 ночи,билет на концерт, массажи , сауны и т.д, тогда примите участие в конкурсе. Всем поклонникам Армина кому 18+ можно войти в тотализатор ,который заканчивается 18 июня. Поторопитесь,заходите на специальный сайт KLM website и вступайте.

</p></td>

</tr>

</table>

</center>

</body>

</html>

3.3.2 Анімація

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<html>

<head>

<title>Мультипликация по событию onLoad</title>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

</head>

<script language="JavaScript">

pictures = new Array()

for(i=0;i<4;i++)

{

pictures[i] = new Image()

if(i==0) pictures[i].src = "pic/1.jpg"

if(i==1) pictures[i].src = "pic/2.jpg"

if(i==2) pictures[i].src = "pic/3.jpg"

if(i==3) pictures[i].src = "pic/4.jpg"

}

n=1;

flag=1;

function scroll_image()

{

if(flag==1)

{

n++;if(n>3) n=0;

document.images[0].src = pictures[n].src

}

setTimeout("scroll_image()",2000);

}

</SCRIPT>

</head>

<body bgcolor="#FFF5EE" text="#000000" link="#FF0000" alink="#FF0000"

vlink="#A52A2A" onLoad=scroll_image()>

<center>

<table width="200" border="1">

<tr>

<th scope="col"><script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','100','height','22','src','button5','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','button5' ); //end AC code

</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="22">

<param name="movie" value="button5.swf" />

<param name="quality" value="high" />

<embed src="button5.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" ></embed>

</object></noscript></th>

<th scope="col"><img src="pic/1.jpg" name="tool" /></th>

</tr>

</table>

</center></body></html>

3.3.3 Об'єкт event (виведення координат точки)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<HEAD>

<META HTTP-EQUIV="Content-Type"

CONTENT="text/html; charset=windows-1251">

<title>Event</title>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

<style type="text/css">

<!--

body {

background-color: #CCFFCC;

}

-->

</style><table width="200" border="0" align="center" cellpadding="0" cellspacing="0">

<tr align="center" valign="top">

<th scope="col"><script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','100','height','22','align','left','src','button3','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#3333FF','movie','button3' ); //end AC code

</script>

<noscript>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="22">

<param name="BGCOLOR" value="#3333FF" />

<param name="movie" value="button3.swf" />

<param name="quality" value="high" />

<embed src="button3.swf" width="100" height="22" align="left" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#3333FF" ></embed>

</object>

</noscript> </th>

<th scope="col"><div align="center"><a href="#" onclick="alert('x: ' + event.x + ' y: ' + event.y + '\n' +'Вы нажали на картинку' + '\n' + 'Armin Van Buuren'); return false;"><img src="pic/800px.jpg" width="900" height="600" /></a></div></th>

<th></th>

</tr>

</table>

<div align="justify"></div>

<layer></layer>

</BODY>

</html>

3.3.4. Об'єкт event (читання з клавіатури)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title></title>

</head>

<body>

<script language="JavaScript">

document.onkeydown = checkKeycode

function checkKeycode(e) {

var keycode;

if (window.event) keycode = window.event.keyCode;

else if (e) keycode = e.which;

alert("keycode: " + keycode);}

</script>

</body>

</html>

3.3.5. Гра

<html>

<head>

<title>Main</title>

<SCRIPT Language="JavaScript" src="main.js"></SCRIPT>

</head>

<body bgcolor="#33aaff">

<bgsound src="ska1.mid" loop=100>

<SCRIPT Language="JavaScript">

<!--

MAPPICS = new Array(

"Air.gif", "Ground_mid.gif", "Ground_top.gif", "Ground_narrow.gif",

"Ground_down.gif", "Ground_up.gif", "River.gif", "Start.gif", "Goal.gif",

"WorpZone.gif", "Spring_extend.gif", "Spring_shrink.gif"

);

var MAP = new Array(

"0002111111",

"0072111111",

"0004111111",

"0000411111",

"0000041111",

"0002004111",

"0002000411",

"0002000021",

"0000000002",

"2000000002",

"2000002002",

"2000002002",

"2020000006",

"0020000006",

"0020000002",

"0000000002",

"0000000002",

"0000000002",

"0021111111",

"0000000002",

"0000000002",

"0021111132",

"0021111132",

"0021111132",

"0000000002",

"0000000002",

"0000000502",

"0000005102",

"0000051102",

"0000511102",

"0005111102",

"0051111102",

"0021111102",

"0000000002",

"1111111102",

"0000000002",

"0000000002",

"0000000002",

"0202020021",

"0202020021",

"0202020021",

"0292020002",

"0211020002",

"0211020002",

"0000020002",

"1111320006",

"0000020f06",

"0000000g06",

"0000000006",

"0000500002",

"0005100002",

"0002000202",

"0051000202",

"0020000202",

"0020000002",

"0000020002",

"0000020002",

"0000000006",

"0082111111",

"0002111111"

);

MapPoint = 0;

SpNum = 0;

SpX = new Array(2);

SpY = new Array(2);

FloatRNum = 0;

FltRX = new Array(2);

FltRY = new Array(2);

document.write("<div id=\"MAPLAYER\" style=\"position: absolute; top: 0px; Left: "

+ MapPoint + "px; Z-index:0\">");

for (i = 0; i < 10; i++){

document.write("<nobr>");

for (j = 0; j < 60; j++){

if ((p = MAP[j].charAt(i)) == 's'){

p = 0;

SpX[SpNum] = j * 32;

SpY[SpNum] = i * 32;

SpNum++;

}

if (p == 'f' || p == 'g'){

p = 0;

FltRX[FloatRNum] = j * 32;

FltRY[FloatRNum] = i * 32;

FloatRNum++;

}

document.write("<img src=\"" + MAPPICS[p] + "\" width=32 height=32>");

}

document.write("<nobr><br>");

}

document.write("</div>");

for (i = 0; i < SpNum; i++){

if (!i) str = "SPRING1";

else str = "SPRING2";

document.write("<img name=\"" + str + "\" ");

document.write("style=\"position: absolute; top: "

+ SpY[i] + "px; Left: " + SpX[i] + "px; Z-index:1\" ");

document.write("src=\"" + MAPPICS[10] + "\" width=32 height=32>");

}

for (i = 0; i < FloatRNum; i++){

if (!i) str = "FLOAT1";

else str = "FLOAT2";

document.write("<img name=\"" + str + "\" ");

document.write("style=\"position: absolute; top: "

+ FltRY[i] + "px; Left: " + FltRX[i] + "px; Z-index:1\" ");

document.write("src=\"" + MAPPICS[2] + "\" width=32 height=32>");

}

BOYPICS = new Array(

"BoyRightStop.gif", "BoyRightRun1.gif", "BoyRightRun2.gif",

"BoyNarrowRight1.gif", "BoyNarrowRight2.gif",

"BoyLeftRun1.gif", "BoyLeftRun2.gif",

"BoyNarrowLeft1.gif", "BoyNarrowLeft2.gif"

);

RPICS = new Array("RStop.gif", "RRun1.gif", "RRun2.gif", "RNarrow1.gif", "RNarrow2.gif");

BoyPoint = new Array(0, 64);

RPoint = new Array(8, 64);

document.write("<img name=\"USER\" ");

document.write("style=\"position: absolute; top: "

+ BoyPoint[1] + "px; Left: " + BoyPoint[0] + "px; Z-index:3\" ");

document.write("src=\"" + BOYPICS[0] + "\" width=32 height=32>");

document.write("<img name=\"RIVAL\" ");

document.write("style=\"position: absolute; top: "

+ RPoint[1] + "px; Left: " + RPoint[0] + "px; Z-index:2\" ");

document.write("src=\"" + RPICS[0] + "\" width=32 height=32>");

document.write("<div style=\"position: absolute; top: 352px; Left: 0px; Z-index:0\"><nobr>");

for (i = 1; i < 9; i++) document.write("<img src=\"" + BOYPICS[i] + "\" width=32 height=32>");

for (i = 1; i < 5; i++) document.write("<img src=\"" + RPICS[i] + "\" width=32 height=32>");

document.write("<img src=\"" + MAPPICS[11] + "\" width=32 height=32>");

document.write("</nobr></div>");

document.write("<div style=\"position: absolute; top: 0px; Left: 200px; Z-index:4\">");

document.write("<form name=\"SCORE\"><input type=\"text\" value=\"0.000\" name=\"TIMER\"></form>");

document.write("</div>");

document.write("<div id=\"START_BUTTON\" style=\"position: absolute; top: 150px; Left: 143px; Z-index:5\">");

document.write("<form><input type=\"button\" value=\"Початок\" OnClick=\"OnStartBtn();\"></form>");

document.write("</div>");

// -->

</SCRIPT>

</body>

</html>

3.4 Результати роботи програми

Рис. 3 - «Головна сторінка»

Рис. 4 - «Дата»

Рис. 5 - «Об'єкт користувача»

Рис. 6 - «Гра»

Рис. 7 - «Результат гри»

Рис. 8 - «XML»

Рис. 9 - «Подія Event - клавіатура»

Висновки

В даній курсовій роботі використовуються об'єкт Event (при натисненні лівою кнопкою миші в будь-якій частині малюнку виводяться координати даної точки. Виконується зчитування інформації з клавіатури.

Виконано завдання з анімацією: створений масив малюнків, які виводяться з певною затримкою в часі. Також було створено гру.

З правилами користування сайтом можна ознайомитись в даній курсовій роботі в розділі «Інструкція користувача».

Використані джерела

1. Джексон Кренфорд Тиге. DHTML и CSS для Internet, 3-е издание.Пер. с англ.: М.: «NT Press»,2005.-518c.

2. Дронов, В.А. JavaScript в Web - дизайне

3. Монкур, Майкл. Освой самостоятельно JavaScript за 24 часа, 2-е издание.: Пер. с англ.: М.: Издательский дом «Вильяме», 2001. - 320с.

Размещено на Allbest.ru


Подобные документы

  • Архітектура програмного забезпечення. Інтернет-журнал подій, інтернет-щоденник, онлайн-щоденник. Відмінності блогу від традиційного щоденника. Процес ідентифікації користувача. Логічне представлення даних. Керівництво, призначене для користувачів сайту.

    курсовая работа [2,8 M], добавлен 26.06.2012

  • Основні підходи до проектування баз даних. Опис сайту Інтернет-магазину, характеристика його підсистем для обробки анкет і запитів користувачів. Розробка концептуальної, інфологічної, даталогічної, фізичної моделей даних. Побудова ER-моделі в CASE-засоби.

    курсовая работа [2,3 M], добавлен 01.02.2013

  • Види сайтів та характеристика сайту-візитки, сайту-магазину, новинного сайту та соціальних мереж. HTML та CSS як основа шаблону сайту та стилю оформлення. Розробка структури та вибір дизайну порталу новин, його програмний код та вигляд у браузері.

    дипломная работа [2,4 M], добавлен 20.10.2013

  • Використання баз даних та інформаційних систем. Поняття реляційної моделі даних. Ключові особливості мови SQL. Агрегатні функції і угрупування даних. Загальний опис бази даних. Застосування технології систем управління базами даних в мережі Інтернет.

    курсовая работа [633,3 K], добавлен 11.07.2015

  • Структура клієнтської частини. Вибір елементів HTML4 і HTML5 для представлення контенту. Структурування інформаційного наповнення сайту. Забезпечення взаємодії серверної частини web-додатків з клієнтською. Програмування скриптів засобами JavaScript.

    курсовая работа [3,3 M], добавлен 13.01.2014

  • Структурні підрозділі web-студії "Wezom". Програмне забезпечення, що використовується в організації. Послідовність розробки інтернет-сайту "Мир новостей". Велика різноманітність функцій PHP. Проектування бази даних web-сайту, його папки та файли.

    отчет по практике [652,3 K], добавлен 04.03.2015

  • Обґрунтування потреби, поняття, класифікація, проектування та етапи розробки веб-сайту. Вибір програмних засобів, розробка інтерфейса і бази даних. Динамічна мова розмітки гіпертекстових документів DHTML. Розміщення категорій товарів в on-line магазині.

    дипломная работа [1,5 M], добавлен 04.08.2009

  • Економічна інформація, її види та властивості. Апаратне і програмне забезпечення ПК. Програмне забезпечення стаціонарних комп’ютерів. Комп’ютерні мережі, загальна характеристика глобальної мережі Інтернет. Напрямки використання комп’ютерної техніки.

    контрольная работа [28,0 K], добавлен 06.10.2011

  • Інтернет як система об'єднаних комп'ютерних мереж для зберігання і передачі інформації. Літературні джерела щодо сутності баз даних та їх функціонування. Порівняльний аналіз MySQL, Oracle та Microsoft Access. Створення бази даних за допомогою MySQL.

    курсовая работа [1,5 M], добавлен 05.02.2014

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

    дипломная работа [7,1 M], добавлен 24.09.2012

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.