МОСКОВСКИЙ ГОСУДАРСТВЕННЫЙ ИНСТИТУТ ЭЛЕКТРОНИКИ И МАТЕМАТИКИ
(ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ)
Кафедра вычислительной техники
Методические указания к лабораторным работам по курсу
“Информационные технологии”
Москва, 2004
Оглавление
Лабораторная работа №1 3
Лабораторная работа №2 6
Лабораторная работа №3 9
Лабораторная работа №4 12
Лабораторная работа №5 15
Приложение. Установка Apache, PHP и MySQL 19
Подготовительные работы 19
Установка Apache 19
Установка PHP 21
Установка MySQL 22
Список литературы 24
Лабораторная работа №1
Разработка текстовой версии персонального сайта студента
Программное обеспечение
Для выполнения лабораторной работы необходимо следующее ПО:
Редактор HTMLдокументов (желательноHomeSite4.5 и выше)
Файловый менеджер (желательно WindowsCommander4.0 и выше)
Браузер (желательно InternetExplorer5.0 и выше)
Веб сервер Apache1.3.27 и выше
Задание
Определить название сайта
Название сайта будет использоваться в заголовках документов и при проектировании стартовой страницы (л/р №2)
Определить список разделов сайта
Сайт должен содержать не менее трех разделов. Разделы могут быть выбраны из следующего списка: биография, резюме, друзья, институт, полезные ссылки, домашние животные, хобби, фотогалерея, контактная информация. Допускается наличие разделов, не указанных в списке.
Подготовить информацию для заполнения разделов сайта
Для каждого раздела сайта необходимо подготовить текстовый файл, содержащий информацию, которая будет помещена в разделе. Для разделов, содержащих графическую информацию (например фотогалерея) необходимо подготовить список графических изображений.
Определить количество страниц для каждого раздела сайта
В зависимости от количества размещаемой информации, раздел может быть представлен одной или несколькими страницами. Разбиение раздела на страницы не должно нарушать логическую целостность представленного материала.
Разработать систему навигации между разделами и внутри разделов сайта.
Система навигации между разделами как правило реализуется при помощи ссылок, выполненных в виде горизонтального или вертикального меню. Навигация между разделами организуется таким образом, чтобы можно было с любой страницы любого раздела перейти на первую страницу любого раздела.
Навигация между страницами раздела (в случае, если раздел разбит на несколько страниц) реализуется в виде списка ссылок, присутствующего на каждой странице раздела. Таким образом, находясь внутри раздела, посетитель может осуществить переход с одной страницы на любую другую за один клик (щелчок мышки)..
Описанная выше система навигации позволяет посетителю переходить с любой страницы любого раздела сайта на любую страницу любого раздела за один-два клика.
Заполнить таблицу документов
Разработанная система навигации позволяет заполнить таблицу, описывающую структуру сайта с точки зрения связей между документами. Файлы должны быть сгруппированы по разделам. Таблица должна иметь следующий вид:
|
№ п/п |
Название HTML файла |
Раздел |
Номера связанных документов |
Создать HTMLдокументы без использования графики.
Согласно таблице документов (п.5) необходимо создать HTMLдокументы (без использования графики), содержащие подготовленную ранее (п.2) информацию.
Проверить созданный сайт на предмет наличия ошибок.
При помощи браузера необходимо проверить корректность ссылок и отображения материалов на всех страницах сайта.
Отчет
Отчет о выполнении лабораторной работы должен содержать следующие разделы:
Титульный лист
Название сайта
Список разделов сайта
Таблицу документов
Текст одного HTMLдокумента, входящего в состав сайта, по выбору учащегося.
Защита
Защита лабораторной работы осуществляется в специально отведенное время в дисплейном классе института. Для защиты необходимо предоставить отчет о выполнении лабораторной работы и продемонстрировать текстовую версию сайта.
Перед демонстрацией сайт должен быть помещен на выделенный сервер при помощи FTPклиента. Логин и пароль для доступа к персональному каталогу учащегося на сервере должен быть получен у преподавателя. Демонстрация работоспособности сайта осуществляется на рабочей станции дисплейного класса путем загрузки страниц сайта с сервера программой просмотра страниц (браузером).
Учащийся допускается к защите ТОЛЬКО ПРИ НАЛИЧИИ отчета и демонстрационной версии сайта.
Пример
Название разрабатываемого сайта: Персональный сайт Иванова И.И.
Сайт содержит разделы: Резюме, Биография, Проекты. Каждый раздел представлен одной страницей
Таблица документов:
|
№ п/п |
Название HTML файла |
Раздел |
Номера связанных документов |
|
1 |
res.html |
Резюме |
2,3 |
|
2 |
bio.html |
Биография |
1,3 |
|
3 |
proj.html |
Проекты |
1,2 |
Текст файла res.html
<html>
<head>
<title>Персональный сайт Иванова И.И. Резюме</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="keywords" content="Иванов, персональный сайт, резюме">
</head>
<body bgcolor="#CCCCCC">
<center><font size="5" color="Teal">Резюме</font></center>
<hr size="1" width="100%">
<table width="100%" cellspacing="10" cellpadding="0" border="0">
<tr>
<td width="200" valign="top">
<a href="res.html"><font size="4" color="Teal">Резюме</font></a><br><br>
<a href="#"><font size="4" color="Teal">Биография</font></a><br><br>
<a href="#"><font size="4" color="Teal">Проекты</font></a>
</td>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<b>Ф.И.О:</b> Иванов Иван Иванович<br>
<b>Дата рождения:</b> 1 января 1970г.<br>
<b>Семейное положение:</b> холост<br>
<b>Домашний телефон:</b> 111-11-11<br>
<b>E-mail:</b> ivanov@mail.ru<br><br>
<b><u>Образование</u></b><br>
Московский государственный институт Электроники и Математики (МГИЭМ).<br>
<b>Специальность:</b> вычислительные машины, комплексы, системы и сети.<br><br>
<b><u>Опыт работы</u></b><br>
1995-2004 ООО "СуперСофт"<br>
<b>Должность:</b> системный администратор<br><br>
<b><u>Профессиональные навыки</u></b><br>
<b>ОС:</b> MS Windows 9x/2000/XP, UNIX<br>
<b>Языки программирования:</b> C/С++, Visual Basic<br>
<b>Программные продукты:</b> MS Office, MS Visio<br><br>
<b><u>Дополнительные сведения</u></b><br>
<b>Личные качества:</b> аккуратность, педантичность, обучаемость<br>
<b>Увлечения:</b> музыка, литература, спорт, компьютерные игры<br>
<b>Прочее:</b> Английский язык (технический)
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Лабораторная работа №2
Модификация персонального сайта студента с использованием графики
Программное обеспечение
Для выполнения лабораторной работы необходимо следующее ПО:
Редактор HTMLдокументов (желательноHomeSite4.5 и выше)
Графический редактор (желательно AdobePhotoshop5.5 и выше)
Файловый менеджер (желательно WindowsCommander4.0 и выше)
Браузер (желательно InternetExplorer5.0 и выше)
Веб сервер Apache1.3.27 и выше
Задание
Разработать стартовую страницу сайта
Стартовая страница (точка входа) является первой страницей, которую видит пользователь при загрузке сайта. Стартовая страница должна содержать название сайта, фотографию создателя сайта и ссылку на первый раздел сайта. Название сайта на стартовой странице должно быть выполнено в виде графического изображения.
Разработать графическое меню
Необходимо реализовать систему навигации между разделами сайта в виде графического меню. Каждый пункт меню должен представлять собой графическое изображение, являющееся ссылкой на соответствующий раздел сайта.
Заполнить таблицу документов
Необходимо заполнить таблицу, описывающую структуру сайта с точки зрения связей между документами.
|
№ п/п |
Название HTML файла |
Раздел |
Номера связанных документов |
Заполнить таблицу изображений
Таблица изображений описывает параметры всех графических изображений, присутствующих на сайте, а так же связи графических изображений и документов.
|
№ п/п |
Название файла |
Длина изображения (пикселы) |
Ширина Изображения (пикселы) |
Размер файла (байты) |
Присутствует в документах (номера из табл. документов) |
Отчет
Отчет о выполнении лабораторной работы должен содержать следующие разделы:
Титульный лист
Таблицу документов
Таблицу изображений
Текст стартовой страницы сайта
Текст одного HTMLдокумента, входящего в состав сайта, по выбору учащегося.
Защита
Защита лабораторной работы осуществляется в специально отведенное время в дисплейном классе института. Для защиты необходимо предоставить отчет о выполнении лабораторной работы и продемонстрировать графическую версию сайта.
Перед демонстрацией сайт должен быть помещен на выделенный сервер при помощи FTPклиента. Логин и пароль для доступа к персональному каталогу учащегося на сервере должен быть получен у преподавателя. Демонстрация работоспособности сайта осуществляется на рабочей станции дисплейного класса путем загрузки страниц сайта с сервера программой просмотра страниц (браузером).
Учащийся допускается к защите ТОЛЬКО ПРИ НАЛИЧИИ отчета и демонстрационной версии сайта.
Пример
Таблица изображений (в данном примере не содержит информации о стартовой странице сайта)
|
№ п/п |
Название файла |
Длина изображения (пикселы) |
Ширина Изображения (пикселы) |
Размер файла (байты) |
Присутствует в документах (номера из табл. документов) |
|
1 |
res.gif |
157 |
47 |
494 |
1,2,3 |
|
2 |
bio.gif |
157 |
47 |
607 |
1,2,3 |
|
3 |
proj.gif |
157 |
47 |
537 |
1,2,3 |
Текст файла res.html
<html>
<head>
<title>Персональный сайт Иванова И.И. Резюме</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="keywords" content="Иванов, персональный сайт, резюме">
</head>
<body bgcolor="#CCCCCC">
<center><font size="5" color="Teal">Резюме</font></center>
<hr size="1" width="100%">
<table width="100%" cellspacing="10" cellpadding="0" border="0">
<tr>
<td width="200" valign="top">
<a href="res.html"><img src="img/res.gif" width="157" height="47" alt="Резюме" border="0"></a><br><br>
<a href="#"><img src="img/bio.gif" width="157" height="47" alt="Биография" border="0"></a><br><br>
<a href="#"><img src="img/proj.gif" width="157" height="47" alt="Проекты" border="0"></a>
</td>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<b>Ф.И.О:</b> Иванов Иван Иванович<br>
<b>Дата рождения:</b> 1 января 1970г.<br>
<b>Семейное положение:</b> холост<br>
<b>Домашний телефон:</b> 111-11-11<br>
<b>E-mail:</b> ivanov@mail.ru<br><br>
<b><u>Образование</u></b><br>
Московский государственный институт Электроники и Математики (МГИЭМ).<br>
<b>Специальность:</b> вычислительные машины, комплексы, системы и сети.<br><br>
<b><u>Опыт работы</u></b><br>
1995-2004 ООО "СуперСофт"<br>
<b>Должность:</b> системный администратор<br><br>
<b><u>Профессиональные навыки</u></b><br>
<b>ОС:</b> MS Windows 9x/2000/XP, UNIX<br>
<b>Языки программирования:</b> C/С++, Visual Basic<br>
<b>Программные продукты:</b> MS Office, MS Visio<br><br>
<b><u>Дополнительные сведения</u></b><br>
<b>Личные качества:</b> аккуратность, педантичность, обучаемость<br>
<b>Увлечения:</b> музыка, литература, спорт, компьютерные игры<br>
<b>Прочее:</b> Английский язык (технический)
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>