Создание Web-сайта с использованием сценариев средствами

Автор работы: Пользователь скрыл имя, 09 Ноября 2014 в 20:51, курсовая работа

Краткое описание

Данный сайт реализовывает с помощью специального алгоритма сумму n-членов арифметической прогрессии. Главной особенностью данного сайта является то, есть возможность самому вписывать не только первый член арифметической прогрессии, но также и разность и число членов этой прогрессии.
В качестве программного обеспечения для разработки данного сайта я использовал программы: «Adobe Dreamweaver CC» и «NotePad++».

Содержание

Выбор подхода к решению 3
Описание решения 4
Листинг программы: 5
Результаты и выводы . 13
Листинг программы: 14
Список использованных источников 22

Скачать в ZIP архиве (542.94 Кб) Сколько стоит заказать работу?
Вложенные файлы: 1 файл

Кусовая (Информатика).docx

— 552.90 Кб (Скачать файл)

Министерство образования и науки РФ

 

Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования

 

Тульский государственный университет

 

Кафедра «Технология полиграфического производства и

защиты информации»

 

 

 

 

 

 

 

КУРСОВАЯ РАБОТА

по дисциплине

«Информатика»

на тему:

«Создание Web-сайта с использованием сценариев средствами

 

 

 

 

 

 

 

 

 

 

 

Выполнил: студент группы 622231

                                                                                    ______________________________

  «_____» _____________20__ г.

 

                                              Проверила: к.т.н. С.Ю. Борзенкова

________________

«_____» _____________20__ г

                                                                                   .

 

 

 

 

Тула 2014 г

Оглавление:

 

 

 

Выбор подхода к решению

 

 

Арифметическая прогрессия — числовая последовательность вида

,

то есть последовательность чисел (членов прогрессии), каждое из которых, начиная со второго, получается из предыдущего добавлением к нему постоянного числа (шага или разности прогрессии):

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

 

 

Описание решения

 

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

В качестве программного обеспечения для разработки данного сайта я использовал программы: «Adobe Dreamweaver CC» и «NotePad++».

Алгоритм нахождения суммы n-первых членов арифметической прогрессии: (Блок-схема 1)


 











 




 

 

Блок схема 1

Листинг программы:

 

Страница «Главное страница»:

 

<html>

<head>

<script type="text/javascript" script><html

<head>

<body text=gold" bgcolor="4d7198">

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

<title>Персональный сайт - Арифметическая прогрессия</title>

<!--U1YANDEX1Z--><link rel="stylesheet" type="text/css" href="/css/commercial.css" />

<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/css/ie.css" /><![endif]-->

<link rel="stylesheet" type="text/css" href="/css/global.css" />

<link rel="stylesheet" type="text/css" href="/css/informers.css" />

<link rel="stylesheet" type="text/css" href="/css/user.css" />

<link rel="stylesheet" type="text/css" href="/css/bw.css" />

<link rel="stylesheet" type="text/css" href="/css/bw-ie.css" />

<!--/U1YANDEX1Z-->

<link type="text/css" rel="StyleSheet" href="http://s210.ucoz.net/src/base.css" />

<link type="text/css" rel="StyleSheet" href="http://s210.ucoz.net/src/layer2.css" />

<script type="text/javascript" src="http://s210.ucoz.net/src/jquery-1.7.2.js"></script>

<link href="http://s210.ucoz.net/src/ulightbox/ulightbox.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="http://s210.ucoz.net/src/ulightbox/ulightbox.js"></script>

<script type="text/javascript" src="http://s210.ucoz.net/src/uwnd.js?2"></script><style type="text/css">.UhideBlock {display:none}</style>

</head>

<body class="body-background">

<div id="utbr8214" rel="s210"></div>

<div class="b-body">

<table class="layout">

<!--U1AHEADER1Z-->

<!--/U1AHEADER1Z-->

</table>

<table class="layout">

<!-- <middle> -->

<col width="20%"></col><col width="60%"></col><col width="20%"></col>

<tr>

<td style="width: 20%;">

<div class="holster">

<!--/U1CLEFTER1Z-->

</div>

</td>

<td>

<div class="holster b-main">

