Разработка и создание web-сайта

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

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

CGI

Технология CGI (Common Gateway Interface) подразумевает использование в составе ресурса Интернет интерактивных элементов на базе приложений, обеспечивающих передачу потока данных от объекта к объекту. Именно так организовано во Всемирной сети большинство чатов, конференций, досок объявлений, гостевых книг, поисковых машин и систем подсчета рейтинга. В общем случае принцип работы CGI выглядит следующим образом: пользователь заполняет на web-странице форму и нажимает на кнопку, после чего встроенная в код HTML строка вызова CGI- скрипта запускает соответствующую программу CGI и передает ей управление процессом обработки информации. Введенные пользователем данные отсылаются этой программе, а она «встраивает» их в другую страницу, отправляет по почте или трансформирует каким-либо иным способом. Скрипы CGI размещаются на сервере в специально отведенной для этих целей директории, которой, как правило, назначается имя CGI-BIN.

Технология CGI обычно реализуется двумя методами: либо с использованием программ, написанных на языке PERL (Practical Extraction and ReportLanguage), -- такие файлы имеют расширение .pi, либо с помощью приложений, созданных обычно с применением языка программирования «С» и откомпилированных непосредственно на сервере, поскольку большинство UNIX-совместимых платформ включают в себя встроенный транслятор этого языка. Подобные программы имеют расширение .cgi. Необходимо отметить, что PERL, как и HTML, является интерпретируемым языком. Для того чтобы запустить скрипт на исполнение, не требуется дополнительной компиляции. В том числе с помощью данной технологии можно организовать систему показа последовательности рекламных баннеров или автозагрузки файлов на сервер, создать форму отправки электронного письма непосредственно со страницы сайта или службу виртуальных открыток. Среди достоинств CGI следует отметить их независимость от клиентского программного обеспечения -- эту технологию сможет применять каждый пользователь, просматривающий содержимое сервера при помощи браузера любой версии. Главный недостаток заключается в том, что для установки и настройки приложений CGI на сервере нужно обладать как минимум правами администратора, поскольку эти программы при запуске способны нарушить нормальное функционирование серверного компьютера и дестабилизировать работу сети.

SSI

SSI (Server Side Includes) -- технология, связанная с технологией CGI. На основе макроязыка, близкого к «С», SSI позволяет реализовать такие возможности, как вывод в документе того или иного текста в зависимости от определенных условий или согласно заданному алгоритму, формировать файл HTML из динамически изменяющихся фрагментов или встраивать результат работы CGI в какой-либо его участок. Достоинства и недостатки SSI аналогичны CGI.

CSS

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

РНР

РНР (Personal Home Page tools) -- интерпретируемый язык, сходный с языком PERL, предназначенный для придания web-страницам элементов интерактивности. Код, написанный на языке РНР, встраивается в документ HTML подобно подпрограмме: в тот участок документа, где необходимо поместить интерактивный элемент, просто вставляется сценарий РНР. Мнемоника данного языка базируется на синтаксисе PERL, Java и «С», благодаря чему не вызывает каких-либо трудностей при изучении. Методики, которые позволяют серверам корректно распознавать файлы, содержащие скрипты РНР, различны и зависят в первую очередь от типа конкретного сервера. Считается достаточным назначить такому файлу расширение .php, иногда -- с добавлением номера версии используемого языка, например .php2 или .php3.

Технология РНР позволяет организовать на web-странице счетчик посещений, подсчитывать статистику обращений к тем или иным разделам сайта, защитить доступ к какому-либо html-документу паролем и многое другое. Среди недостатков РНР следует отметить то, что данная технология поддерживается далеко не всеми серверами Интернета. [11]

ASP

ASP (Active Server Pages, активные страницы сервера) -- технология, аналогичная JavaScript и РНР. Для того чтобы сделать web-страницу интерактивной с применением технологии ASP, необходимо встроить в ее код соответствующий скрипт, написанный на макроязыке, отдаленно напоминающем Java и «С». Скрипт интерпретируется и исполняется непосредственно на сервере, после чего пользовательскому браузеру отправляется уже готовый html-документ с результатами работы сценария ASP. Таким образом, для страниц, содержащих ASP, не имеет значения, какое программное обеспечение установлено на пользовательском компьютере. Зато принципиальное значение имеет тип сервера, на котором планируется использовать ASP, поскольку отнюдь не все они поддерживают данную технологию.

VBScript

VBScript, или Visual BASIC Script (Visual Beginners All-purpose SymbolicInstruction Code Script, визуальный символический универсальный командный код для начинающих) -- версия интерпретируемого языка, встраиваемого в html-документ с целью включения в состав web-страницы интерактивных элементов. Создатели данной технологии - разработчики компании Microsoft. Сравнивая более распространенный стандарт JavaScript с VBScript, обнаружить серьезные различия очень трудно, поскольку мнемоника и синтаксис обоих языков во многом схожи. С помощью VBScript можно реализовать практически весь спектр возможностей, характерных для JavaScript. Обе технологии не зависят от типа сервера, на котором планируется опубликовать web-страницу. Однако VBScript в настоящее время менее распространен в Интернете, по сравнению с JavaScript, поскольку он поддерживается только браузерами производства Microsoft, а именно Internet Explorer версий 3.0 и выше. Netscape Navigator не имеет интерпретатора этого языка, поэтому приверженцы этого браузера лишены возможности использовать интерактивные элементы, созданные с применением VBScript, в то время как JavaScript поддерживается и Internet Explorer и Netscape Navigator.[8],[12],[15]

