Главная страница Случайная страница
КАТЕГОРИИ:
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Руководитель
|
|
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ
УЧРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ
" МУРМАНСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ"
Кафедра информационных систем
и прикладной математики
Разработка веб-сайта
Пояснительная записка к расчетно-графическому заданию № 2
по дисциплине «Информатика и информационные технологии в профессиональной деятельности»
Выполнил
| Студент | Радько А.А. | ||
| ФИО студента | Подпись | ||
| Группа | ПД-131 | ||
| Номер группы | |||
| Дата сдачи РГЗ |
Руководитель
| ст. преподаватель | Моисеева В.И. | |||||
| Должность преподавателя | ФИО преподавателя | Подпись | Дата |
ВВЕДЕНИЕ
На сайте представлена актуальная на сегодняшний день информация, полученная в ходе исследования суицидального поведения в мире.
Суицид (от англ. suicide —самоубийство) — акт самоубийства, совершаемый субъектом в состоянии сильного душевного расстройства либо под влиянием психического заболевания, осознанный акт устранения из жизни под воздействием острых психотравмирующих ситуаций.
Философы были первыми, кто обратил свое внимание на сознательный уход из жизни как на объект научного анализа. Самоубийство рассматривалось философами в совокупности с другими важными философскими проблемами, такими как свобода выбора, смысл жизни и др. Так, античные стоики считали возможность самоубийства высшим проявлением свободы человека перед лицом трудных жизненных обстоятельств. Особое внимание самоубийству как явлению современной культуры оказывали представители экзистенциальной философии – например, Альбер Камю.
На сайте представлены результаты работы, а именно: рассмотрен эффект Вертера как социальный феномен; выявлена взаимосвязь между деструктивными сектами и поведением людей; определена специфика суицидального поведения в армии и местах лишения свободы; указана возможность существования суицида в животном мире; представлен список популярных мест для суицида.
1. ПЛАНИРОВАНИЕ ВЕБ–САЙТА
Цель работы: ознакомить пользователя с результатами исследования суицидального поведения в современном мире посредством их опубликования на разработанном веб–сайте.
Аудитория, на которую рассчитан веб–сайт. Сайт предполагает ограниченную аудиторию, так как содержит информацию о суицидальном поведении.
Обратная связь осуществляется посредством электронной почты. Для удобства создано два аккаунта: в Gmail.com и Mail.ru. С адресами почты можно ознакомиться на странице разработанного сайта (см. страницу «Обратная связь»).
Обновление сайта будет осуществляться по мере поступления актуальной информации для исследования.
Веб–сайт состоит из семи разделов:
— Главная страница;
— Эффект Вертера;
— Деструктивный культ;
— Суицидальное поведение в закрытых социальных группах: армии и местах лишения свободы;
— Суицидальное поведение в животном мире;
— Популярные места для самоубийств.
Сайт имеет иерархическую структуру. Использование такой структуры на сайте гарантирует его более правильную индексацию поисковыми машинами, так как поисковый робот, следуя меню, с большей долей вероятности обойдет все необходимые страницы. Также использование такой структуры делает навигацию на сайте более понятной для пользователей.
2. РЕАЛИЗАЦИЯ ВЕБ–САЙТА
На сайте присутствует и текстовая, и графическая информация. В графическом редакторе CorelDraw был разработан логотип.
Дизайн домашней страницы. В качестве фона использовано графическое изображение. В тексте расположен маркированный список (см. приложение).
Навигация по сайту осуществляется посредством гиперссылок: гиперссылки на документ, на почтовый адрес (см. страницу «Обратная связь»), гиперссылка на метку (см. страницу «Деструктивный культ»), созданная с помощью якоря с именем, и гиперссылка из рисунка (см. страницу «Эффект Вертера»); оглавлений. Пользователь, двигаясь по сайту, целенаправленно перемещается от общего к частному.
Программное обеспечение, выбранное для верстки веб–сайта. В ходе разработки веб–сайта было использовано программное обеспечение NVU.
Nvu – это HTML – редактор, основанный на компоненте Composer пакета Mozilla Application Suite. Был анонсирован как кроссплатформенная, с открытыми исходниками альтернатива таким редакторам, как Microsoft FrontPage или Macromedia Dreamweaver, однако не достиг их функциональности. Один из первых HTML-редакторов для Linux.
Разработка. Проект был начат и спонсируется компанией Linspire. Linspire нанял Дэниела Глазмана, ранее работавшего в Netscape. В настоящее время Дэниел Глазман является руководителем проекта Nvu.
Доступны версии Nvu для операционных систем Linux, Mac OS X и Microsoft Windows. В данный момент редактор не поддерживается разработчиком. 14 июля 2006 года разработчиком Fabien Cazenave на основе исходного кода Nvu был выпущен HTML-редактор KompoZer.
Расширения. Nvu поддерживает некоторые расширения Firefox, которые увеличивают его функциональность. Также существуют расширения, специально написанные для Nvu.
ЗАКЛЮЧЕНИЕ
В ходе работы над расчетно–графическим заданием был разработан веб–сайт с удобным для пользователя интерфейсом.
На сайте представлено множество изображений, на странице " Обратная связь" расположен логотип, разработанный в графическом редакторе CorelDraw. Были использованы маркированный список, таблица, якорь с именем и изображение в качестве фона, гиперссылки на документ, на почтовый адрес (см. страницу «Обратная связь»), гиперссылка на метку (см. страницу «Деструктивный культ»), гиперссылка из рисунка (см. страницу «Эффект Вертера»).
На сайте представлены результаты исследовательской работы:
— рассмотрен эффект Вертера как социальный феномен;
— выявлена взаимосвязь между деструктивными сектами и поведением людей;
— определена специфика суицидального поведения в армии и местах лишения свободы;
— указана возможность существования суицида в животном мире;
— представлен список популярных мест для суицида.
Материалы исследования, расположенные на сайте, могут быть использованы студентами и учащимися в учебной деятельности.
Сайт будет обновляться по мере поступления необходимой и актуальной информации о суицидальном поведении.
ПРИЛОЖЕНИЕ
1. Физическая модель сайта
2. Логическая модель и карта сайта
Сайт имеет иерархическую структуру.
 | |||||||||||||||
 | |||||||||||||||
 | | |  |  |  |
 |  |
