Информатика и выч. техника \ Инфокоммуникации

Создание web-узла для демонстрации навыков web-программирования, полученных в курсе лабораторных работ

Страницы работы

17 страниц (Word-файл)

Посмотреть все страницы

Скачать файл

Содержание работы

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

ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ

ГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО

ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ

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

Расчётно-графическая работа

По дисциплине: «Инфокоммуникации»

«Создание web-узла»

Факультет: АВТ Преподаватель: Новицкая Ю.В.

Группа: АМ-411

Студент: Турышев Н.И.

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

Содержание

Содержание. 2

1. Задание. 3

2. Описание назначения созданного узла. 4

3. Вид и описание структуры созданного узла. 4

4. Описание средств и методов, использованных при создании web-узла. 4

5. Исходные тексты.. 7

Выводы по работе: 16

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

1. Задание

Тема: Создание web-узла.

Задание: Разработать структуру web-узла и реализовать web-узел.

При реализации web-узла использовать средства статического и динамического HTML, JavaScript, PHP.

При реализации web-узла использовать каскадные таблицы стилей, таблицы, формы, слои (или фреймы).

Web-узел должен иметь удобную систему навигации. Информационное наполнение web-узла – произвольное.

Кроме прочей информации web-узел должен содержать:

- графический счетчик посещений;

- доску объявлений или книгу отзывов посетителей узла.

Пояснительная записка к расчетно-графической работе:

Содержание пояснительной записки:

- титульный лист;

- задание на расчетно-графическую работу (данный лист);

- описание назначения созданного web-узла

- вид и описание структуры созданного web-узла;

- описание средств и методов, использованных при создании web-узла;

- вид главной страницы узла;

- вид прочих страниц узла (по выбору автора);

- исходные тексты с комментариями (если исходные тексты занимают слишком большой объем, то только основные, по выбору автора);

- список использованной литературы и/или адресов www.

2. Описание назначения созданного узла

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

3. Вид и описание структуры созданного узла

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

Схематично структуру созданного узла можно представить следующим образом (рис. 1).

Рис.1 Структура созданного web-узла

4. Описание средств и методов, использованных при создании web-узла

Страница index.html, состоит из трёх фреймов (верхний – Frame-1.htm, левый нижний (панель пользователя) Frame-3.htm и нижний - Frame-2.htm). Все страницы стилизованы при помощи style.css.

Фрейм Frame-3.htm (левый нижний) содержит ссылки на другие страницы (рис. 2): Frame-2.htm (Главная), LR2.html, LR3.html, guestbook.php. Графический счётчик посещений содержит фрейм Frame - 1. Счётчик реализован в скрипте button.php. Сам счётчик хранится в файле counter.txt, скрипт лишь выводит его поверх заданной картинки. Надпись на этой картинке выглядит следующим образом: «$counter», где $counter – счётчик читаемый из файла.

Во фрейме Frame-2.htm (нижний) отображаются все страницы.

При реализации страницы Frame-2.htm были использованы средства статического HTML и CSS.

Страница LR2.html (рис. 3) содержит Java-скрипты, демонстрирующие возможности работы с цветом, временем и экраном браузера. При переходе по ссылке в нижнем фрейме отображается страница LR2.html. Эта страница содержит созданную с помощью JavaScript мозаику, в которой необходимо собрать предложенную картинку. Также имеется функция автоматической сборки.

Страница LR3.html (рис. 4) содержит форму, которая обрабатывается php-скриптом. PHP-скрипт, получая их через переменную окружения методом POST. При заполнении формы, данные посылаются скрипту pdd.php, который обрабатывает их и выставляет соответствующую оценку.

Рис.2 Вид главной страницы узла