Создание сайта «Фитнес-клуб»

МИНИСТЕРСТВО ОБРАЗОВАНИЯ  И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ

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

 

 

Кафедра информационных

 систем в экономике

 

 

 

 

 

РАСЧЕТНО-ГРАФИЧЕСКАЯ РАБОТА

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

«Мировые информационные ресурсы»

на тему: Создание сайта  «Фитнес-клуб»

 

 

 

 

Выполнила: студентка ЭФ

гр. ПИЭ-41, Габдтрухаева Р.Р.

Проверила: Нам С.Э.

 

 

г. Йошкар-Ола

2013

Содержание

Введение………………………………………………………………………..3

Описание сайта………………………………………………………………...4

Создание сайта…………………………………………………………………5

Листинг кода формы пользовательского интерфейса…………………………7

Список используемой литературы……………………………………………21

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ВВЕДЕНИЕ

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

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

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

Описание сайта

Сайт «Фитнес-клуб «Energy» представляет собой информационную базу, содержащую информацию о фитнес клубе «Energy». На его страницах затронуты наиболее значимые аспекты, касающиеся данногофитнес-клуба. Удобная навигация по сайгу позволяет легко и понятно передвигаться от одной темы к другой.

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

На каждой странице можно  увидеть меню разделов, с помощью  которого   Вы  легко  найдете  интересующую  Вас  информацию  о  фитнес-клубе «Energy».

Сайт клуба «Energy» поможет каждому не только удовлетворить свое любопытство, но и выбрать себе занятие по душе.

Пользовательский интерфейс сайта полностью соответствует требованиям удобства:

- Выбран приятный, не напрягающий  зрение, фон

- Меню пользователя имеет  простой вид в виде ссылок, и будет понятен и удобен  в использовании любому пользователю

 

 

 

 

 

 

 

 

 

 

СОЗДАНИЕ САЙТА

При создании сайта были использованы:

1. HTML (язык гипертекстовой разметки) - это основной язык с помощью которого создаются веб-страницы. Страница, которую пользователь видит в своем браузере, может состоять из множества разных файлов — например, изображений, анимационных роликов сценариев JavaScript и т. д. - но основой страницы практически всегда является документ HTML. Другие языки разметки (прежде всего многочисленные приложения XML) пока еще слабо поддерживаются браузерами и поэтому не вытесняют HTML на компьютерах обычных пользователей.

2. JAVAScript – язык программирования, основанный на объектном представлении браузера. Текст программы встраивается непосредственно в HTML-документ и интерпретируется самим браузером. JAVAScript применяется для придания пользовательскому интерфейсу большей интерактивности по сравнению со статическим HTML, он позволяет реализовать: бегущую строку, изменяемые рисунки и т.д. Различают скрипт-язык

-  исполняемые на стороне клиента: JavaScript и VBScript;

           -  исполняемые на стороне сервера: ASP, Perl, PHP и др.

Этот язык был создан на основе существующих языков программирования - C/C++, Pascal, SmallTalk и др., и при этом его создатели постарались воплотить в своем творении все лучшие элементы этих языков и попытались избавиться от явных, по их мнению, недостатков. Информации, представленной на web-сайте, необходимо придать какую-то форму. Внешней частью этой "формы" является дизайн или оформление сайта. В большинстве случаев дизайн играет подчиненную роль, помогает донести до читателя - посетителя смысл выложенной на сайте информации. Правда, сколь бы значимым не был контент сайта сам по себе, без качественного дизайна он обязательно многое теряет.

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

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

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

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

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

Графика, размещаемая на сайте, должна быть представлена в тех  компьютерных форматах, которые умеют  отображать браузеры. Потому что страницы, передаваемые web-сервером, на стороне посетителя "рисовать" будет   именно   браузер.   И   если   браузер   не   знает        как   "нарисовать"

предложенный файл, то и  посетитель его не увидит, в результате страница обретён совсем не тот вид.

 

 

 

 

 

 

 

 

Листинг кода формы пользовательского интерфейса

Листинг кода страницы «Главная»

Рисунок 1. – Страница «Главная»

<html>

<head><script language="JavaScript">

<!--

function fulltime() {

var time=new Date();

document.clock.full.value=time.toLocaleString();

setTimeout('fulltime()',500)

}

//-->

</script>

<form name=clock>

<input type=text size=19 name=full>

</form>

<script language="JavaScript">

<!--

fulltime();

//-->

</script>

 

<title>фитнес-клуб</title>

</head><body   background="7739381.png">

<table  align="center"  cellspacing="40">

<tr>

<td  colspan="2"  align="center"><font  size="7" >Фитнес-клуб "Energy"</font></td>

</tr>

<tr>