Технология Macromedia Flash

Macromedia Flash -среда разработки программных продуктов в настоящее время, занимающая передовые позиции в разработке и совершенствовонии web-сайтов. Стандарт Flash был разработан компанией Macromedia в 1996 году. Основное назначение данной технологии - создание высококачественной интерактивной анимации, которую можно представлять при относительно небольшом размере итогового файла. С помощью Macromedia Flash web-мастер имеет возможность изготавливать красочные анимационные заставки, определенные элементы которых могут «реагировать» на движения мыши, а также встроенные в web-страницы мини- игры, озвученные мультипликационные клипы и многое другое. Другими словами, Macromedia Flash способна практически на все, что доступно при применении Java.

Одним из основных отличий Macromedia Flash от всех остальных существующих ныне web-технологий является то, что это единственный стандарт, позволяющий работать не только с растровой графикой, но и с векторной. Помимо этого текст импортируется в среду Flash не как растровое изображение, а именно как текст, в котором один символ кодируется одним байтом информации, что является серьезным оружием в борьбе с излишним объемом результирующих файлов. Немаловажно, что во Flash имеется возможность воспроизведения музыки и звуков в формате МРЗ.

Для создания документов, подготовленных согласно данному стандарту, компания Macromedia выпустила специальную объектно-ориентированную среду разработчика в виде стандартного 32-разрядного приложения Microsoft Windows. Благодаря этому собственно процесс программирования при подготовке интерактивных элементов Flash и анимации сведен к минимуму:

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

В среду Flash интегрирован специальный язык программирования, схожий с Java, но более простой в изучении. Написанные с его помощью программные модули импортируются в документ как апплеты и вставляются в нужный кадр анимации, где должно произойти динамическое изменение изображения. С помощью специального редактора можно написать небольшую программу, управляющую проигрыванием клипа, создать элементы, поддающиеся индивидуальным настройкам посетителями сайта, генерировать заставку с несколькими вариантами продолжения. Способов реализации этой возможности существует множество, но все-таки, чтобы использовать всю мощь встроенного языка, необходимо иметь определенный опыт в программировании. Механизм технологии Macromedia Flash достаточно прост: в общем случае подготовленные разработчиком интерактивные элементы и анимация превращаются в интерпретируемый код, который импортируется в страницу HTML. Для того чтобы клиентский браузер мог распознать объекты Flash, необходимо проинсталлировать на компьютере пользователя специальную надстройку к браузеру (plug-in), которая носит название Macromedia Flash Player. Эта программа распространяется бесплатно фирмой-разработчиком данной технологии. Пользовательский броузер, сталкиваясь с документом в формате Flash, как правило, сам связывается с соответствующим узлом, после чего начинает загрузку и установку Flash Player в автоматическом режиме. Проигрыватель Flash уже интегрирован в браузеры Microsoft Internet Explorer 4.0-5.0 и выше, и Netscape Navigator версии 4.01 и выше. Другие браузеры, не распознают данный стандарт, в чем и заключается его основной недостаток.[15]

1.4 Классификация инструментов создания web-сайта

Инструментами создания и верстки web-страниц являются редакторы, которые различают двух типов: визуальные и текстовые.

Визуальный редактор - программа, направленная на организацию удобной разработки web-сайтов. Не требуют знаний html, css и прочих технологий для разметки страниц. В визуальном редакторе пользователь располагает различные элементы сайта, при помощи удобных и привычных инструментов, а редактор составляет код самостоятельно. Визуальные редакторы называют WYSIWYG-редакторами. Аббревиатура WYSIWYG расшифровывается как What You See Is What You Get, что дословно переводится на русский язык как «что ты видишь, то и получаешь». Удобны в использовании, легки в изучении. Следует заметить, что ни один визуальный редактор несовершенен, и все они ограничены в своих возможностях, поэтому от профессиональных разработчиков требуется умение писать код, не прибегая к визуальным редакторам.

Текстовый редактор представляет собой программу, для просмотра, редактирования текстовых документов. Профессиональные разработчики предпочитают использовать именно текстовые редакторы для создания web- сайтов. Преимущество таких редакторов в том, что разработчик создаёт и контролирует написание кода. В текстовых редакторах существуют различные функции, облегчающие написание кода: подсветка кода, «горячие» кнопки и клавиши, которые вставляют готовые конструкции (части кода, спецсимволы) в код, и так далее.

Выбор редактора предоставляется на усмотрение разработчика, который, учитывая свои возможности, способности и знания отдает предпочтение тому или иному редактору. Зачастую опытные разработчики используют при создании web-сайта оба типа редакторов.

Визуальные редакторы

Macromedia Dreamweaver - профессиональный инструмент для создания web-сайтов и приложений. На данный момент самый распространенный визуальный редактор. Предназначен для проектирования, разработки и администрирования профессиональных web-сайтов и приложений. Легко интегрируется с другими программами от Macomedia, например, Macromedia Flash. Это достаточно мощный и сложный инструмент, требующий изучения и освоения.[7],[17]

Adobe GoLive-визуальный редактор для верстки web-страниц, разработанный компанией Adobe. Имеет стиль, среду и интеграцию с другими программными продуктами Adobe такими как Photoshop, Acrobat и прочие. Поддерживает технологии Html, Dhtml, CSS, XML и несколько готовых скриптов, написанных на языке Java. Следует отметить, что встроенный редактор кода (текстовой), находящийся на высоком уровне. GoLive - оптимальное сочетание визуального и текстового редактора.[30]

