Файл: РАЗРАБОТКА САЙТА КОНСАЛТИНГОВОЙ КОМПАНИИ В СФЕРЕ ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ (Требования к приложению).pdf

Введение

Интернет - это глобальная информационная сеть, доступная практически для каждого человека, который интересуется свежими новостями, рекламой и хочет сообщить или найти какую - либо информацию.

Если организация, компания или предприятие захочет оставить о себе информацию в сети, то это можно сделать с помощью Веб-сайта.

Веб-сайт рассчитан на среднестатистического пользователя сети интернет. Поэтому, наряду с широким применением графики, интерфейс сайта максимально прост и интуитивно понятен, но с другой стороны достаточно удобен и информативен.

Веб-сайт способствует привлечению новых клиентов, а так же призван снизить нагрузку на работников фирмы OOO "Экаунт-Бизнес" в чьи задачи входит проведение консультаций по телефону.

Веб-сайт носит не только информационно-ознакомительный характер, но также содержит возможность консультации с нашими специалистами по средствам форума, который упрощает работу нашим сотрудникам и экономит ваше время, исходя из этого, наблюдается положительный экономический эффект, суть которого состоит в том, что с увеличением числа клиентов, увеличивается ежемесячный финансовый оборот компании.

С точки зрения системного администратора, в чьи функции входят поддержание работоспособности Веб-сайта, регулярное обновление, и др., проблем не возникает, так как проект требует к себе минимум усилий по эксплуатации и администрированию.

Объектом исследования является web-программирование.

Предметом исследования является разработка сайта рекламного агентства.

Целью данной работы является разработка сайта для рекламного агентства «Лучшее решение» с возможностью последующего размещением в сети Интернет.

Для достижения поставленной цели необходимо решение следующих основных задач:

- Выбор технологии создания сайта, анализ основных критериев и параметров выбора.

- Разработка требований к приложению.

- Проведение анализа исходных данных

- Описание хода разработки приложения.

ОСНОВНАЯ ЧАСТЬ

1.1 Требования к приложению

Сайт должен обеспечивать реализацию следующих функций:

---

* Имиджевая.

Формирование стиля и образа спортивной школы по хоккею ООО «Лучшее решение». Стилевое оформление сайта должно соответствовать корпоративному стилю спортивной школы.

* Информационная.

Сайт должен предоставлять доступ к информации о Рекламной компании, ее истории, деятельности, ассортименте предлагаемой продукции и услуг, а также оперативно информировать пользователей о новостях спортивной школы.

* Рекламная.

Сайт должен содержать информацию:

1. О товарах которых предоставляет компания;

2. Участие учреждения в проектах, мероприятиях;

3. Другая информация об уставной деятельности рекламной компании.

Формат входных данных представляет собой форму для отправки резюме;

Пользовательский интерфейс был разработан с помощью текстового редактора notepad++.

1.2 Анализ исходных данных

Для реализации отправки данных было реализован протокол TCP один из основных протоколов передачи данных интернета, предназначенный для управления передачей данных

1.3 Разработка приложения

Web-страница может содержать текст, графику и гиперсвязи с разными ресурсами Интернет. Чтобы реализовать все эти возможности, был разработанный специальный язык, названная Hyper Text Markup Language (HTML), то есть, Язык Разметки Гипертекста. Документ, написанный на HTML, представляет собой текстовый файл, который содержит собственно текст, несущий информацию читателю, и флаги разметки. Последние представляют собой определенные последовательности символов, которые являются инструкциями для программы просмотра; в соответствии с этими инструкциями программа располагает текст на экране, включает в него рисунки, которые сохраняются в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Internet. Таким образом, файл на языке HTML приобретает вид WWW-документа только тогда, когда он интерпретируется программой просмотра.

Поскольку HTML-документы записываются в ASCII-формате, то для ее создания может использован любой текстовый редактор.

Обычно HTML-документ - это файл с расширением.html или. htm, в котором текст размечен HTML-тегами. Средствами HTML задаются синтаксис и размещение тегов, в соответствии с которыми браузер отображает содержимое Web-документа. Текст самих тегов Web-браузером не отображается.

---

Все теги начинаются символом '<' и заканчиваются символом '>'. Обычно имеется пара тегов - стартовый (открывающий) и завершающий (закрывающий) тег, между которыми помещается размечаемая информация:

<p> HTML - стандартный язык разметки гипертекстовых документов</p>

Здесь стартовым тегом является тег <P>, а завершающим - </P>. Завершающий тег отличатся от стартового лишь тем, что у него перед текстом в скобках <> стоит символ '/' (слэш).

Браузер, читающий HTML-документ, отображает его в окне, используя структуру HTML-тегов. В каждом HTML-документе должны присутствовать три главных части:

Объявление HTML

Заголовок

Тело документа

Рассмотрим каждый из пунктов в отдельности:

Объявление HTML

<HTML> и </HTML>. Пара этих тегов сообщает программе просмотра (браузеру), что между ними заключен документ в формате HTML, причем первым тегом в документе должен быть тег <HTML> (в самом начале документа), а последним - </HTML> (в самом конце документа).

<HTML>

…

…

</HTML>

Заголовок

<HEAD> и </HEAD>. Между этими тегами располагается информация о документе (название, ключевые слова для поиска, описание и т.д.). Однако наиболее важным является название документа, которое мы видим в верхней строке окна браузера и в списках "Избранное". Для того чтобы дать название своему HTML-документу текст помещается между тегами <TITLE> и </TITLE>.