<td  width="200"  valign="top"><a href="главная.htm">Главная</a><br><br>

<a href="онас.htm">Онас</a><br><br>

<a href="тренеры.htm">Тренеры</a><br><br>

<a href="фотогалерея.htm">Фотографии</a><br><br>

<a href="контакты.htm">Контакты</a>

</td><td  width="500"><h1>Добропожаловать!!!</h1><p>

Фитнес-клуб "Energy" - это энергия твоего тела! </p><p>

  Окунись в источник  позитива, солнечной энергии и  хорошего настроения.</p><p>

  Горящие глаза, огромное  желание жить, творить и наслаждаться  жизнью - это лишь малая часть  того, что мы можем подарить  вам, если Вы посетите наш  клуб!

</p><p>

  Цель: согнать лишний  вес, создать идеальную фигуру, укрепить здоровье.

</p><p>

  Срок: минимальный.

</p><p>

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

</p><p>

  Решение: ФИТНЕС-КЛУБ "ENERGY"

</p><p>

  Подробности и запись  на занятия - у администратора  клуба по телефону 888-888

</p></td>

</tr><tr>

<td  colspan="2"  align="center"><imgsrc="2vM-fsPNSco.jpg" width="604" height="401" alt="" /></td>

</tr>

</table><p  align="center">

<font>©2013 Фитнес-клуб "Energy"</font>

</p>

</body>

</html>

 

Листинг кода страницы «О нас»

 

Рисунок 2. – Страница «О нас»

<html>

<head><script language="JavaScript">

<!--

function fulltime() {

var time=new Date();

document.clock.full.value=time.toLocaleString();

setTimeout('fulltime()',500)

}

//-->

</script>

<form name=clock>

<input type=text size=19 name=full>

</form>

<script language="JavaScript">

<!--

fulltime();

//-->

</script>

<title>фитнес-клуб</title>

</head><body  background="7739381.png">

<table  align="center"  cellspacing="40">

<tr>

<td  colspan="2"  align="center"><font  size="7" >Фитнес-клуб "Energy"</font></td>

</tr>

<tr>

<td  width="200"  valign="top"><a href="главная.htm">Главная</a><br><br>

<a href="онас.htm">Онас</a><br><br>

<a href="тренеры.htm">Тренеры</a><br><br>

<a href="фотогалерея.htm">Фотографии</a><br><br>

<a href="контакты.htm">Контакты</a>

</td><td  width="500"><h1>Оклубе</h1><p>

"Energy" - это активная жизненная позиция! Приятная обстановка и все условия для занятия фитнесом, поддержания здоровья и красоты вашего тела. К вашим услугам тренажерный зал с профессиональным оборудовнием ведущих мировых производителей.

</p><p>

  Фитнес инструкторы  клуба "Energy" - высококвалифицированные специалисты с профильным образованием, готовые всегда придти на помощь в ваших начинаниях.

</p><p>

  Цель: согнать лишний  вес, создать идеальную фигуру, укрепить здоровье.

</p><p>

  Срок: минимальный

</p><p>

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

</p><p>

  Решение: фитнес-клуб "Energy" - выбор успешных людей, привыкших побеждать!

</p></td>

</tr><tr>

<td  colspan="2"  align="center"><imgsrc="u08i9EUnaTaRmOpluskYlgECQ==.jpg" width="650" height="366" alt="" /></td>

</tr>

</table><p  align="center">

<font>©2013 Фитнес-клуб "Energy"</font>

</p>

</body>

</html>

Листинг кода страницы «Тренеры»

 

Рисунок 4. – Страница «Тренеры»

<html>

<head><script language="JavaScript">

<!--

function fulltime() {

var time=new Date();

document.clock.full.value=time.toLocaleString();

setTimeout('fulltime()',500)

}

//-->

</script>

<form name=clock>

<input type=text size=19 name=full>

</form>

<script language="JavaScript">

<!--

fulltime();

//-->

</script>

<title>фитнес-клуб</title>

</head><body   background="7739381.png">

<table  align="center"  cellspacing="40">

<tr>

<td  colspan="2"  align="center"><font  size="7" >Фитнес-клуб "Energy"</font></td>

</tr>

<tr>

<td  width="200"  valign="top"><a href="главная.htm">Главная</a><br><br>

<a href="онас.htm">Онас</a><br><br>

<a href="тренеры.htm">Тренеры</a><br><br>

<a href="фотогалерея.htm">Фотографии</a><br><br>

<a href="контакты.htm">Контакты</a>

</td><td><table  border="3">

<tr><fontsize="5"  color="navy">Инфрмация о наших тренерах:</font>

<td>№</td><td>Тренер</td><td>Дата рождения</td><td>Занятия</td>