Создание web-узла, посвященного городу Магадан

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

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

Фрагмент текста работы

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

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

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

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

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

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

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

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

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

Группа:         АМ-509

Студентка:    Товстан Е.В.

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


Содержание

1.    Задание. 3

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

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

4. Исходные тексты.. 6

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

Список литературы: 16


1.  Задание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

Созданный узел имеет простую структуру. Окно содержит шапку, состоящую из 3 слоев. Слева присутствует меню для навигации по сайту. По центру выводиться запрошенная страница. Справа прикреплена гостевая книга(index1.php). Также внизу слева расположен графический счетчик (Рис.1). Меню содержит ссылки на другие страницы.. Кроме того там же содержит графический счётчик посещений. Счётчик реализован в скрипте check.php. Сам счётчик хранится в файле counter.dat, скрипт лишь выводит его поверх заданной картинки. Надпись на этой картинке выглядит следующим образом: «:$counter», где $counter – счётчик читаемый из файла.

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


Гостевая книга (рис. 2) реализована в скрипте guestbook.php. Основная идея – это чтение и запись сообщений из/в БД guestbook.

Рис.2 Вид страницы Гостевой книги

Флаг и герб (рис.3)

Рис.3 Вид страницы Флаг и Герб

Фото (рис.4)

Рис.4 Вид страницы Фото

4. Исходные тексты

Файл index.php

<!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>Untitled Document</title>

<link rel="stylesheet" type="text/css" media="all" href="Style.css">

<script language="JavaScript">

function clickHandler()

{ var targetId, srcElement,

targetElement; srcElement = window.event.srcElement;

if (srcElement.className == "Outline") {

targetId = srcElement.id + "details";

targetElement = document.all(targetId);

if (targetElement.style.display == "none") {

targetElement.style.display = "";

} else {

targetElement.style.display = "none";

} }} document.onclick = clickHandler;

</script>

</head>

<body  background="2.jpg" >

<?

$link=$_GET['link'];

if ($link == 4) { $url = "infos23.html"; }

if ($link == 5) { $url = "infos22.html"; }

if ($url == "") { $url = "hello.txt"; }

?>

<div  id="container">

<div id="t_left"></div>

Похожие материалы

Информация о работе

Тип:
Расчетно-графические работы
Размер файла:
2 Mb
Скачали:
0