<HTML>

<HEAD>

<TITLE>Главная</TITLE>

</HEAD>

</HTML>

Тело документа

Третьей главной частью документа является его тело. Оно следует сразу за заголовком и находится между тегами <BODY> и </BODY>. Первый из них должен стоять сразу после тега </HEAD>, а второй - перед тегом </HTML>. Тело HTML-документа - это место, куда автор помещает информацию, отформатированную средствами HTML.

<HTML>

<HEAD

<TITLE>Главная</TITLE>

</HEAD>

<BODY>

...

</BODY>

</HTML>

Из всего вышесказанного, можем написать код HTML странички:

<HTML>

<HEAD>

<TITLE>Главная</TITLE>

</HEAD>

<BODY>

Содержаниемо их станиц

</BODY>

</HTML>

Вообще тегов существует очень много и каждый из них выполняет определенные функции в создании HTML страницы.

Каскадные таблицы стилей CSS

Предположим, вам нужно изменить цвет текста в HTML-сайте с черного на синий, для этого вам придется менять цвет фона на каждой страницы вашего сайта, но есть более простое решение этой проблемы. Можно воспользоваться каскадными таблицами стилей или по-другому - CSS (Cascading Style Sheets).

---

CSS были революцией, потрясшей WWW. Если до этого Web-дизайнер не знал, как будет выглядеть его творение в разных программах Web-обозревателей, то теперь он может контролировать все: от начертания шрифта до положения картинки на странице.

Итак, CSS используется создателями Web-страниц для задания цвета, шрифтов, расположения и других аспектов представления документа. Основной целью разработки CSS являлось разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS).html используется для структурирования содержимого страницы, а CSS - для форматирования этого структурированного содержимого.

Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печать, чтение голосом (специальным голосовым браузером или программой чтения с экрана).

CSS при отображении страницы может быть взята из различных источников:

Авторские стили (информация стилей, предоставляемая автором страницы) в виде:

Внешних таблиц стилей, то есть отдельного файла. css, на который делается ссылка в документе.

Встроенных стилей - блоков CSS внутри самого HTML-документа.

Inline-стилей, когда в HTML-документе информация стиля для одного элемента указывается в его атрибуте style.

Пользовательские стили: локальный CSS-файл, указанный пользователем в настройках браузера, переопределяющий авторские стили, и применяемый ко всем документам.

Стиль браузера: стандартный стиль, используемый браузером по умолчанию для представления элементов.

Другими словами, вы можете сохранить описание стиля не в тексте вашей странички, а в отдельном файле - это позволит использовать описание стиля на любом количестве Web-страниц.

Описания стилей находятся в тегах <STYLE></STYLE> и размешаются между тегами <HEAD></HEAD>.

Если Вы располагаете стили в отдельном файле, тогда между тегами <HEAD></HEAD> каждого HTML документа нужно добавить ссылку на CSS файл:

<LINK REL=STYLESHEET TYPE="text/css" HREF="default. сss">

Default. css - это Ваш CSS файл, содержащий описание применяемых стилей. Если он находиться в другом каталоге, нужно указать к нему путь. Создается CSS файл в любом текстовом редакторе, например, в Блокноте, нужно будет только изменить расширение текстового файла на CSS.

Инструментарий создания сайта

Notepad++ - свободный текстовый редактор с открытым исходным кодом для Windows с подсветкой синтаксиса большого количества языков программирования и разметки. Поддерживает открытие более 100 форматов.

---

Страница главные была сделана блоками

<HTML>

<HEAD>

<TITLE>Главная</TITLE>

</HEAD>

<BODY>

<header>

</header>

<section1>

</section1>

<section2>

</section2>

<footer>

</footer>

</BODY>

</HTML>

Рис. 1 Верхняя часть

Рис. 2 Нижняя часть

На главной реализован Логотип виде картинки, в верхнего меню, блок в котором представлена кратка информация «О компании» и нижнего блока в котором сделана контакты компании и карта сайта.

Страница решение была сделана блоками

<HTML>

<HEAD>

<TITLE>Решение</TITLE>

</HEAD>

<BODY>

<header>

</header>

<section1>

</section1>

<section2>

</section2>

<footer>

</footer>

</BODY>

</HTML>

Рис. 3 Верхняя часть

Рис. 4 Нижняя часть

На страницы решение реализован Логотип виде картинки, в верхнего меню реализована фиксация путем прописования в css “position: fixed;” , блок в котором представлена информация «О решениях компании с указанием цен» и путем реализации тегом <figcaption>, а нижнего блока в котором сделана контакты компании и карта сайта.

Страница решение была сделана блоками

<HTML>

<HEAD>

<TITLE>Партенеры</TITLE>

</HEAD>

<BODY>

<header>

</header>

<section1>

</section1>

<section2>

</section2>

<footer>

</footer>

</BODY>

</HTML>

Рис. 4 Нижняя часть

Рис. 5 Верхняя часть

Рис. 6 Нижняя часть

На страницы контакты была реализована краткая информация о местонахождение компании Лучшее решение

<HTML>

<HEAD>

<TITLE>Контакты</TITLE>

</HEAD>

<BODY>

<header>

</header>

<section1>

</section1>

<section2>

</section2>

<footer>

</footer>

</BODY>

</HTML>

Рис. 4 Нижняя часть

На страницы Вакансии была реализована форма для отправки заявки на вакансию.

<HTML>

<HEAD>

<TITLE>Контакты</TITLE>

</HEAD>

<BODY>

---