<!-- <body> --><div class="block_container s3 b-text b-static-text " id="e_132946710065"><h4><span style="color: #ff0000;"><strong>Арифметическая прогрессия</strong></span></h4><p><strong><br></strong></p><p>Прогрессия – это определенная последовательность чисел. <br> Последовательность обозначается так: (a<sub>n</sub>)</p><p>Числа, образующие последовательность, называют членами последовательности.</p><p>Члены последовательности обычно обозначают буквами с индексами, указывающими порядковый номер члена (a<sub>1</sub>, a<sub>2</sub>, a<sub>3</sub> и т.д.- читается так: «<em>а</em> первое», «<em>а</em> второе», «<em>а</em> третье» и т.д.).</p><p>Последовательность может быть бесконечной или конечной.</p><p>&nbsp;</p><p><span style="color: #0000ff;"><strong>Понятие арифметической прогрессии.</strong></span></p><table border="1" cellspacing="0" cellpadding="0"><tbody><tr><td width="695" valign="top"><p><strong>Арифметическая   прогрессия – это такая последовательность чисел, которая получается в   результате сложения каждого последующего члена с одним и тем же числом.</strong></p></td></tr></tbody></table><p><span style="text-decoration: underline;">Пример</span>:</p><p>Возьмем последовательность чисел 3; 10; 17; 24; 31.<br>Здесь каждое последующее число на 7 больше предыдущего. То есть последовательность получилась в результате прибавления одного и того же числа 7 к каждому последующему члену. Это и есть арифметическая прогрессия:</p><p><strong>3</strong>+7=<strong>10</strong></p><p>10+7=<strong>17</strong></p><p>17+7=<strong>24</strong></p><p>24+7=<strong>31</strong></p><p>&nbsp;</p><p><span style="color: #0000ff;"><strong>

Формула арифметической прогрессии.</strong></span></p><table border="1" cellspacing="0" cellpadding="0"><tbody><tr><td width="695" valign="top"><p style="text-align: center;"><strong>Любая арифметическая прогрессия может   быть задана формулой:</strong></p><p style="text-align: center;"><strong><em>a<sub>n</sub> = </em></strong><strong><em>kn + </em></strong><strong><em>b</em>,</strong></p><p style="text-align: center;"><strong>где </strong><strong><em>k</em> и </strong><strong><em>b</em> – некоторые числа.</strong></p><p style="text-align: center;"><strong>И наоборот: если последовательность   задана подобной формулой, то эта последовательность точно является   арифметической прогрессией. </strong></p></td></tr></tbody></table><p><span style="text-decoration: underline;">Пример</span>: формула <em>a<sub>n</sub></em> = 8<em>n</em> – 2 является формулой арифметической прогрессии, так как она задана формулой типа <em>a<sub>n</sub> = </em><em>kn + </em><em>b</em>. В ней <em>k</em> = 8, <em>b</em> = –2.</p><p>&nbsp;</p><p><span style="color: #0000ff;"><strong>Разность арифметической прогрессии.</strong></span></p><table border="1" cellspacing="0" cellpadding="0"><tbody><tr><td width="695" valign="top"><p><strong>Разность   арифметической прогрессии – это разность между последующим и предыдущим   членами прогрессии. Ее обычно обозначают буквой </strong><strong><em>d</em>.</strong></p></td></tr></tbody></table><p><span style="text-decoration: underline;">Пример</span>:<br>Вернемся к нашей прогрессии 3; 10; 17; 24; 31. В ней разность между второй и первой, третьей и второй и т.д. членами равна 7. Число 7 и является разностью данной арифметической прогрессии.</p><p>&nbsp;</p><p><span style="color: #0000ff;"><strong>Свойства арифметической прогрессии.</strong></span></p><table border="1" cellspacing="0" cellpadding="0"><tbody><tr><td width="695" valign="top"><p><strong>1) Каждый член   арифметической прогрессии, начиная со второго, равен среднему арифметическому   предыдущего и последующего членов.</strong></p><p><strong>2) Верно и обратное   утверждение: если в последовательности чисел каждый член, начиная со второго,   равен среднему арифметическому предыдущего и последующего членов, то эта   последовательность является арифметической прогрессией.</strong></p></td></tr></tbody></table><p>В нашем примере второй член равен средней арифметической первого и третьего членов:</p><p>3 + 17<br> ——— = 10.<br> &nbsp;&nbsp;&nbsp; 2</p><p>Точно так же третий член равен средней арифметической второго и четвертого членов и т.д.</p><p>&nbsp;</p><p><span style="color: #0000ff;"><strong>Как найти определенный член арифметической прогрессии.</strong></span></p><table border="1" cellspacing="0" cellpadding="0"><tbody><tr><td width="695" valign="top"><p style="text-align: center;"><strong>Чтобы найти </strong><strong><em>n</em>-й член арифметической   прогрессии, следует применить формулу:</strong></p><p style="text-align: center;"><strong><em>a<sub>n</sub></em></strong><strong> = <em>a</em><sub>1</sub> + <em>d</em>(<em>n</em> – 1)</strong></p></td></tr></tbody></table><p><span style="text-decoration: underline;">Пример</span>:</p><p>Возьмем некую арифметическую прогрессию, в которой первый член равен 3, а разность арифметической прогрессии составляет 4. Надо найти 45-й член этой прогрессии.</p><p>Дано:<br><em>b<sub>1</sub></em> = 3<br><em>d</em> = 4<br><em>n</em> = 45<br>---------<br><em>b</em><sub>45</sub> - ?</p><p>Решение.</p><p>Применим формулу <em>b<sub>n</sub></em> = <em>b</em><sub>1</sub> + <em>d</em>(<em>n</em> – 1):</p><p><em>b</em><sub>45</sub> = 3 + 4(45 – 1) = 3 + 4 · 44 = 3 + 176 = 179.</p><p>Ответ: 45-й член заданной арифметической прогрессии – число 179.</p><p>&nbsp;</p><p><span style="color: #0000ff;"><strong>Как найти сумму первых </strong><strong><em>n</em> членов арифметической прогрессии.</strong></span></p><table border="1" cellspacing="0" cellpadding="0"><tbody><tr><td width="695" valign="top"><p style="text-align: center;"><strong>Сумму любого количества первых членов   арифметической прогрессии можно найти <br> с помощью формулы:</strong></p><p><strong>&nbsp;</strong></p><p><strong;

