Проектирование и реализация web–сайта "BMW автомобильный концерн" объемом 5–10 экранов

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

Новосибирский государственный технический университет

Кафедра ПСиБД

Расчетно-графическое задание по курсу

Системного и прикладного программного обеспечения

Факультет: ПМИ

Группа: ПМ-72

Студенты: Щеголев В. С. и Чернов А. К.

Преподаватель: Неделько В.М.

Новосибирск 2008

1. Аннотация к сайту

Тематика сайта – «BMW автомобильный концерн». На сайте можно найти:

·  По тематике: историю, модели BMW, информацию о BMW Z4

·  По объектам сайта: таблицы, использование скриптов на JavaScript, который выводит текущее время, а также показывает бегущую строку «информационный центр концерна BMW».

2. Техническое задание на разработку

Спроектировать и реализовать Web–сайт, объемом 5–10 экранов, путем непосредственного написания HTML–кода.

Требования к Web–сайту:

·  Разбивка сайта на ряд связанных страниц.

·  Законченность дизайна, цельность и единство стиля для всех страниц.

·  Ссылки на внешние документы.

·  Использование изображений.

·  Использование JavaScript или CSS.

3. Обоснование выбора средств реализации (языковых)

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

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

4.  Структура сайта

С любой страницы сайта мы можем попасть на главную а так же на любую страницу из пункта меню.

5.  Особенности дизайна отдельных страниц

Верхнее поле фрейма, где располагается меню, содержит два скрипта:

1.  Текущии дата и время

<script language="JavaScript">

function fulltime() {

       var time=new Date();

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

       setTimeout('fulltime()',500)

}

</script>

<center>

<form name=clock>

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

</form>

<script language="JavaScript">

fulltime();

</script>

</center>

2.  Бегущая строка:

<script language="JavaScript">

var line="Информационный центр концерна BMW";

var speed=150;

var i=0;

function m_line()

{

              if(i++<line.length) {

                                         document.cit.forum.value=line.substring(0,i);

                                              }

else   {

              document.cit.forum.value=" ";

              i=0;

       }

setTimeout('m_line()',speed);

}

</script>

<center>

<form name=cit>

<input type=text size=40 name=forum>

</form>

</center>

<script language="JavaScript">

m_line();

</script>

7. Оценка полученного результата

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