Файл: Разработка сайта консалтинговой компании в сфере информационных технологий.pdf

1.4 Описание среды программирования

Всемирная паутина World Wide Web (WWW) состоит из Web-страниц, которые создаются с помощью языка разметки гипертекста HTML (HyperText Markup Language). Хотя многие говорят о программировании на этом языке, HTML вовсе не является языком программирования в традиционном понимании.html - язык разметки документа. При разработке HTML-документа выполняется разметка текстового документа точно так же, как это делает редактор при помощи красного карандаша. Эти пометки служат для указания формы представления информации, содержащейся в документе.

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

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

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

1.4.1 Требования к техническому обеспечению

Данный проект может без проблем функционировать на компьютере с процессором Intel Pentium III (1.6 GHz), объём ОЗУ DDR 512 МБ, 80 ГБ HDD, видеокарта GeForce 256 МБ.

1.4.2 Требования к программному обеспечению

Операционная система: 32 - разрядная, семейства MS Windows XP, с поддержкой сетевых протоколов TCP /IP. Интернет - обозреватели для предварительного тестирования на совместимость с разными браузерами: Internet Explorer v.8.0.6, Opera v.11.11, Mazilla Firefox 4.0.

Для разработки и редактирования web-сайта использовался программный продукт Adobe Photoshop.

В качестве редактора для программного HTML-кода использовался редактор Dreamweaver CS5.

1.4.3 Требования к системе управления контентом сайта

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

– добавление и удаление текстов;

– редактирование текстов;

– добавление и удаление стандартных разделов.

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

1.4.4 Требования к компоновке страниц Сайта

Компоновка страниц Сайта должна обеспечивать автоматическое масштабирование страниц в зависимости от ширины рабочего поля браузера пользователя.

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

2. Практическая часть

2.1 Вводная информация

Клиенты, обратившиеся в компанию, проходят следующий путь:

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

2.1.1 Предложения по реализации концепции

Предлагается представить информацию на сайте в соответствии с действующей бизнес-схемой компании «Экаунт-Бизнес» и реализовать проект в виде разделов (под-сайтов):

• Услуги;
• Консультация;
• Справочник.

На главной странице располагаются два прямоугольных блока, с краткими описаниями и переходами на соответствующие разделы.

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

Каждый из под-сайтов может иметь индивидуальное оформление, включая определенный набор цветов из основной гаммы, собственный «визуал» (образ, пиктограмму), идентифицирующий каждый раздел.

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

• логотип и слоган компании;
• горизонтальное меню, включающее в себя общие разделы «Главная» «О копании» «Учет», «Контакты», «Услуги»;
• форма поиска по сайту;
• иконки – карта сайта, e-mail.

Описание функционала разделов сайта:

• • Раздел «Главная»
  • Входит на главную страницу.
  • Раздел «О компании»
  • Простой контентный раздел
  • Раздел «Контакты»
  • Контактная информация в свободной форме, схема проезда +
  • Форма обратной связи с полями ввода:
• Фамилия, имя, отчество (контактного лица);
• Название организации;
• Контактный e-mail;
• Телефон;
• Город;
• Ваша специальность/должность;
• Текст сообщения.
• Раздел «Услуги». Простой список, содержащий подразделы «Управленческий консалтинг», «IT-консалтинг», «Стоимость консалтинговых услуг», элементы которого выводятся в виде:
• Название подраздела;
• Краткий анонс к подразделу;
• Содержание (текст) подраздела.

1. Раздел «Отправить резюме»

Выводится в виде формы:

На главной странице отображена информация о компании "Экаунт-Бизнес".

С данной страницы с помощью ссылок можно перейти на все страницы Веб-сайта:

1. Бухгалтерское обслуживание.

На данной странице отображена одна из услуг оказываемая нашей компанией.

2. Постановка бухгалтерского учёта

1. Остальные услуги
2. Восстановление учёта
3. Этапы восстановления
4. О Нас
5. Наши контакты

8. ИФНС

9. Отделы ИФНС

10. ТОРМ

11. Пенсионный фонд

12. Статистика

3. Заключение

Данный курсовой проект заключался в разработке информационного ресурса в виде Веб-сайта.

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

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

Произведена оценка Экономической эффективности. Срок окупаемости составляет 4 месяца.