LiveMotion - графическим редактор, в котором можно создавать качественную графику для web-сайтов. Поддерживает возможность верстать web-страницы на основе нарисованного. Обрабатывает готовый макет на много картинок, которые в дальнейшем можно использовать при верстке сайта в GoLive. [30]

Microsoft FrontPage - позволяет создавать web-узлы, обладающие широкими возможностями, предоставляет средства управления ими. Поддерживает технологии Html, Css, Dhtml, Javascript, ASP, XML, VBScript, XSL. Дает достаточно широкие возможности по управлению изображениями и flash-ролликами. Разработчики гарантируют, что последняя версия FrontPage обладает эффективными инструментами, работа которых направлена на борьбу с лишним кодом.

Hotdog - программа имеет простой и понятный пользователю интерфейс. Hotdog удобна пользователю, эта поддерживает технологии Flash, SQL, PHP, ASP, работает с GIF-изображениями (оптимизация, анимация), включает в себя Html-компрессор, может создавать файлы справки (CHM).

Текстовые редакторы

Macromedia HomeSite-редактор дл разработки web-сайтов, поддерживающий средства написания HTML-кода, скриптов на JavaScript, программ на Perl, PHP, ASP. Имеет мощнейшие средства написания кода. Выделяется удобством работы с атрибутами тегов. Осуществляет одновременную во всем документе подсветку синтаксиса основных web- языков HTML, XML, ASP, PHP, Perl, JavаScript, CSS и другие. Достоинства: настраиваемые «горячие» клавиши, тематические панели инструментов (Fonts, Tables, Forms), различные мастера (wizards). Полезные встроенные функции: средства форматирования кода и проверки его на соответствие стандартам HTML: CodeSweepers и Validate Current Document соответственно. HomeSite является удобным средством для создания, редактирования и администрирования проектов больших сайтов. [30]

SNK Visual HTML Workshop - российский HTML-редактор. Распространяется в составе интегрированного пакета для web-мастеринга SNK WebOffice. Интерфейс: отсутствует панель View, то есть программа не полностью интегрируется с MS IE и не позволяет удобно отображать результаты работы внутри окна редактора. Подсветка основных языков web- программирования, но в один момент подсвечивается только один из синтаксисов (выбирается в меню, по умолчанию HTML). Нет механизма подсказки параметров текущего тега и редактирования их в отдельном окне, а также контекстного меню команд, применяемых к выделенному участку кода. Средства ускорения работы: «горячие» клавиши, команды вставки тегов, помощники вставки тегов и скриптов. Расширенный поиск с заменой-в продукте от SNK также присутствует. Удобно организована в редакторе работа с проектами. Грамотно составленной справочной системе программы, включающей русскоязычные справочники по HTML, CSS и JavaScript. Все основные свойства редактора («оформление», «поведение», «подсветка», «синтаксис», «содержимое коллекций инструментов») доступны для редактирования в окне настроек. Все они реализованы на встроенном языке eScript, что позволяет добавлять собственные команды.

AceHTML Pro - небольшой HTML-редактор по своим возможностям практически не уступает HomeSite. Возможности программы: полностью настраиваемая подсветка тегов с поддержкой всех популярных языков web- программирования, включая XML. Как и все HTML-редакторы старшего класса, AceHTML может использоваться для создания и удобного управления большими проектами, вплоть до публикации на FTP-сервере при помощи встроенного FTP-клиента AceFTP и автосохранения в архиве. Программа может проверять правильность кода при помощи встроенного валидатора. Имеется встроенный оптимизатор кода. AceHTML содержит решение для проверки работы PHP- и Perl-скриптов-парсеры. Они запускают внешние интерпретаторы этих языков (например, Active Perl), чтобы проверить синтаксис и работу скриптов. Проверка работы ссылок. Удобный интерфейс.

1st Page 2000 - оригинальный инструмент создания HTML-страниц. Пользователю на выбор предоставляется интерфейс: либо меню из больших кнопок вставки самых основных тегов и команд (Easy mode), либо интерфейс программы HomeSite с небольшими изменениями. При первом запуске программы пользователю предлагается определиться и выбрать режим работы программы в зависимости от его профессионального уровня. Подсветка тегов различных web-языков, выбирается вручную. В левой панели менеджера ресурсов, кроме браузера файлов и менеджера проектов, есть активный справочник по тегам языков разметки и их расширений для отдельных браузеров. Основными недостатками являются: отсутствие выпадающего меню подсказок свойств текущего тега - удобнейшего ускорителя работы; пункт Edit tag остается неактивным при нажатии. Отсутствует инструмент «Расширенный поиск и замена». Инструментарий Tidy HTML Quick Tools непригоден для проверки правильности кода страницы, поскольку переводит русские буквы в нечитаемые спецсимволы и искажает дизайн. Набор пунктов главного меню рассчитан на неопытных пользователей. Отсутствует опция сохранения файлов в формате Unix. [30]

