Федеральное агентство по образованию ГОУ ВПО Уфимский государственный авиационный технический университет Кафедра информатики ОТЧЕТ ПО ЛАБОРАТОРНОЙ РАБОТЕ №1 по дисциплине: «Компьютерные технологии в науке и производстве» на тему: «УСТАНОВКА И НАСТРОЙКА WEB–СЕРВЕРА» Выполнил: магистрант гр. АД-525М Агзамов Д.В. «16».12.2009 г. Проверил: канд.техн.наук, доцент Минасов Ш.М. «__» ____ 2009 г. Оценка «___» Уфа – 2009 Цель работы: приобретение практических навыков в области создания интерактивных Web-приложений, работающих в режиме реального времени. Индивидуальное задание. В качестве индивидуального задания был разработан комплект html-документов с персональной информацией. На главной странице была представлена информация: личная фотография, ВУЗ, факультет, группа. Были размещены контактные данные: адрес электронной почты, ссылка на страницу «Вконтакте». Также были ссылки на три html-документа: фотоальбом (с моими фотографиями), отчеты по лабораторным работам и Дополнительная информация (на стадии разработки). Отображение html-документа главной страницы в браузере изображено на рис. 1 Рисунок 1 – Графическая форма главной страницы Листинг исходного кода html документа «index.html»: <HTML> <HEvwAD> <TITLE>Страничка Агзамова Дмитрия Вадимовича | Главная</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Windows1251"> </HEAD> 2 <center> <body bgColor=000000 lang=RU> <TABLE background="foto\bg.jpg" border=0 align=left cellspacing=30 cellpadding=0 width=1240 height=880> <TR> <TD height=100> </TD> </TR> <TR> <TD width=240 valign=top> <TABLE> <TD height=50 valign=top><a href="index.html"> </a></center></TD> </TR> <TR> <TD height=50 valign=top><a href="foto.html">Фотоальбом</a></center></TD> </TR> <TR> <TD height=50 valign=top><a href="lab.html">Лабораторные работы</a></TD> </TR> <TR> <TD height=50 valign=top height=400><a href="dop.html">Дополнительная информация</a></center></TD> </TABLE> </TD> <TD width=850 valign=top> <TABLE align=right> <TR> <TD valign=top height=280 align=right> </TD> </TR> <TR> <TD valign=top width=400 align=right>Я учусь в УГАТУ, на факультете АД, в группе АД-525М</TD> </TR> <TR> <TD valign=top align=right>Являюсь вокалистом группы <a target="_blank" href="http://vkontakte.ru/club10068830">"Polina The Puzzle"</a></TD> </TR> <TR> <TD valign=top align=right><a target="_blank" href="http://vkontakte.ru/id86346">Моя страничка Вконтакте</a> </TR> <TR> <TD valign=top align=right><a href="mailto:_dim_@mail.ru">E-mail</a>: _dim_@mail.ru</TD> </TR> </TABLE> </TD> </TR> </TABLE> </center> </body> </HTML> Отображение html-документа страницы «Фотоальбом» в браузере на рис. 2 3 Рисунок 2 – Графическая форма страницы «Фотоальбом» Листинг исходного кода html документа «foto.html» <HTML> <HEAD> <TITLE>Страничка Агзамова Дмитрия Вадимовича | Фотоальбом</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Windows1251"> </HEAD> <center> <body bgColor=000000 lang=RU> <TABLE background="foto\bg.jpg" border=0 align=left cellspacing=30 cellpadding=0 width=1240 height=880> <TR> <TD height=100> </TD> </TR> <TR> <TD width=240 valign=top> <TABLE> <TD height=50 valign=top><a href="index.html">Главная</a></center></TD> </TR> <TR> <TD height=50 valign=top><a href="foto.html">Фотоальбом</a></center></TD> 4 </TR> <TR> <TD height=50 valign=top><a href="lab.html">Лабораторные работы</a></TD> </TR> <TR> <TD height=50 valign=top height=400><a href="dop.html">Дополнительная информация</a></center></TD> </TABLE> </TD> <TD width=900 valign=top> <a target="_blank" href="foto\1.jpg"><img src="foto\1small.jpg" hspace=5 vspace=5></a> <a target="_blank" href="foto\2.jpg"><img src="foto\2small.jpg" hspace=5 vspace=5></a> <a target="_blank" href="foto\3.jpg"><img src="foto\3small.jpg" hspace=5 vspace=5></a> <a target="_blank" href="foto\4.jpg"><img src="foto\4small.jpg" hspace=5 vspace=5></a> <a target="_blank" href="foto\5.jpg"><img src="foto\5small.jpg" hspace=5 vspace=5></a> <a target="_blank" href="foto\6.jpg"><img src="foto\6small.jpg" hspace=5 vspace=5></a> <a target="_blank" href="foto\7.jpg"><img src="foto\7small.jpg" hspace=5 vspace=5></a> <a target="_blank" href="foto\8.jpg"><img src="foto\8small.jpg" hspace=5 vspace=5></a> </TD> </TR> </TABLE> </center> </body> </HTML> Отображение html-документа страницы «Лабораторные работы» в браузере на рис. 3 5 Рисунок 3 – Графическая форма страницы «Лабораторные работы» Листинг исходного кода html документа «lab.html»: <HTML> <HEAD> <TITLE>Страничка Агзамова Дмитрия Вадимовича | Лабораторные работы</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Windows1251"> </HEAD> <center> <body bgColor=000000 lang=RU> <TABLE background="foto\bg.jpg" border=0 align=left cellspacing=30 cellpadding=0 width=1240 height=880> <TR> <TD height=100> </TD> </TR> <TR> <TD width=240 valign=top> <TABLE> <TD height=50 valign=top><a href="index.html">Главная</a></center></TD> </TR> <TR> <TD height=50 valign=top><a href="foto.html">Фотоальбом</a></center></TD> 6 </TR> <TR> <TD height=50 valign=top><a href="lab.html">Лабораторные работы</a></TD> </TR> <TR> <TD height=50 valign=top height=400><a href="dop.html">Дополнительная информация</a></center></TD> </TABLE> </TD> <TD width=900 valign=top> <a href="files\laba_1.doc"><font size=5 color="black">Скачать отчет по 1 лабораторной работе</font></a> </TD> </TR> </TABLE> </center> </body> </HTML> Отображение html-документа страницы «Дополнительная информация» в браузере на рис. 4 Рисунок 4 – Графическая форма страницы «Дополнительная информация» 7 Листинг исходного кода html документа «dop.html»: <HTML> <HEAD> <TITLE>Страничка Агзамова Дмитрия Вадимовича | Дополнительная информация</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Windows-1251"> </HEAD> <center> <body bgColor=000000 lang=RU> <TABLE background="foto\bg.jpg" border=0 align=left cellspacing=30 cellpadding=0 width=1240 height=880> <TR> <TD height=100> </TD> </TR> <TR> <TD width=240 valign=top> <TABLE> <TD height=50 valign=top><a href="index.html">Главная</a></center></TD> </TR> <TR> <TD height=50 valign=top><a href="foto.html">Фотоальбом</a></center></TD> </TR> <TR> <TD height=50 valign=top><a href="lab.html">Лабораторные работы</a></TD> </TR> <TR> <TD height=50 valign=top height=400><a href="dop.html">Дополнительная информация</a></center></TD> </TABLE> </TD> <TD width=900 valign=top> <font size=5>Извините, раздел находтся на стадии разработки </TD> </TR> </TABLE> </center> </body> </HTML> Вывод: проделав лабораторную работу, приобретены практические навыки в области создания интерактивных Web-приложений. Были изучены основы языка HTML (HyperText Markup Language), с помощью которого были созданы web-страницы. Также в лабораторной работе изучен программный продукт Apache, являющийся бесплатным и самым распространенным webсервером в мире, изучены его возможности и конфигурации, которые позволяют настроить его для работы практически с любой конкретной системой. 8 Список использованной литературы: 1. The Apache Software Foundation. Документация к HTTP серверу Apache версии 3. http://httpd.apache.org/docs/2.0/, 2006. 2. Мохаммед Дж. Кабир. Сервер Apache 2. Библия пользователя – Спб.:Диалектика, 2002. – 672 c. 3. РНР: настольная книга программиста /Александр Мазуркевич, Дмитрий Меловой. – Мню.: Новое знание, 2003. – 480 с. 4. Скотт Хокинс. Администрирование Web-сервера Apache и руководство по электронной коммерции, – М.:Вильямс, 2001. – 336 с. 9