Разработка сайта образовательного учреждения
Цель работы:
- получить навыки разработки Web-страниц и составления к нему моделей UML.
Задачи:
разработать сайт образовательного учреждения. составить диаграммы UML: вариантов использования, состояний, компонентов. получить навыки по компоновке текстовой информации и созданию гипертекстовых документов с использованием простых текстовых редакторов; познакомиться с синтаксисом, основными тегами и атрибутами языка HTML; научиться формировать гипертекстовые ссылки и списки и создавать на этой основе связанные гипертекстовые страницы; научиться создавать скрипты на языке JavaScript в HTML документах; научиться использовать DHTML для улучшения дизайна Web-страниц.
Требования к сайту
Индексная страница сайта обязательно должна содержать frame-структуру (наличие минимум 3-х фрэймов). Можно использовать таблицы и слои. В одном из фрэймов должен присутствовать модуль навигации по сайту (меню должно содержать минимум 5 опций). Например, 1 - Главная (домашняя) страница, 2 - Прайс-лист, 3 - Фото (каталог) товаров, 4 - Справочная информация, 5 - О фирме, 6 - Офис; 7 - Партнёры; 8 - Вакансии; 9 - Потребности; 10 - Сервисы. Информация о предоставляемых услугах (товарах) должна храниться в XML – файле и визуализироваться с помощью XSL!!! В одном из фрэймов обязательно наличие анимированного логотипа компании. Предусмотреть использование CSS и JavaScript. Сайт должен быть размещен на бесплатном хостинге.
Ход работы:
Сайт размещен на хостинге: .....
Html код и скриншот default.htm:
<html>
<title>Учреждение образования СШ №2</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta http-equiv="Content-Language" content="ru"/>
<link href="/css.css" rel="stylesheet" type="text/css" />
</head>
<frameset BORDER="0" rows="20%, 80%">
<frame src="/logo.html" name="logo">
<frameset cols="15%, 85%">
<frame src="/2.html" name="left">
<frame src="/index.html" name="right">
</frameset>
</frameset>
</html>
Html код и скриншот O.htm:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Подарочный сертификат салона красоты "Бонжур" - Учреждение образования СШ №2</title>
<link rel="shortcut icon" href="/ris/favicon0.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta http-equiv="Content-Language" content="ru"/>
<link href="/css.css" rel="stylesheet" type="text/css" />
</head>
Список использованной литературы:
-