HotDog Professional - имеет все основные атрибуты HTML-редактора: настраиваемая подсветка тегов, поддержка управления проектами (websites), мастера, таблицы и «горячие» клавиши быстрой вставки тегов, контекстная помощь по свойствам тегов в отдельной вкладке окна менеджера ресурсов, встроенный FTP-клиент для скачивания файла. В программе есть редактор таблиц стилей, и подерживаются достаточно сложные операции с выделенными фрагментами текста. Интерфейс имеет множество удобств и нововведений: возможность размещать несколько открытых документов вертикально для быстрого доступа к каждому из них; кнопка выбора формата сохранения файла (Win/Unix/Mac) в левом нижнем углу окна редактора. Почти все дополнительные инструменты HotDog расположены в окне менеджера ресурсов в виде вкладок. К недостаткам можно отнести отсутствие некоторых инструментов, например: расширенная замена, валидатор кода, мощный редактор стилей. [30]

Notepad-стандартное приложение Microsoft Windows. Является простейшим текстовым редактором. Не имеет никаких функций, упрощающих работу создателя web-сайта. Чаще всего используется начинающими пользователями для изучения языка программирования web-страниц.



1.5 Экономико-организационная характеристика предприятия

Характеристика ООО «МаксАвто». Состояние и динамика развития информационных ресурсов

Общество с ограниченной ответственностью «МаксАвто» зарегистрировано 22 января 1999 года.[2] Деятельность ООО «МаксАвто» регулируется законодательством Российской Федерации и осуществляется в соответствии с Федеральным законом «Об обществах с ограниченной ответственностью».[1]

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

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

Организационная структура аппарата ООО «МаксАвто» представлена на рисунке 1.



Рисунок 1 - Организационная структура ООО «МаксАвто»

В ООО «МаксАвто» в должной мере используются информационные технологии. Предприятие в необходимой мере оснащено персональными ЭВМ и другой офисной техникой. Число компьютеров организации составляет 7 машин, вполне отвечающих современным стандартам. Основу обеспечения вычислительной техникой составляют персональные компьютеры, имеющие следующие системные характеристики: процессор Pentium 1.8 ГГц, оперативная память RAM 4096 Мб, HDD-320 Гб. Полезное время работы оборудования составляет около 8 час/сутки. Вследствие неприспособленного расположения компьютеры организации не имеют соединения по сети, таким образом, сообщаются только с помощью переносных хранителей информации. На каждом компьютере фирмы установлен стандартный набор программ, необходимых предприятию для удобной и корректной работы.

Главный рабочий компьютер находится в офисе. Является основным хранителем информации, всех отчетностей, документов и программ. На этом и на других персональных компьютерах установлена операционная система Windows 7 Professional, созданная компанией Microsoft. Компания Microsoft основана в 1975 году,[18] является ведущим разработчиком программного обеспечения в мире. В число выпускаемых корпорацией продуктов входят настольные и сетевые операционные системы, серверные приложения для клиент-серверных сред, настольные бизнес-приложения и офисные приложения для домашних пользователей, интерактивные программы, средства для работы в сети Интернет и инструменты разработки.

Операционная система Windows 7 Professional основана на проверенном коде Windows NT и Windows 2000, использующем 32 и 64-разрядную вычислительную архитектуру и полностью защищенную модель памяти. Применение Windows 7 Professional позволяет обеспечить надежную работу всех пользовательских компьютеров. Используется еще один продукт компании Microsoft-Office. Microsoft Office-пакет программ, необходимых для работы на предприятии. Обладает возможностью выбора устанавливаемых программ. В данном случае используются: Microsoft Word-расширенный текстовый процессор, Microsoft Exсel - приложение для работы с электронными таблицами, Microsoft Access-программа работы с базами данных, Microsoft PowerPoint-изготовление грамотных презентаций, FrontPage - приложение для создания веб-узлов и управления ими, обеспечиваются эффективные функции и элементы управления, помогающие легче разрабатывать web-узлы, быстрее генерировать код и расширять границы использования, OneNote - приложение для записи заметок и управления ими, позволяет записывать, упорядочивать и повторно использовать заметки, InfoPath-осуществляет сбор и управление данными. Каждая их этих программ незаменима для составления документов, отчетностей, презентаций и написания баз данных. Все они используются работниками ООО «МаксАвто». Их можно причислить к стандартным программам.

Следующий набор программного обеспечения, имеющийся на главном персональном компьютере фирмы-это специализированные программы. «1С Предприятие» - осуществление бухгалтерских операций, расчет зарплат, учет прибыли, включающее конфигурации, разработанные специально для ООО «МаксАвто». «Налогоплательщик» - программа, предназначена для формирования отчётных документов, предоставляемых в налоговую инспекцию на бумажном и магнитном носителе. «Клиент-Сбербанк» - осуществляет работу со счетами фирмы, непосредственно связываясь со Сберегательным банком города Ставрополя. «Декларация» - составление декларации о доходах фирмы. «Консультант Плюс» - справочник новейших документов, отчетов, законов. «Мини-автосервис» - программа, разработанная специально для учета, контроля работы на предприятии с автомобильной сферой деятельности. Это программное обеспечение облегчает учет прибыли, затрат, зарплаты, товаров, а также автоматизирует работу бухгалтера.

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

Вторые компьютеры располагаются в кабинетах управляющих

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

Соединение с сетью Интернет осуществляется по телефонной линии через обычный модем. Такое подключение наиболее целесообразно в небольшой компании, которой и является ООО «МаксАвто», где необходим доступ к Интернет не более чем в течение нескольких часов в день. Подключение осуществляется по средствам карт быстрой оплаты. Бывает двух видов - трафиковое и повременное. Трафиковое соединение - учитывается количество входящего либо исходящего трафика, но не учитывается время нахождения в сети. Повременное соединение - происходит учёт времени пребывания в сети и не учитывается входящее и исходящее количество информации. К достоинствам такого подхода можно отнести дешевизну, быстроту внедрения решения, доступность (возможность подключения к телефонной сети, которая есть практически везде), к недостаткам- необходимость занимать телефонную линию во время доступа к Интернет, сравнительно низкую скорость (до 56 кбит/с), длительное время установления связи (до 1-2 минут).