(</strong><strong>a<sub>1</sub> + </strong><strong>a<sub>n</sub>) </strong><strong>n<br> </strong><strong>S<sub>n</sub> = —————<br> </strong></p><p style="text-align: center;"><strong>Если заданы первый член и разность   арифметической прогрессии, то удобно пользоваться другой формулой:</strong><strong>&nbsp;</strong></p><p><strong>&nbsp;</strong></p><p><strong

2</strong><strong>a<sub>1</sub> + </strong><strong>d(</strong><strong>n – <br>

</strong><strong>S<sub>n</sub> = ——————</strong><strong> n<br> </strong><strong

</strong></p></td></tr></tbody></table><p><span style="text-decoration: underline;">Пример 1</span>: Найдем сумму первых ста членов арифметической прогрессии 1+2+3+4+5 и т.д.+100.</p><p>Дано:<br>a<sub>1</sub> = 1<br>n = 100<br>a<sub>n</sub> = 100<br>————<br>S<sub>100</sub> - ?</p><p>Решение:</p><p>;  (1 + 100) · 100; 101 · 100<br>S<sub>100</sub> = ——————— = ————— = 5050<br

</p><p>Ответ: Сумма первых ста членов заданной арифметической прогрессии равна 5050.</p><p>&nbsp;</p><p><span style="text-decoration: underline;">Пример 2</span>: Найдем сумму первых двадцати членов арифметической прогрессии, в которой первый член равен 5, разность арифметической прогрессии составляет 3.</p><p>Дано:<br> a<sub>1</sub> = 5<br> d = 3<br> ————<br> S<sub>2</sub><sub>0</sub> - ?</p><p>Решение:</p><p>1) Найдем сначала двадцатый член по уже известной нам формуле a<sub>n</sub> = a<sub>1</sub> + d(n – 1):<br> a<sub>20</sub> = 5 + 3 (20 – 1) = 5 + 3 · 19 = 62.</p><p>2) Теперь уже легко решить нашу задачу.</p><p>По формуле 1:<br> <br></p><p;(5 + 62) · 20<br>S<sub>20</sub> = ———————; = 670<br

</p><p </p><p>По формуле 2:</p><p ;2 · 5 + 3 · (20 – 1)<br>S<sub>20</sub> = ————————— · 20&nbsp; = 670<b;

</p><p>Ответ: Сумма первых двадцати членов заданной арифметической прогрессии равна 670.</p><p>&nbsp;</p><div class="_pm_clear_img" style="clear: both;"></div></div><!-- </body> -->

</div>

</td>

<td style="width: 20%;">