Литература

1. Федотов А., Шалыгин А., Резнов М., "HTML 4.0", Москва, 2012г.
2. Лебедев Д., Васильев Д, "WEB", Санкт-Петербург, 2010 г.

Приложение

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title>Главная страница</title>

<style type="text/css">

</style>

<link href="Style. css" rel="stylesheet" type="text/css" />

<style type="text/css">

body {

background-image: url (img/qjg6cva. png);

border-top-width: 0px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

border-top-color: #FFF;

border-right-color: #000;

border-bottom-color: #000;

border-left-color: #000;

}

</style>

<script src="Scripts/swfobject_modified. js" type="text/javascript"></script>

</head>

<body>

<table width="800" height="981" border="0" align="center" cellpadding="0" cellspacing="0" class="Mainborder">

<tr>

<td height="190" colspan="2" valign="top"><object id="FlashID4" classid="clsid: D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="122">

<param name="movie" value="img/Shapka. swf" />

<param name="quality" value="high" />

<param name="wmode" value="opaque" />

<param name="swfversion" value="8.0.35.0" />

<! - Этот тег param предлагает пользователям Flash Player 6.0 r65 и более поздних версий загрузить последнюю версию Flash Player. Удалите его, если не хотите, чтобы пользователи видели запрос. - ->

<param name="expressinstall" value="Scripts/expressInstall. swf" />

<! - Следующий тег object не поддерживается браузером Internet Explorer. Поэтому скройте его от Internet Explorer при помощи IECC. - ->

<! - [if! IE] >-->

<object type="application/x-shockwave-flash" data="img/Shapka. swf" width="800" height="122">

<! - -<! [endif] - ->

<param name="quality" value="high" />

<param name="wmode" value="opaque" />

<param name="swfversion" value="8.0.35.0" />

<param name="expressinstall" value="Scripts/expressInstall. swf" />

<! - Браузер отображает следующее альтернативное содержимое для пользователей Flash Player 6.0 и более старых версий. - ->

<div>

<h4>Для содержимого этой страницы требуется более новая версия Adobe Flash Player. </h4>

<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player. gif" alt="Получить проигрыватель Adobe Flash Player" width="112" height="33" /></a></p>

</div>

<! - [if! IE] >-->

</object>

<! - -<! [endif] - ->

</object>

<object id="FlashID" classid="clsid: D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="68">

<param name="movie" value="Navigation. swf" />

<param name="quality" value="high" />

<param name="wmode" value="opaque" />

<param name="swfversion" value="6.0.65.0" />

<! - Этот тег param предлагает пользователям Flash Player 6.0 r65 и более поздних версий загрузить последнюю версию Flash Player. Удалите его, если не хотите, чтобы пользователи видели запрос. - ->

<param name="expressinstall" value="Scripts/expressInstall. swf" />

<! - Следующий тег object не поддерживается браузером Internet Explorer. Поэтому скройте его от Internet Explorer при помощи IECC. - ->

<! - [if! IE] >-->

<object type="application/x-shockwave-flash" data="Navigation. swf" width="800" height="68">

<! - -<! [endif] - ->

<param name="quality" value="high" />

<param name="wmode" value="opaque" />

<param name="swfversion" value="6.0.65.0" />

<param name="expressinstall" value="Scripts/expressInstall. swf" />

<! - Браузер отображает следующее альтернативное содержимое для пользователей Flash Player 6.0 и более старых версий. - ->

<div>

<h4>Для содержимого этой страницы требуется более новая версия Adobe Flash Player. </h4>

<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player. gif" alt="Получить проигрыватель Adobe Flash Player" width="112" height="33" /></a></p>

</div>

<! - [if! IE] >-->

</object>

<! - -<! [endif] - ->

</object></td>

</tr>

<tr>

<td width="184" height="237" valign="top"><p>

<object id="FlashID3" classid="clsid: D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="250">

<param name="movie" value="LeftNavi. swf" />

<param name="quality" value="high" />

<param name="wmode" value="opaque" />

<param name="swfversion" value="6.0.65.0" />

<! - Этот тег param предлагает пользователям Flash Player 6.0 r65 и более поздних версий загрузить последнюю версию Flash Player. Удалите его, если не хотите, чтобы пользователи видели запрос. - ->