Программное обеспечение, которое используется для использования сети Интернет: Windows Internet Explorer - web-обозреватель корпорации Microsoft для ОС семейства Windows. MyProxy-программа, контролирующая трафик, блокирует небезопасные всплывающие окна, а также рекламу, настраивается под любого пользователя. Outlook Express - программа для работы с электронной почтой и группами новостей от компании Microsoft. Outlook Express поставляется в составе операционных систем Windows, начиная с Windows 95 OSR 2.5, а также вместе с браузером Internet Explorer начиная с версии 4.0.[19] Безопасность информации при нахождении в сети обеспечивают антивирусы. Антивирус - программа для обнаружения и лечения программ, заражённых компьютерным вирусом, а также для предотвращения заражения файла вирусом. Первые наиболее простые антивирусные программы появились почти сразу после появления вирусов. Сейчас разработкой антивирусов занимаются крупные компании. Современные антивирусные программы могут обнаруживать десятки тысяч вирусов. Антивирусное программное обеспечение состоит из компьютерных программ, которые пытаются обнаружить, предотвратить размножение и удалить компьютерные вирусы и другие вредоносные программы.[12] ООО «МаксАвто» использует известные в России и во всем мире антивирусные программы «Dr.Web» для Windows, антивирус Касперского и Norton AntiVirus. Компания «Доктор Веб» - российская компания, являющаяся производителем и поставщиком антивирусных продуктов под маркой «Dr.Web». Компания предлагает антивирусные решения самому широкому кругу клиентов, использующих различные операционные системы.[20] Антивирус Касперского - разработка ведется с 1991 года под руководством Евгения Касперского. Неоднократно занимал призовые места в крупнейших антивирусных тестах, как Российских, так и международных. Обеспечивает сканирование по запросу (ручное сканирование), резидентный сканер (сканер по доступу), а так же автоматическое и ручное обновление антивирусных баз. Недостатки: возможны случаи ложного срабатывания проактивной защиты. Слабый эвристический анализатор.[21] Norton AntiVirus - производится американской компанией Symantec. Неоднократно занимал призовые места в крупнейших международных антивирусных тестах. По данным на 9 февраля 2014 года Norton определяет 73.139 вирусов.[22]

Всё используемое программное обеспечение лицензировано, качественно проверено и регулярно обновляется. Лицензированное программное обеспечение гарантирует качество и дает гарантии в случае неисправности либо обновления, а также безопасности использования.

За весь период существования ООО «МаксАвто» динамично развивалось и расширялось. Расширение происходило как в отношении пространства, так и программного обеспечения. Изначально аппаратная часть предприятия представляла собой один компьютер и стандартный набор программ, использовались нелицензионные копии продуктов, что приводило к множеству проблем. Сложности с хранением, обработкой информации занимали много времени, что мешало росту и нормальному ходу работы предприятия. С каждым годом работа над информационными технологиями компании совершенствовалась: обновления программного обеспечения, внедрение новых программ, осуществляющих поддержку, сопровождение, а также приспособление уже существующих программ к требованиям фирмы и более корректной работе. На данный момент всё программное обеспечение максимально автоматизировано, приспособлено именно к работе компании ООО «МаксАвто».

Задачи и требования к разработке web-сайта

С ростом и развитием ООО «МаксАвто» необходимость существования web-сайта организации возрастает. Существуют две проблемы, затрудняющие производственный процесс. Первая проблема-связь с деловыми партнерами из других городов. Передача информации: прайс- листов, запросов, рекламных проспектов, новых поступлений товара, деловых предложений, происходит по средствам факс-машины. Это влияет на качество изображения - возможны потери информации, значительно увеличиваются затраты на телефонное соединение, а также увеличивается трудоёмкость работы главного бухгалтера, который вынужден принимать факс. Вторая проблема-распространение рекламы и информации об услугах, товарах, местоположении организации. До настоящего момента ежемесячными затратами были расходы на печать, распространение неэффективных рекламных проспектов. Связь с потребителями осуществлялась при непосредственном контакте, либо через телефонное соединение, что на современном этапе развития информационных систем является неэффективным способом, потому что влечет за собой расходы и потери прибыли. ООО «МаксАвто» динамично развивается и основным условием дальнейшего существования становится разработка web-сайта организации, не только для решения проблем, связанных с неэффективным производством, а также для выхода на новый информационный уровень. В настоящее время с ростом информационных технологий, возрастанием пользователей, Интернет является неотъемлемой частью грамотной постановки маркетинговых решений предприятия.

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

Одной из задач, поставленных заказчиком, являлась разработка логотипа компании. Логотип компании должен предлагаться в электронном виде.

Логотип (от древнегреческого логос - слово, типос - отпечаток) - оригинальное начертание полного или сокращенного наименования организации или товара. Логотип является словесной частью товарного знака. [4]