<div class="holster">

<!--U1DRIGHTER1Z-->

<!--/U1DRIGHTER1Z-->

</div>

</td>

</tr>

<!-- </middle> -->

</table>

<table class="layout">

<!--U1BFOOTER1Z-->

<col width="33%"></col><col width="34%"></col><col width="33%"></col>

<tr>

<td style="width: 33%"><div class="holster">

</div></td>

<td><div class="holster">

</div></td>

<td style="width: 33%"><div class="holster">

</div></td>

</tr>

<!--/U1BFOOTER1Z-->

</table>

</div>

</body>

</html>

<!-- 0.03070 (s210) -->

</body>

</html>

 

 

 

Страница «Меню»:

 

<html>

<head>

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

<title>Навигация по сайту</title>

</head>

<p>МЕНЮ</p>

<p><a href="content.html" target="CONTENT">Главная страница </a></p> 

<p><a href="Арифметическая прогрессия онлайн калькулятор.html" target="CONTENT">Онлайн калькулятор </a></p>

<body text=gold" bgcolor="4d7198">

</body>

</html>

 

 

 

Страница «Онлайн калькулятор»:

 

<html>

<head>

<body text=gold" bgcolor="4d7198">

<title>Арифметическая прогрессия онлайн калькулятор</title>

<link rel="shortcut icon" href="http://mirurokov.ru/us/css/img/favicon.ico" />

<style type="text/css">.main_block_ap{

width:100%;margin:0;}

.main_block_ap .dano {

float:left;width:65%;}

.main_block_ap input {

display:block;float:left;width:30%;text-align:right;border:2px solid #ccc;border-radius:4px;box-shadow:0 0 5px 2px #ccc;padding:2px 5px;}  .main_block_ap input:focus{ border:2px solid #498AF3;}

#result{

float:left;width:auto;margin:1em;}

.otvet{

font-size:1.1em;color:#0F8500;margin-left:0.8em;}

.raschitat{

float:left;width:100px;padding:0.5em 0.8em;margin:1em 1em 0 0;background:#D94A38;border:2px solid #fff;box-shadow:0 0 5px 2px #ccc;text-align:center;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;font-size:0.8em;}

.raschitat:active{box-shadow:0 0 3px 0 #999;} 

@media screen and (min-width:690px) { .main_block_ap{ width:300px;margin:1em auto;} } </style> 

<h1>Арифметическая прогрессия  онлайн калькулятор</h1>

<div class="main_block_ap">

<div class="dano">Первый член (a<sub>1</sub>):</div>

<input id="a1" onkeyup="calc();" type="text" value="0" onchange="calc();" />

<div class="dano">Разность (d):</div>

<input id="d" onkeyup="calc();" type="text" value="0" onchange="calc();" />

<div class="dano">Число членов (n), <br /> <em>максимум 1000</em>:</div>

<input id="n" onkeyup="calc();" type="text" value="0" onchange="calc();" />

<div class="raschitat" onclick="calc();">РАСCЧИТАТЬ</div>

<div id="result" onclick="calc();">&nbsp;</div>

<script type="text/javascript" src="http://st1.mirurokov.ru/us/js/main.js"></script>

<script>function calc(){a1=parseFloat(ge('a1').value);d=ge('d').value;n=parseInt(ge('n').value);var result=ge('result');result.innerHTML='';if(n>1000)n=1000;if(!isNaN(n)){sn=(2 * a1 + d *(n - 1))/ 2 * n;str="<strong>Сумма членов прогрессии<span class='otvet'>S<sub>" + n + "</sub>&ensp;=&ensp;" + sn + "</span></strong><br>";;result.innerHTML +=str;};for(i=1;i<=n;i++){ai=a1 + d *(i - 1);str="a" + "<sub>" + i + "</sub>" + "=" + ai + "<br>";result.innerHTML +=str;};}</script> <script>window.id_st=177;</script>

</body>

</html>

 

 

Результаты и выводы .

 

 

После ввода всех параметров, на экране отображается решение со списком членов прогрессии.

 

 
Список использованных источников

 

Основная литература

 

1) Макарова, Н.В. Информатика : учебник для вузов / Н.В.Макарова [и др.] 3.3. Оформление пояснительной записки 3-е изд.,перераб. — М. : Финансы и статистика, 2007 .— 768с.

Информация о работе Создание Web-сайта с использованием сценариев средствами