Добавлен: 27.06.2023
Просмотров: 24
Скачиваний: 3
Введение
Актуальность создания данного сайта состоит в том, что фонду "Я помогаю детям" нуждается в дополнительном привлечении внимания к благотворительной деятельности. Сайт гораздо облегчит работу сотрудников фонда и поможет быстрей справляться с поставленными задачами.
Бесчисленное множество новых технологий, вызванных бурным ростом информатизации общества, делает нашу жизнь невозможной без быстрого доступа к информации. В наше время очень легко получить информацию, одним из способов быстрого доступа к ней является сайт.
Создание сайтов на сегодняшний день, становится одной из наиболее актуальных и востребованных услуг. Именно поэтому, большинство компаний уже оценили все преимущества такого предложения как создание сайтов и позаботились о разработке подходящего ресурса.
Пользователю приятно посещать те Web-страницы, которые имеют стильное оформление, не отягощены чрезмерно графикой и анимацией, быстро загружаются и правильно отображаются в окне Web-браузера. Но может возникнуть и другая проблема - сайт может оказаться не интересным пользователю и та информация, которую он несет, окажется не востребованной. Именно поэтому важно, чтобы сайт отвечал всем требованиям пользователя.
Основная часть
Назначение программы
Целью данной работы является разработка электронного представительства фонда «Я помогаю детям» с возможностью последующего размещением в сети Интернет
Сайт должен обеспечивать реализацию следующих функций:
Имиджевая.
Формирование стиля и образа фонда. Стилевое оформление сайта должно соответствовать общему стилю фонда.
Информационная.
Сайт должен предоставлять доступ к информации о фонде, его истории, деятельности, а также оперативно информировать пользователей о новостях фонда.
Рекламная.
Сайт должен содержать информацию о всех акциях фонда, обеспечивать возможность быстрого контакта с представителями фонда в т.ч. :
1. Даст возможность обратиться за помощью или предложить ее,
2. Привлечет неравнодушных людей, поможет быстро и эффективно распространять информацию,
3. Будет содержать всю информацию о деятельности фонда и поможет получать гранты благотворительных фондов.
Формат входных данных
По заданию курсовой работы разрабатывается сайт благотворительного фонда« Я помогаю детям», предназначенный реализовать рекламные функции фонда и организовать более широкий охват целевой аудитории.
Формат выходных данных
В результате выполнения курсового проекта должен получиться веб-сайт фонда «Я помогаю детям» отвечающий следующим требованиям:
- предоставление информации должно быть в удобной и понятной для пользователей форме;
- информация должна быть полной и достоверной;
- навигационная система сайта должна быть выстроена в соответствии с содержательной структурой проекта;
Пользовательский интерфейс
Анализ исходных данных
При создании сайта будет использован протокол HTTPS или протокол передачи гипертекстовой защиты, использует протокол Secure Sockets Layer (SSL) для шифрования данных, передаваемых через Интернет. Всякий раз, когда информация отправляется из браузера или устройства, SSL обеспечивает форму кодированного шифрования, которое преобразует информацию в случайную последовательность символов. Как только информация поступает в пункт назначения (другой компьютер или сервер), она возвращается обратно в исходный формат. Это предотвращает появление подозрительных глаз — отдельных лиц или вредоносных программ — от кражи конфиденциальной информации. Эти данные включают информацию о кредитной карте, имена пользователей и пароли.
Разработка приложения
Подготовка
Для начала подготовимся к работе, установим один из самых популярных текстовых редакторов Notepad++ в котором будем непосредственно писать код сайта, для отладки и проверки работы приложения дополнительно установим веб-сервер Denwer, оба приложения распространяются бесплатно.
Начало работы
Для начала создадим файл index.html представляющий главную страницу нашего сайта, в него запишем основные теги html документа:
Подготавливаем основной список разделов для сайта, записываем теги в head, готовим файлы для отдельных страниц по аналогии с index.html, указываем на них ссылки в списке из которого мы сформируем навигационную панель сайта:
Проверяем полученный результат:
Созданный список будет использоваться в качестве “шапки” для всех страниц сайта, добавим по аналогии общую нижнюю часть страницы сайта с общей информацией, а так же подключим таблицы стилей CSS для чего создадим отдельный файл style.css и в нем зададим свой внешний вид для созданных элементов
Займемся заполнением всех страниц сайта, на главной страницы разместим новости, в разделе акции разместим текущие акции фонда, и заполним раздел контактов
Дополнительно в разделе контактов подключим яндекс-карты и при открытии страницы контактов сразу будет открываться карта с установленной меткой по адресу фонда, а так же добавим форму обратной связи
Заключение
В данной курсовой работе рассмотрены актуальные вопросы разработки и создания современного Веб-сайта.
При этом мною были решены следующие частные задачи:
ознакомление с современными Интернет-технологиями и использование их в своей разработке;
изучение основных программы применяемых для разработки и создания Веб-сайта;
ознакомление с методами и способами представления на Веб-страницах различных видов информации (текстов и изображений);
ознакомление с основными правилами и рекомендациями по разработке.
определение структуры Веб-страниц;
предоставление пошаговой стратегии разработки Веб-сайта;
предоставление инструкции для пользователей Веб-сайта.
В результате проведенных работ на базе выбранных технологий был создан современный Веб-сайт.
Список литературы
- Справочник HTML и CSS - http://htmlbook.ru/
- Джентльменский набор Web-мастера - Николай Прохоренок.
- PHP для начинающих — Александр Жадаев
Приложение.
HTML index.html
<!DOCTYPE html>
<head>
<title>Help Kids</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Я помогаю детям" />
<meta name="keywords" content="Помощь детям, благотворительность, дети, фонд" />
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div id="menu">
<ul>
<li><a href="index.html"><span>Главная</span></a></li>
<li><a href="actions.html"><span>Акции</span></a>
<li><a href="single.html"><span>О нас</span></a></li>