Термин «логотип» появился в начале XIX века в типографике и был синонимом термина «лигатура», то есть обозначал объединение двух или трёх знаков типографского шрифта. Он возник после волны подъема производства, которая привела к росту объемов производимой продукции, росту экспорта и конкуренции. К середине XIX века логотипом называли любое текстовое клише, которое не нужно каждый раз набирать заново. Например, заголовок- название газеты. В XX веке логотипом стали называть стилизованное шрифтовое начертание названия или само название в таком начертании, или условный знак, обозначающий организацию или товар. Логотип - важнейший элемент корпоративного имиджа компании. Он служит, в первую очередь, для идентификации компании на рынке. Логотипы появились для того, чтобы отличать продукцию различных фирм, в рамках одной отрасли. Зарегистрированная торговая марка защищает компанию от недобросовестной конкуренции, и позволяет защитить ее права в суде. В восприятии потребителя наличие логотипа или торгового знака является гарантией качества товара. Логотип - оригинальное графическое начертание названия. В некоторых случаях используется и комбинация, её обычно называют фирменным блоком. Требования к логотипу: запоминаемость, универсальность, оригинальность, ассоциативность. Логотипы различают: логотип шрифтовое начертание - преобразование письменного написания названия организации по средствам изменения цвета, шрифта и расстановки букв; логотип-знак - разрабатывается изображение, которое олицетворяет предприятие; фирменный блок - сочетание логотипа-знака и шрифтового начертания. [13],[32]

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

Web-сайт по требованию заказчика, руководителя компании

«МаксАвто» должен содержать следующие страницы:

Главная

О компании

Услуги

Работники

Фото-галерея

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

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

«Услуги» - раздел включает в себя описание предоставляемых услуг, прайс-листы.

«Работники» - содержит информацию о каждом работнике компании, его фото, опыт работы, сфера работы.

Раздел «фото-галерея» содержит фотографии проделанных работ, а также фотографии предприятия.

Выбор средств и методов создания web-сайта фирмы

Выбор средств и методов создания web-сайта является окончательным подготовительным этапом при разработке web-сайта. От правильно сделанного выбора зависит скорость, удобство, трудоёмкость работы, количество затраченных средств. К этому этапу следует переходить, как только ясны задачи, поставленные заказчиком.

Выбор языка программирования web-сайта состоит в рассмотрении достоинств и недостатков существующего на данный момент перечня предлагаемых языков разметки и программирования. Самым распространенным языком разметки на данный момент является язык гипертекстовой разметки HTML. Он заключает в себя простоту использования, легкость внедрения за счет широкого использования в Интернет. За основу web-сайта выбор остановился на этом языке. Далее в качестве дополнения в виде более сложных элементов взяты не менее популярные языки Php, JavaScript, Dhtml, CSS. Отвечающие моим требованиям: современность использования, адаптация к популярным браузерам, возможность вставки в Html-код.

Программное обеспечение

Выбор программного обеспечения - трудоемкий процесс, требующий затрат времени, изучения большого числа возможных редакторов, а также нового программного обеспечения, если возникнет необходимость. Из существующих видов редакторов, я отдала предпочтение визуальному редактору Macromedia Dreamweaver. Визуальные редакторы отличаются в первую очередь удобством использования, расширенными возможностями. В первую очередь уделяется внимание дизайну и стилю web-сайта, что полностью отвечает моим требованиям. Весь процесс web-разработки происходит в окне документа. В этом окне можно добавлять и размещать все визуальные элементы, из которых будет состоять текущий документ. Учитывая пожелания заказчика, разработать web-сайт для компании «МаксАвто» рациональнее при помощи визуального редактора.

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

Macromedia Dreamweaver - профессиональный редактор HTML для проектирования, написания кода и поддержки сайтов, web-страниц и приложений сети. Поддерживает возможность написание кода HTML вручную или работу в визуальной среде редактирования. Dreamweaver обеспечивает полно-функциональную среду написания кода, которая включает инструментальные средства редактирования кода (раскраска кода или проверка закрытия тегов) и справочная информация по HTML, CSS, JavaScript, язык разметки ColdFusion (CFML), Microsoft Active Server Pages (ASP) и страницы JavaServer (JSP). Технология Roundtrip HTML импортирует документы HTML без переформатирования кода. Dreamweaver дает возможность строить динамические станицы использующие сервер- технологии CFML, ASP.NET, ASP, JSP и PHP. [17]

Dreamweaver включает различные новые инструменты для облегчения работы и помощи в создании страниц в режиме дизайна или кода: Новая, модифицированная панель CSS. Содержит сгруппированные в одном месте инструменты для изучения, работы и применения стилей CSS к страницам в режиме визуального редактирования.

Визуализация слоев CSS. Применение визуального выделения в режиме дизайна границ, фона слоев CSS.

Панель Style Rendering. С помощью этой панели при создании документа можно посмотреть, как пользователь будет видеть страницу в различных представлениях.

Зум (Zoom). Для более точного контроля над дизайном можно использовать опцию приближения/удаления страницы. Границы - 6%-6400%. Направляющие. Можно создавать станицы в соответствии с макетами с точностью до пикселя.

Панель Coding. Представлены кнопки для наиболее частых и полезных операций при написании кода. Панель видно только в режиме кода.

Поддержка новых технологий. Поддержка ColdFusion MX 7, PHP 5, Flash Video. Обновлена помощь от O'REILLY. Добавлены новые материалы по XML, XSLT и XPath. Обновлены материалы по ASP JSP. [7],[17]