3. Дизайн и структура главной страницы
3.1 Дизайн
3.2 Структура (код HTML)
| <! DOCTYPE html PUBLIC " -//W3C//DTD HTML 4.01 Transitional//EN" > | |
| < html> | |
| < head> | |
| < meta content=" text/html; charset=Windows-1251" http-equiv=" content-type" > | |
| < title> Главная< /title> | |
| < /head> | |
| < body style=" color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-image: url(file: ///H: /%D0%C3%C7/jeleznaya_doroga_sumerki_mrak_tuman_relsyi_84.jpg); " alink=" #009900" link=" #009900" vlink=" #009900" > | |
| < p class=" MsoNormal" style=" text-align: justify; text-indent: 35.45pt; line-height: 150%; color: rgb(255, 255, 255); " > < span style=" font-size: 14pt; line-height: 150%; " > < /span> < /p> | |
| < p class=" MsoNormal" style=" text-align: justify; text-indent: 35.45pt; line-height: 150%; color: rgb(255, 255, 255); " > | |
| < /p> | |
| < p style=" text-align: center; " class=" MsoSubtitle" > < span style=" line-height: 150%; font-variant: normal! important; " > < big style=" font-weight: bold; " > < big> < big> < span style=" color: rgb(255, 255, 255); " > Суицидальное поведение в современном мире< /span> < /big> < /big> < /big> < o: p> < /o: p> < /span> < /p> | |
| < p class=" MsoNormal" style=" text-align: justify; text-indent: 35.45pt; line-height: 150%; color: rgb(255, 255, 255); " > < span style=" font-size: 14pt; line-height: 150%; " > < /span> < /p> | |
| < p class=" MsoNormal" style=" text-align: justify; text-indent: 35.45pt; line-height: 150%; color: rgb(255, 255, 255); " > < span style=" font-size: 14pt; line-height: 150%; " > Суицид (от англ. suicide | |
| & mdash; самоубийство) & mdash; акт самоубийства, совершаемый субъектом в состоянии сильного | |
| душевного расстройства либо под влиянием психического заболевания, осознанный | |
| акт устранения из жизни под воздействием острых психотравмирующих ситуаций.< span class=" MsoFootnoteReference" > < span style=" " > < span class=" MsoFootnoteReference" > < span style=" font-size: 14pt; font-family: & quot; Times New Roman& quot;, & quot; serif& quot;; " > < /span> < /span> < /span> < /span> < o: p> < /o: p> < /span> < /p> | |
| < p class=" MsoNormal" style=" text-align: justify; text-indent: 35.45pt; line-height: 150%; color: rgb(255, 255, 255); " > < span style=" font-size: 14pt; line-height: 150%; " > Философы были первыми, | |
| кто обратил свое внимание на сознательный уход из жизни как на объект научного | |
| анализа. Самоубийство рассматривалось философами в совокупности с другими | |
| важными философскими проблемами, такими как свобода выбора, смысл жизни и др. | |
| Так, античные стоики считали возможность самоубийства высшим проявлением | |
| свободы человека перед лицом трудных жизненных обстоятельств. Особое внимание | |
| самоубийству как явлению современной культуры оказывали представители | |
| экзистенциальной философии & ndash; например, & nbsp; < /span> < span style=" font-size: 14pt; line-height: 150%; text-decoration: none; " > Альбер Камю< /span> < span style=" font-size: 14pt; line-height: 150%; " >.< o: p> < /o: p> < /span> < /p> | |
| < p class=" MsoNormal" style=" text-align: justify; text-indent: 35.45pt; line-height: 150%; " > < span style=" font-size: 14pt; line-height: 150%; " > < span style=" color: rgb(255, 255, 255); " > Актуальность данного& nbsp; сайта обусловлена распространенностью данного явления в современной | |
| действительности.< /span> < /span> < /p> | |
| < p class=" MsoNormal" style=" text-align: justify; text-indent: 35.45pt; line-height: 150%; " > < span style=" font-size: 14pt; line-height: 150%; " > < span style=" color: rgb(255, 255, 255); " > < /span> < /span> < /p> | |
| < p class=" MsoNormal" style=" text-align: justify; text-indent: 35.45pt; line-height: 150%; color: rgb(255, 255, 255); " > < big> Перед собой ставлю следующие задачи: < /big> < /p> | |
| < ul style=" color: rgb(255, 255, 255); " > | |
| < li> < big> < span style=" font-size: 14pt; line-height: 150%; " > рассмотреть эффект | |
| Вертера как социальный феномен; < /span> < /big> < /li> | |
| < li> < big> < span style=" font-size: 14pt; line-height: 150%; " > выявить взаимосвязь между деструктивными | |
| сектами и поведением людей; < span style=" " > & nbsp; & nbsp; < /span> < /span> < /big> < /li> | |
| < li> < big> < span style=" font-size: 14pt; line-height: 150%; " > < span style=" " > < /span> определить | |
| специфику суицидального поведения в армии и местах лишения свободы; & nbsp; < /span> < /big> < /li> | |
| < li> < big> < span style=" font-size: 14pt; line-height: 150%; " > указать возможность существования суицида в | |
| животном мире; & nbsp; < /span> < /big> < /li> | |
| < li> < big> < span style=" font-size: 14pt; line-height: 150%; " > представить рейтинг популярных мест для суицида.< /span> < /big> < /li> | |
| < /ul> | |
| < div style=" text-align: center; " > < big> < big style=" font-weight: bold; " > < big> < span style=" color: rgb(255, 255, 255); " > Структура сайта< br> | |
| < br style=" color: rgb(255, 255, 255); " > | |
| < /span> < /big> < /big> < /big> | |
| < /div> | |
| < ol style=" text-align: center; color: rgb(255, 255, 255); " > | |
| < li> < big> < big> < span style=" font-size: 14pt; line-height: 150%; " > < /span> < span style=" font-size: 14pt; line-height: 150%; " lang=" EN-US" > < /span> < span style=" font-size: 14pt; line-height: 150%; " lang=" EN-US" > < /span> < a href=" file: ///H: /%D0%C3%C7/Verter.html" > < span style=" font-size: 14pt; line-height: 150%; " > ЭФФЕКТ ВЕРТЕРА; < /span> < /a> < /big> < /big> < /li> | |
| < li> < big> < big> < span style=" font-size: 14pt; line-height: 150%; " > < /span> < /big> < /big> < a href=" file: ///H: /%D0%C3%C7/cult.html" > < big> < big> < span style=" font-size: 14pt; line-height: 150%; " > ДЕСТРУКТИВНЫЙ КУЛЬТ; < /span> < /big> < /big> < /a> < /li> | |
| < li> < a href=" file: ///H: /%D0%C3%C7/army.html" > < big> < big> < span style=" font-size: 14pt; line-height: 150%; " > < /span> < /big> < /big> < big> < big> < span style=" font-size: 14pt; line-height: 150%; " > СУИЦИДАЛЬНОЕ ПОВЕДЕНИЕ В АРМИИ И | |
| МЕСТАХ ЛИШЕНИЯ СВОБОДЫ; < /span> < /big> < /big> < /a> < /li> | |
| < li> < big> < big> < span style=" font-size: 14pt; line-height: 150%; " > < /span> < a href=" file: ///H: /%D0%C3%C7/animal.html" > < span style=" font-size: 14pt; line-height: 150%; " > < span style=" " > & nbsp; < /span> < o: p> < /o: p> < /span> < /a> < /big> < /big> < a href=" file: ///H: /%D0%C3%C7/animal.html" > < big> < big> < span style=" font-size: 14pt; line-height: 150%; " > СУИЦИД В ЖИВОТНОМ МИРЕ; < /span> < /big> < /big> < /a> < /li> | |
| < li> < big> < big> < a href=" file: ///H: /%D0%C3%C7/popular.html" > < span style=" font-size: 14pt; line-height: 150%; " > П< /span> < span style=" font-size: 14pt; line-height: 150%; " > < /span> < span style=" font-size: 14pt; line-height: 150%; " lang=" EN-US" > < /span> < span style=" font-size: 14pt; line-height: 150%; " lang=" EN-US" > < /span> < span style=" font-size: 14pt; line-height: 150%; " > ОПУЛЯРНЫЕ МЕСТА ДЛЯ САМОУБИЙСТВА< /span> < /a> < span style=" font-size: 14pt; line-height: 150%; " > < a href=" file: ///H: /%D0%C3%C7/popular.html" >.< /a> < o: p> < /o: p> < /span> < /big> < /big> < /li> | |
| < /ol> | |
| < div style=" " > < span class=" MsoFootnoteReference" > < span style=" " > < span class=" MsoFootnoteReference" > < /span> < /span> < /span> | |
| < div style=" color: rgb(255, 255, 255); " id=" ftn1" > | |
| < a href=" svyaz.html" > < big style=" font-style: italic; " > Обратная связь! < /big> < /a> < /div> | |
| < /div> | |
| < /body> | |
| < /html> | |
4. Дизайн одной из внутренних страниц
|