Adobe Fhotoshop - самый полный и популярный редактор графических изображений. Основное назначение Photoshop-изменять графические изображения и фотографии, создание логотипов компании, баннеров, рекламы. Программа имеет удобный интерфейс, множество функций и возможнойтей. [6],[10]

Apache HTTP-сервер - это web-сервер с открытым исходным кодом. С апреля 1996 это самый популярный HTTP-сервер в Интернете; в апреле 2012 года он работал на 58 % всех web-серверов. [28] Основными достоинствами Apache считаются надёжность и гибкость конфигурации. Он позволяет подключать внешние модули для предоставления данных, использовать СУБД для аутентификации пользователей, модифицировать сообщения об ошибках. Поддерживает IPv6. Недостатком наиболее часто называется отсутствие удобного стандартного интерфейса для администратора. Сервер был написан в начале 1995 года. На данный момент разработка ведется в ветке 2.2, а в версиях 1.3 и 2.0 производятся лишь исправления ошибок безопасности. Web- сервер Apache разрабатывается и поддерживается открытым сообществом разработчиков Apache Software Foundation и включён во многие программные продукты, среди которых СУБД Oracle и IBM WebSphere.



Глава 2. Разработка и создание web-сайта

2.1 Этапы разработки и создания web-сайта

Постановка задачи и разработка технического задания-первые этапы создания web-сайта. Они представляли собой собеседования с руководителем ООО «МаксАвто», составление задания на основе его требований и пожеланий.

Проектирование - этап, на котором происходил выбор программного обеспечения проекта. Были рассмотрены множество возможных программ, таких как Macromedia HomeSite, Microsoft FrontPage, Adobe GoLive, Macromedia DreamWeaver. Процесс рассмотрения представлял собой изучение характеристик, функций, возможностей программ, положительных и отрицательных характеристик. Изначально выбран был обычный текстовый редактор Bred2, в котором происходило изучения html-языка, затем был установлен визуальный редактор Dreaweaver. Процесс продолжился изучением этого инструмента создания web-сайтов.

Графический дизайн. Программирование. Наполнение.

Центральным элементом является Главная страница. При разработке главной страницы основное внимание уделялось дизайну и внешнему виду.

Рассмотрим процесс создания Главной страницы web-сайта ООО «МаксАвто».

Создадим новый документ. Создавать новый документ в программе Dreamweaver можно двумя способами: при запуске программы в открывшемся окне стартовой страницы Create Newвыбрать расширение создаваемого документа. Второй способ создания нового документа - выбрать в основном меню команду FileNew(ФайлСоздать документ) (рис.2).



Рисунок 2 - Создание нового документа

Выбираем Basic pageHTML, HTML-документ создан. В строке Title(Заголовок) даем название web-страницы-Официальный сайт «МаксАвто». Сохранить документ. Для этого на панели FilesManage SiteNew, заполняем свойства, создаем новую группу при помощи вкладки Manage site (рис.3). Созданная группа - корневой каталог всех файлов, используемых при работе web-сайта. В дальнейшем, для корректной загрузки web-страницы документы, к которым может обращаться сервер должны находиться в этой папке. При создании группы после нажатия на кнопку New появляется новое меню, в котором необходимо указать всю информацию о будущем web-сайте. Создать группу «Maxavto», сохранить новый документ- главная страница web-сайта, как index.html.



Рисунок 3 - Создание группы для web-сайта

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

Далее необходимо создать макет и по макету сохранить шаблон, содержащий тезисы общего стиля страницы. Создать макет можно при помощи таблиц и второй вариант - используя каскадные таблицы стилей (Cascading Stile Sheets CSS). Я использовала второй вариант. Элементы HTML для создания CSS- DIV(для блочного содержимого) и SPAN(для линейного содержимого). Создаем новый стиль: WindowCSS StylesNew CSS Style. В открывшемся диалоговом окне (рис.4), создаем документ, называем его MaxavtoStile.css и сохраняем его в корневом каталоге.

Рисунок 4 - Создание нового стиля CSS

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

Для дальнейшей работы необходимо нарисовать план макета, по которому будет строиться структура сайта. План построения на Рисунке 5:

Рисунок 5 - Схема макета сайта

Далее необходимо определиться с параметрами создаваемых блоков. Макет главной web-страницы «МаксАвто» состоит из четырех компонентов, три из которых создадим с помощью блоков, один при помощи слоя. Установим курсор в верхний правый угол, затем команда InsertLayout ObjectsDivTag. В появившемся окне выбираем «At insertion point», присоединяем класс «style2», созданный заранее. Далее в следующем меню создаем имя «globalNav», выбираем свойства, положение, задаем цвет. Создаваемая страница должна быть гибкой, «плавающей», то есть принимать размеры окна и адаптироваться к различным расширениям. Для этого, при создании идентификаторов «navBar», «content», «masthead», в категории «Positioning»(Позиционирование) диалогового окна CSS Style Definition все параметры выбираются в процентах, и указывается положение: positionrelative, то есть блоки навигации имеют относительное позиционирование (элемент помещается в абсолютное положение относительно места, где находится его статическое положение). Для элемента «информация о сайте», создаём слой Layer1:InsertLayout ObjectsLayer. При помощи курсора перемещаем слой вниз страницы, внутри него создаём блок дискриптором DIV и обозначает пользовательский класс <span class="style6">. Для остальных элементов макета создаем подобным образом каскадные блоки. В приложении 1 представлен вид макета страницы.

Создание относительных гиперссылок. В режиме «DESIGN» Находим место расположения гиперссылки, набираем текст, которым она будет, выделяем. Для создания гиперссылок воспользуемся панелью PropertiesLink. В открывшемся окне выбираем файл, который предварительно скопировали в корневой каталог сайта. Далее подбираем стиль, созданный заранее для гиперссылок: PropertiesStile. Таким образом, создаем гиперссылки в верхней, правой и нижней навигационной панели. Внизу страницы в блоке информации о сайте необходимо сделать ссылку на почтовый адрес для обратной связи: выделяем выражение «2007 Maxavto» в режиме «DESIGN» и производим операцию InsertEmail Link, в появившемся окне (рис.6) вводим Email-адрес назначения, нажимаем ОК.

Рисунок 6 - Создание гиперссылки на Email-адрес

Далее редактируем содержание основного блока страницы. Пользуемся режимом «CODE» для корректного отображения в документе. Применяем стили. Создаем ссылку на последние слова основного текста, чтобы не загромождать страницу лишним текстом и направлять посетителя на страницу с расширенной информацией. [7]

Динамические элементы web-сайта

По проекту web-сайт должен иметь следующие динамические элементы: поведение «Show Pop-Up Menu» - всплывающее меню, на странице информации о работниках использование полосы прокрутки и элемент, изменяющий фото поведением onClick.

Всплывающее меню используется в крупных проектах с глубокой иерархией, которым в настоящий момент web-сайт ООО «МаксАвто» не является. Но можно предположить, что со временем возникнет необходимость использования расширенного меню. Создадим всплывающее меню. Открываем документ главной станицы FileOpenindex.html. Выделяем объект «услуги» в верхней навигационной панели. Выбираем объект «Show Pop-Up Menu» методом BehaviorsAdd Behaviors, в появившемся меню, создаём и добавляем новые ссылки, прописываем свойства в каждой вкладке (рис.7).

Рисунок 7 - Создание всплывающего меню

После создания всплывающего меню сохраняем и проверяем документ. Создание полосы прокрутки. Создадим полосу прокрутки на странице информации о работниках. Открываем шаблон страницы «МаксАвто», в верхней части размеченной для контента области вставляем таблицу InsertTab, состоящую из двух ячеек. В первую ячейку помещаем фотографию работника, во второй будет находиться информация о нем. Создадим полосу прокрутки, не прибегая к возможностям программы, перейдем в режим кода. Находим место, в которое будет помещен объект и создаем код: <textarea cols="90" rows="7">, где textarea - операция, cols - ширина и rows - длина визуального объекта, по правилам пунктуации добавляем закрывающий тег </textarea>. Между этими тегами будет располагаться текст. Сохраняем документ.

На этой же странице будет использован элемент поведения с использованием события onClick. Будтет работать, как меняющаяся фотография работника. Для этого необходимо сделать заготовку - фотографии работников в двух или трех изображениях, желательно с нетривиальным видом и одним фоном. Помещаем первую фотографию в окно, заранее для нее приготовленное InsertImage. Выделяем помещенное фото. Помещаем следующее, которое будет служить заменой первоначальному. Выбираем команду Swap ImageAdd BehaviorBehaviors. В области этого окна выбираем ID того изображение, которое будет служить заменой первоначальному изображению, выбираем нужные настройки, сохраняем документ.

Необходимо помнить, что нельзя перегружать web-страницы различными элементами, java-скриптами и графикой. В этом разделе были рассмотрены основные моменты создания web-сайта ООО «МаксАвто».

2.2 Создание баннера и логотипа компании «МаксАвто»

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

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

Рассмотрим поэтапно создание баннера-фона для web-сайта.

Запускаем программу. Создаём новый документ FileNew, в открывшемся меню (рис.8) даем ему имя, выбираем размер, первоначальный фон.

Рисунок 8 - Создание нового документа Adobe Photoshop

Для создания баннера я использовала картинку, найденную в своих коллекциях изображений (Приложение). C помощью обесцвечивания картинки (Ctrl+B) и ручной коррекции (Ctrl+U) цветов необходимо достигнуть эффекта «сепиа» фона. При помощи фильтров «Texturizer» (FilterTextureTexturizer) с установленным параметром Relief=2 и «Spatter» (FilterBrush StokesSpatter) параметры Spray Radius=2, Smoothness=14 (рис.9) был достигнут более мягкий оттенок изображения с небольшими шумами.



Рисунок 9 - Использование фильтров для редактирования

Убираем номер автомобиля. Инструмент «Clone Stamp Tool». Нажав клавишу «Alt» выделяем область ниже автомобиля с идентичным характером цветов. Использовать его будем с силой 50%, и с таким же процентом используем инструмент «Burn Tool» для смягчения переходов в местах состыковки текстур и эффекта естественного затемнения.

Вся работа проводилась в первоначальном файле изображения. Для уменьшения объема и размера, выделяем инструментом «Rectangular Mavquee» всё изображение, правый щелчок манипулятором мышь и в контекстном меню-«Free Transform». При помощи манипуляторов на появившейся рамке утягиваем, чтобы изображение получилось пропорционально меньше, интструментом «Crop Tool» обрезаем лишнее и получаем изображение 300х150 pxl. Копируем это изображение и вставляем в документ «1.pdf». Используя инструменты «Clone Stamp Tool», «Burn Tool», и «Dodge Tool» заполняем и корректируем остальное изображение. Создаём новый слой LayerNewLayer. В появившемся окне (рис.10) название: «ma».

...