Разработка сайта для завода оконных систем

• Введение
• 1. Анализ сравнительных характеристик сайтов
• 1.1 Анализ потребности создания проекта
• 1.2 Цели создания проекта
• 1.3 Сравнительные характеристики аналогичных продуктов
• 1.4 Выводы
• 2. Техническое задание
• 2.1 Основания для разработки
• 2.2 Назначение разработки
• 2.3 Требования к программному продукту
• 2.3.1 Требования к функциональным характеристикам
• 2.3.2 Требования к надежности
• 2.3.3 Требования к средствам защиты информации от несанкционированного доступа
• 2.3.4 Требования к средствам антивирусной защиты
• 2.3.5 Требования к эргономике и технической эстетике
• 2.3.6 Наполнение информацией
• 2.4 Требования к условиям выполнения работ по проектированию
• 2.5 Порядок контроля и приёмки работ
• 3. Проектный раздел
• 3.1 Технология гипертекста — язык HTML
• 3.2 Проектирование структуры и архитектуры ПП
• 3.2.1 Декомпозиция задачи
• 3.2.2 Определение взаимосвязей между модулями и разделами
• 3.2 Средства для создания Web-страниц
• 3.3 Проектирование пользовательского интерфейса
• 3.4 Разработка визуального оформления
• 4. Специальный раздел
• 4.1 Технический раздел
• 4.1.1 Описание проекта
• 4.1.2 Оценки требуемых вычислительных ресурсов
• 4.1.3 Гостевая книга для сайта
• 4.1.4 Счетчик
• 4.2 Рабочий проект
• 4.3Оптимизация и продвижение сайта
• 5. Организационно экономический раздел
• 5.1 Расходы по созданию и размещению сайта в сети Интернет
• Выводы
• 6. Безопасность жизнедеятельности
• 6.1 Характеристика условий труда программиста
• 6.2 Требования к производственным помещениям
• 6.2.1Окраска и коэффициенты отражения
• 6.2.2 Освещение
• 6.2.3 Параметры микроклимата
• 6.2.4 Шум и вибрация
• 6.2.5 Электромагнитное и ионизирующее излучения
• 6.2 Эргономические требования к рабочему месту
• 6.4 Противопожарная безопасность
• 6.5 Расчет освещенности
• 6.6 Расчет уровня шума
• Выводы
• Заключение
• Список использованных источников
• Приложение

Темой дипломного проекта является «Разработка сайта для завода оконных систем» .

Причины выбора данной темы состоят в следующем:

1. Хорошее знание предметной области.

2. Работа инженером производственного отдела на заводе оконных систем.

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

4. Создание работоспособного программного продукта, который найдет свое практическое применение.

Предметной областью является завод оконных систем «Вертикаль» .

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

Целью дипломного проекта является разработка программного продукта для завода оконных систем «Вертикаль» «. Программный продукт (далее ПП) — сайт предназначен для максимально эффективного позиционирования продукции компании в сети интернет, повышения положительного имиджа и узнаваемости бренда, ну и конечно для увеличения объёма продаж.

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

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

1. Анализ сравнительных характеристик сайтов

1.1 Анализ потребности создания проекта

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

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

Типичная цель посетителя сайта подобного типа — выбор оптимального варианта:

· соотношение цена-качество

· гарантии

· доставка

· и т. д.

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

1.2 Цели создания проекта

· Продвижение организации в сети Интернет

· Реклама товаров и услуг

· Информационная поддержка проекта

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

Промо-сайт — это интернет-проект для привлечения внимания к конкретному продукту/услуге. Его основная цель — обратить внимание на новую акцию/услугу/товар максимально широкой аудитории, рассказать о преимуществах продукта, обеспечить запоминание.

1.3 Сравнительные характеристики аналогичных продуктов

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

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

1. Технические:

· скорость приема/передачи информации (скорость соединения с Интернет);

· характеристики монитора (размер экрана, разрешающая способность, количество цветов и пр.), качество монитора;

· установка просмотра или отключение возможности просмотра графики при просмотре сайта;

· версия браузера;

· настройки системы безопасности принимающего компьютера (если компьютер входит, например, в локальную сеть организации, фирмы) и компьютера посетителя;

· настройки браузера (размер шрифта, тип шрифта и пр.);

· версия операционной системы, установленная на компьютере посетителя;

· местоположение принимающего компьютера (город, страна, континент);

· модификация «мышки» (способ перемещения указателя курсора, с колесиком или без и т. д.).

2. Социальные:

· образование посетителя (начальное, среднее, высшее);

· должность посетителя (руководитель, менеджер, снабженец, бухгалтер, посредник и пр.);

· материальное положение посетителя;

· вероисповедание посетителя.

3. Психологические:

· мотивация (задачи, степень заинтересованности, ожидания):

· насколько важна для посетителя сайта информация, представленная на сайте (степень его заинтересованности).

· задачи, которые ставит перед собой посетитель сайта.

· чего ждет посетитель от сайта.

· личностные особенности (характер, темперамент, склонности);

· психологическое состояние (мрачное, хмурое, игривое, приподнятое и пр.);

· самочувствие посетителя;

· степень усталости посетителя (уставший, бодрый, сонливый и пр.);

· соответствует или нет информация, представленная на сайте, тому ключевому слову, по которому был найден сайт.

4. Физиологические:

· зрение посетителя (носит очки или нет);

· дальтонизм (цветовая слепота);

· возраст посетителя;

· пол посетителя (мужчина или женщина);

5. Дополнительные условия:

· опыт посетителя и его знания в области Интернет;

· время суток (утро, день, обеденный перерыв, вечер, ночь);

· день недели, выходной или праздничный день;

· в какой раз посещается сайт (первый, второй, постоянный посетитель) и сколько сайтов просмотрено до этого;

· кто оплачивает посещение Интернет — сам посетитель или фирма;

· групповой или личный просмотр (один посетитель просматривает сайт или нет).

Анализ путей попадания посетителей на сайт показывает, что, в основном, посетители приходят на сайт через поисковые машины. После индексации сайта в поисковых машинах, посетители сайта могут сразу попасть не на главную (домашнюю) страницу сайта, а на его внутренние разделы (внутренние подразделы). Практика показывает, что, в больших (от 100 отдельных html страниц и более) сайтах, соотношение общего числа посетителей, пришедших на главную (домашнюю) страницу к общему числу страниц сайта составляет 10% и менее. Остальные 90% посетителей начинают просмотр сайта с внутренних страниц (разделов и подразделов) сайта. Именно поэтому каждая страница сайта должна иметь удобную и интуитивно понятную систему навигации. Важно, чтобы посетитель сразу же смог понять, в каком подразделе какого раздела и на какой странице сайта он находится.

Результаты:

· по содержанию продукты мало отличаются друг от друга: стандартный перечень производимой продукции (окна, лестницы, откосы), контактная информация и т. д.;

· некоторые сделаны чуть более удачно, чем другие в плане удобства пользования — понятная навигация по сайту, максимум информации, при минимуме перемещений

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

1.4 Выводы

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

2. Техническое задание

2.1 Основания для разработки

Необходимо разработать программный продукт (ПП)" Сайт для завода оконных систем «Вертикаль». ПП предназначен для максимально эффективного позиционирования продукции компании в сети интернет, повышения положительного имиджа и узнаваемости бренда, ну и конечно для увеличения объёма продаж.

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

Данным ПП будут пользоваться люди, заинтересованные в предоставленной компанией продукции, такой как:

окна:

металлопластиковые

деревянные

дерево-алюминиевые

окна исторического фонда

двери:

фанерованные

деревянные

лестницы

2.2 Назначение разработки

Предоставление пользователю полной информации о компании и производимой ею продукции.

2.3 Требования к программному продукту

2.3.1 Требования к функциональным характеристикам

ПП должен решать следующие задачи:

1. Содержать информацию о компании

· Общая информация о компании,

· Опыт работы, награды и достижения

· Информация о сотрудничестве

· Партнёры компании

2. Предоставлять пользователю каталог продукции

· Каталог продукции, разделённый по категориям, имеющий древовидную структуру

3. Содержать форум для возможности задать интересующие вопросы

4. Содержать подробную контактную информацию о компании

· Адреса и телефоны

· Информация о режиме работы

5. Содержать информацию о вакансиях в компании

· Список активных вакансий

· Подробное описание каждой вакансии

2.3.2 Требования к надежности

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

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

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

· Сбой общего или специального программного обеспечения комплекса средств автоматизации (отдельного автоматизированного рабочего места или сервера)

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

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

· Выход из строя части технических средств комплекса средств автоматизации

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

· Сбои или выход из строя активного накопителя на жестком магнитном диске

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

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

· Импульсные помехи, сбои или прекращение электропитания.

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

Прекращение электропитания на время до 15 минут не должно приводить к прекращению функционирования комплекса средств автоматизации.

Должны быть предусмотрены средства оповещения пользователей о прекращении электропитания.

2.3.3 Требования к средствам защиты информации от несанкционированного доступа

Средства защиты информации от несанкционированного доступа должны предусматривать:

· защиту ресурсов Системы от несанкционированного доступа со стороны внешних телекоммуникационных сетей — сети Интернет;

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

Средства защиты информации от несанкционированного доступа должны интегрировать:

· Штатные средства защиты от несанкционированного доступа сетевых операционных систем;

· Штатные средства защиты от несанкционированного доступа систем управления базами данных;

· Штатные средства защиты от несанкционированного доступа используемых приложений;

· Штатные аппаратно-программные комплексы защиты от несанкционированного доступа автоматизированного рабочего места авторизуемых пользователей (администраторов);

· Средства защиты от несанкционированного доступа серверов;

· Средства защиты от несанкционированного доступа межсетевых экранов, маршрутизаторов и другого коммуникационного оборудования;

· Средства контроля, управления и идентификации при доступе к Системе должны обеспечивать процедуры идентификации пользователей, контроля подключения и управления их доступом к ресурсам Системы;

· Средства экранирования в Системе должны обеспечивать безопасное подключение к открытым сетям (сети Интернет) и развязку отдельных сетевых сегментов в рамках самой Системы. Они должны обеспечивать разграничение доступа между сегментами Системы и контроль информационных потоков, направленных как в Систему, так и из нее.

2.3.4 Требования к средствам антивирусной защиты

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

· Сервер и рабочие места пользователей (редакторов, администраторов) системы должны быть защищены антивирусным программным обеспечением;

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

2.3.5 Требования к эргономике и технической эстетике

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

· Адекватно отображаться в зависимости от типа подключения пользователя (пользователи, работающие с порталом через модем; пользователи, работающие с порталом через высокоскоростной канал доступа) и от его личных предпочтений;

· Быть достаточно «легким» по объему графических элементов и обеспечивать максимально возможную скорость загрузки страниц сайта;

· Обеспечивать легкую и понятную идентификацию раздела портала, в котором находится пользователь;

· Иметь интуитивно понятную пользователю навигацию, позволяющую затрачивать как можно меньше времени и усилий для перемещения по страницам сайта;

· Обладать развитой системой поиска информации, как посредством контекстного поиска, так и посредством древовидных списков документов;

· Корректно отображаться при всех возможных разрешениях и количестве одновременно отображаемых цветов монитора. Минимальное возможное разрешение браузера — 800×600 пикселей;

· Сохранять идентичность отображения при просмотре на web-браузерах Microsoft Internet Explorer версии 5.0 и выше, Mozilla Firefox 2.0 и выше, Opera 5.0 и выше;

· Обладать системой контекстных подсказок на страницах, где у пользователя потенциально могут возникнуть затруднения;

· Обеспечивать приемлемый результат при распечатке страниц портала на принтере;

· Обеспечивать обратную связь с пользователем в полном объеме посредством web-браузера без применения почтовых клиентов или иных программ;

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

· Предусматривать возможность поддержки мультиязычного содержания;

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

2.3.6 Наполнение информацией

Модификация содержимого разделов должна осуществляться посредством администраторского веб-интерфейса (системы управления контентом), который без применения специальных навыков программирования (без использования программирования и специального кодирования или форматирования) должен предусматривать возможность редактирования иерархии страниц сайта, управления правами доступа к страницам сайта (с учетом задания прав групп пользователей) и давать возможность редактировать информационное содержимое страниц сайта. Наполнение информацией должно проводиться с использованием шаблонов страниц сайта. Должна быть предусмотрена возможность модификации таких шаблонов, размещения на страницах сайта ссылок и прикрепления файлов любого формата, размещения и форматирования текста, графической, табличной и мультимедийной информации, возможность экспорта данных из файлов MS Word и Exсel, возможность вставлять html-вставки. Должна быть предусмотрена возможность редактировать дизайн страниц через административный web-интерфейс.

2.4 Требования к условиям выполнения работ по проектированию

Заказчик обязан предоставить исполнителю всю необходимую входную информацию на электронном носителе (USB Flash Card), либо по средствам электронной почты с подтверждением получателя.

Исполнитель должен предоставить готовый ПП к оговоренной обеими сторонами дате, указанной в договоре на разработку интернет-ресурса.

2.5 Порядок контроля и приёмки работ

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

1. предварительные испытания;

2. опытная эксплуатация;

3. приемочные испытания.

Испытание ПП должно осуществляться путем его тестирования в целях выявления возможных ошибок и недостатков.

Проверяется работоспособность программного обеспечения и соответствие выполняемых функций системы требованиям документа «Техническое задание». Заканчиваются предварительные испытания оформлением акта приемки в опытную эксплуатацию.

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

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

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

Результаты опытной эксплуатации отражаются в акте о завершении опытной эксплуатации.

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

Комиссии предъявляется доработанное по результатам опытной эксплуатации ПО (программы и документация).

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

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

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

3. Проектный раздел

3.1 Технология гипертекста — язык HTML

Язык разметки HTML является базовым стандартом разработки электронных документов, размещенных в Интернете. html не является языком программирования, он предназначен для разметки текстовых документов, т. е. для форматирования текста.

HTML-документ представляет собой текстовый файл, с расширением html. Он содержит текстовую информацию, отображаемую в окне браузера, и стандартные команды — теги.

Одни теги используются для форматирования текста и сообщают браузеру, как должен отображаться тот или иной фрагмент текста — заголовок, подзаголовок, основной текст и т. д. Другие теги используются для размещения графики, аудио и видео объектов. Но возможности HTML достаточно ограничены…

Чтобы предоставить более гибкие и разнообразные возможности для оформления элементов Web-страницы, была разработана технология CSS (Cascading Style Sheets — Каскадные таблицы стилей)

Технология CSS дополняет возможности HTML по управлению отображением элементов Web-страниц на любом устройстве, которое может быть использовано посетителем для обмена информацией с помощью WWW, а также значительно облегчает процесс редактирования, как отдельного документа, так и ресурса в целом. [1]

3.2 Проектирование структуры и архитектуры ПП

3.2.1 Декомпозиция задачи

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

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

3.2.2 Определение взаимосвязей между модулями и разделами

Взаимосвязь между модулями будет осуществляться по средствам гиперссылок.

Гиперссылки — связи, ведущие от одной Web-страницы к другой.

Гиперссылки создаются с помощью особого парного тега <�а> и имеют следующий вид:

<�А HREF=". /about.html" >Страница N125

Тег <�а> содержит атрибут href, который задает интернет-адрес страницы, на которую будет выполнен переход при щелчке по гиперссылке. Этот атрибут обязательно должен присутствовать в любом теге <�а>, задающем гиперссылку.

3.2 Средства для создания Web-страниц

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

Другой способ: воспользоваться специальными программами — Web-редакторами

Существуют несколько разновидностей Web-редакторов:

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

Визуальные — позволяют работать с визуальным представление элементов страницы: тестом, рисунками, таблицами.

Существуют программы, совмещающие удобные функции HTML-редакторов и возможность «предпросмотра» Web-страницы в визуальном редакторе — гибридные редакторы Таким редактором является программа Dreamweaver.

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

3.3 Проектирование пользовательского интерфейса

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

· Удобная и интуитивно понятная навигация по сайту

· Простота поиска необходимой информации

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

· Лёгкость восприятия предоставленной информации [4]

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

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

· Главная страница

· Каталог продукции

3.4 Разработка визуального оформления

Среди графических редакторов, есть мощные профессиональные программы (Adobe Photoshop, Adobe Illustrator, 3D Studio, CorelDraw), очень большие, с массой вспомогательных программ и всяческих дополнительных эффектов (за это их называют графическими пакетами). Есть более простые и более компактные — Paintshop Pro, Photofinish или Paint из состава Windows. Графические редакторы включают в себя два типа: растровые (Adobe Photoshop, Paintshop, Paint, GIMP), рисующие изображение по точкам, для каждой из которых отдельно заданы её цвет и яркость; векторные, рисующие сразу целую линию — дугу, отрезок прямой, а сложные линии представляют как совокупность таких дуг и отрезков.

Рассмотрим некоторые из них.

GIMP (GNU Image Manipulation Program) — растровый графический редактор, программа для создания и обработки растровой графики. Частично поддерживается векторная графика. Проект основан в 1995 году Спенсером Кимбеллом и Питером Маттисом как дипломный проект, в настоящий момент поддерживается группой добровольцев.

Типичные задачи, которые можно решать при помощи GIMP, включают в себя создание графики и логотипов, масштабирование и кадрирование фотографий, раскраска, комбинирование изображений с использованием слоёв, ретуширование и преобразования изображений в различные форматы.

Графический редактор CorelDRAW предназначен для работы с векторной графикой и является несомненным лидером среди аналогичных программ. Популярность CorelDRAW объясняется большим набором средств создания и редактирования графических образов, удобным интерфейсом и высоким качеством получаемых изображений. Особенно удобен CorelDRAW при создании иллюстраций, состоящих их множества рисунков, фотографий и надписей. В пакет программ CorelDRAW кроме собственно редактора векторной графики входит редактор растровой графики Corel Photo-Paint. Интерфейс обеих программ очень похож, а по возможностям они дополняют друг друга. Используя две эти программы, можно выполнить практически любую, самую сложную, графическую работу.

Одним из графических редакторов, позволяющих создавать растровые изображения является Adobe Photoshop — растровый графический редактор, распространяемый фирмой Adobe Systems. Этот продукт — лидер рынка в области коммерческих средств редактирования растровых изображений, и наиболее известный продукт фирмы Adobe.

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

На рисунке (3.5.2) показан графический шаблон дизайна главной страницы, который выполнен согласно структурной схеме рисунке (3.4.1)

Внутренние страницы создаются на основе главного шаблона. Изменениям подвергается лишь внутренняя структура рабочих областей. [4]

4. Специальный раздел

4.1 Технический раздел

4.1.1 Описание проекта

Проект, представляет собой систему управления базами данных и набор скриптов, в которых осуществляется выборка анализ и вывод информации из базы данных, а также ввод клиентом (пользователем) необходимой информации, для осуществления заказа.

В общем случае проект содержит:

· источники данных — базы данных, таблицы и запросы;

· документы — формы, отчеты;

· программы (скрипты);

· вспомогательные html файлы.

Из особенностей проекта стоит отметить возможность свободно создавать любую иерархию разделов каталога операторами БД и добавлять любое количество свойств товаров для того или иного раздела в каталоге.

4.1.2 Оценки требуемых вычислительных ресурсов

Минимальные системные требования:

1. Для сервера:

· Процессор: Intel Pentium/Celeron, AMD K6, K7/Duron/Athlon и x86-совместимые с тактовой частотой от 500 MHz;

· Память: от 512 Mb;

· Видеоадаптер и монитор: любые, поддерживаемые требуемой ОС, возможна работа без монитора и видеоадаптера (управление осуществляется удалённо);

· Клавиатура и мышь: любые, поддерживаемые требуемой ОС, возможна работа без клавиатуры и мыши (управление осуществляется удалённо);

· Жёсткий диск: от 200 Gb;

· Пропускная способность канала: от 2 Mbit;

· ОС: семейства UNIX (в редких случаях Windows на ядре NT);

· Поддержка протоколов: TCP/IP (FTP, HTTP, POP3);

· Web-сервер: Apache & PHP.

2. Для клиента:

· Процессор: Intel Pentium/Celeron, AMD K6, K7/Duron/Athlon и x86-совместимые с тактовой частотой от 300 MHz;

· Память: от 128 Mb;

· Видеоадаптер: от 8 Mb;

· Монитор: 1024×768@85 и выше;

· Клавиатура и мышь: любые, поддерживаемые требуемой ОС;

· Жёсткий диск: от 20 Gb;

· Пропускная способность канала: от 33,6 кбит/с;

· ОС: любая, поддерживаемая работу со стеком протоколов TCP/IP;

· Поддержка протоколов: TCP/IP (FTP, HTTP, POP3).

Необходимое ПО:

1. Для клиента:

· сёрфинг в сети: браузер (поддерживаемый JavaScript);

2. Для администратора Интернет-магазина:

· сёрфинг в сети: браузер (поддерживаемый JavaScript);

· просмотр/редактирование документов: текстовый редактор (любой), браузер (любой);

· отправка электронных писем: e-mail клиент (любой);

· доступ к серверу через FTP протокол: ftp-клиент (любой).

4.1.3 Гостевая книга для сайта

Большинство серверов сети предлагают воспользоваться бесплатной гостевой книгой.

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

Обзор гостевых книг:

WR Lite Guest — это гостевая книга, написанная на языке PHP, в качестве базы хранения данных используются текстовые файлы, минимальный набор функций, короче только самое необходимое с минимальной нагрузкой.

Эта гостевая книга имеет все, что присуще данному виду скриптов:

· Защита от спама

· Вставка смайлов

· Антифлуд система

· Удаление и редактирование сообщений администратором

· Отправка сообщений на e-mail администратору

· и многое другое.

WR Lite Guest — это отличное решение для небольшого сайта, установка и интеграция дизайна делается в считанные минуты.

BlackBook — это бесплатный скрипт полноценной гостевой книги, использующая в качестве хранения данных текстовые файлы, а не базу данных MySQL.

Особых отличий от подобных скриптов BlackBook не имеет, но хотелось бы отметить наличие некоторых вещей, таких как:

· Простота в установке, настройке и управлении

· Загрузка изображений пользователями

· Поддержка смайлов

· Отличная форма регистрации с большим количеством поле

· Поддержка многих языков

· BlackBook отличное решения для самого требовательного вебмастера.

Для своего сайта я решила воспользоваться одной из таких готовых гостевых книг сайта.

Домашняя страница скрипта гостевой книги MBook mbook. mod-site.net

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

Основные технические характеристики однопользовательского скрипта гостевой книги MBook:

· Язык: Perl

· СУБД: MySql

· Размер дистрибутива: ~1МБ в сжатом виде, ~2МБ в разжатом виде

Возможности гостевых книг MBook v3.2

Отсутствие баннеров (мы гарантируем, что они не появятся в наших гостевых книгах).

· Более 20 кодов для форматирования текста

· Режим форума: посетители гостевой книги могут комментировать сообщения.

· Возможность предварительного просмотра сообщения перед добавлением в гостевую книгу.

· Поиск по гостевой книге.

· Страница с правилами гостевой книги.

· Межбраузерная совместимость: гостевые книги протестированы в браузерах Internet Explorer 6, Netscape 7.0, Opera 7.11, Mozilla 1.0.

· Уведомления о новых сообщениях и комментариях для владельца книги и для посетителей.

· Возможность удалять, редактировать сообщения и отвечать на них прямо из письма-уведомления.

· Возможность создавать несколько гостевых книг на одном аккаунте. При этом одни книги могут использовать дизайн или сообщения других книг (можно создавать книги с одинаковым дизайном или одинаковым содержанием).

· Гибкая система защиты от хулиганов: отслеживание одинаковых сообщений, установка максимального количества сообщений для одного посетителя в день, установка минимального времени между двумя сообщениями, разрезание длинных слов для исключения «раздвигания» книги, запрет отдельных IP-адресов и групп IP-адресов, возможность запрета просмотра гостевой книги для отдельных личностей, возможность запрета оставлять сообщения с анонимных прокси-серверов и др.

· Защита email-адресов от спаммеров с помощью JavaScript.

· Возможность отправить из гостевой книги личное сообщение владельцу книги (такое сообщение не будет опубликовано).

· Расширенная статистика посещаемости, включая статистику по каждому посетителю гостевой книги.

· Возможность изменения порядка вывода сообщений и комментариев на экран

· Сохранение содержимого полей оставленного сообщения. В следующий раз, когда посетитель захочет оставить сообщение в Вашей гостевой книге, необходимые поля (имя, email, город, icq) будут заполняться автоматически.

4.1.4 Счетчик

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

В сети Интернет можно найти счетчик на любой вкус:

Rambler — широкоизвестный Российский сервер. Предоставляемая информация: общее количество посещений, среднее количество посещений в день, в час, суммарный отчет о хостах посетителей, количество возвратов на вашу страницу в течение часа, ваш рейтинг по различным группам страниц за различные периоды времени.

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

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

Easy Counter — обсчитывает до 200 страниц, результаты выводятся в простом и удобном виде. Можно получать отчёты по электронной почте ежедневно, еженедельно или ежемесячно. Начальные показания счётчика можно задать самостоятельно. Есть дополнительный счётчик, показывающий количество визитов после сброса, сбрасывать его можно вручную или автоматически каждый день, неделю или месяц.12 различных вариантов счётчика.

JCount — Java-ориентированный счетчик. Так как бесплатность обеспечивается рекламодателями, то размер счетчика равен стандартному размеру рекламного баннера. Через равные промежутки времени показывается рекламная информация и данные вашего счетчика. Регистрация очень простая. Код счетчика можно взять с их страницы после регистрации или получить по E-mail. При смене адреса ваших страниц в тексте кода счетчика ничего менять не надо.

Я остановила свой выбор на SpyLog.

Для установки счетчика на сайт требуется зарегистрироваться и указать адрес своего сайта.

4.2 Рабочий проект

Модуль «Главная»

Модуль является статической страницей и содержит информацию о компании «Вертикаль» .

URL модуля:. /S11/Smain.html

Модуль «Каталог продукции»

Модуль отображает информацию о производимой продукции

" Окна деревянные" :

URL модуля:. /S11/SokDer.html

Модуль «Лестницы» :

URL модуля:. /S11/Slestn.html

Модуль «Вопросы специалистам» :

URL модуля:. /S11/Svopr.html

Модуль «Контакты» :

URL модуля:. /S11/Skont.html

Модуль «Контакты» с увеличенной картой:

URL модуля:. /S11/Skont2.html

4.3Оптимизация и продвижение сайта

Оптимизация сайта.

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

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

Поисковая система — это Интернет-система, созданная с целью помочь пользователю обнаружить в сети необходимую информацию, например, yandex.ru.

При создании сайта, я учла требования поисковых систем, для дальнейшей оптимизации сайта:

· Размер страницы. Поисковики отличаются от пользователей тем, что не воспринимают графику. Существенной для них является лишь кодировка страницы. Средний размер страниц сайта составил 12−15 Kb.

· Чистый код. То есть быстрая загружаемость страницы, легкость считывания кода и хорошая видимость общей структуры. JavaScript коды больших размеров, негативно влияют на продвижение в поисковой системе, так как увеличивают время загрузки страницы.

· Графические элементы оформлены с помощью каскадных таблиц стилей — CSS, что позволило достаточно сильно облегчить страницу

· Текстовый блок. Набран удобочитаемым шрифтом — оптимальный вариант — средний шрифт, черным по белому.

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

· Заголовки содержат ключевые слова [5]

Ключевые слова

Ключевые слова — те слова, которые наиболее полно характеризуют содержимое html-страницы и будут для нее ключевыми. По ним поисковики определяют релевантность страницы тому или иному запросу.

Для указания служебной информации об html-странице применяются метатеги (< META>).

Сontent-type — тип документа и его кодировка. Выбор кодовой страницы для правильного отображения символов браузером. Например:

< /head>

windows-1251 — кодировка, обозначающая кириллицу, русский язык

content-language — указание языка документа. Значение этого атрибута используется как поисковыми роботами, так и web-серверами. Например:

< meta http-equiv="content-language" content="ru" >

Атрибуты группы мета-тегов NAME:

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

keywords — ключевые слова. Именно сюда нужно внести те ключевые слова и словосочетания, которые ты составишь для страницы. Добавлять их нужно через запятую. Пример HTML-кода:

< meta name="keywords" content=" Окна, дерево-алюминиевые окна, Деревянные окна Санкт-Петербург, металлопластиковые окна, исторические окна, алюминиевые окна, скандинавские, немецкие, стеклопакеты, завод оконных систем, вертикаль, Санкт-Петербург, окна, двери, лестницы" >

Выбор Домена

Домен или доменное имя — это представление адресации в Интернет с помощью имен. Нынешняя адресация всех компьютеров в сети Интернет (и тех, где размещены ваши сайты) записывается с помощью IP-адресов — это группа из четырех чисел от 0 до 255 и запись вида 123.45.67.89. Без доменных имен нам пришлось бы обращаться к каждому сайту по IP-адресу, но все находят такой способ ну очень неудобным. С другой стороны, без доменных имен на одном компьютере возможно размещение только одного сайта, доменные имена позволили размещать большое число сайтов на одном сервере, т. е. на одном IP-адресе.

Доменные имена регистрируются официальными регистраторами доменов. В России это Региональный Сетевой Информационный Центр — http://www.nic.ru/

Домены бывают 1-го, 2-го, 3-го и т. д. уровней. Все домены уникальны, двух одинаковых быть не может. Домены первого уровня: например, com, net, ru, info, biz, uа, de и т. д. Под этими доменами существуют домены второго уровня, например, gogle.com или rambler.ru, третьего уровня: banner.org.ru, soft. narod.ru, shops.com.ua, banner. kiev.ua и т. д. Домены первого уровня делятся на две группы: территориальные (ru, ua, de, us и т. д.) и внетерриториальные (com, org, net и т. д.). Домены первого уровня называют еще зонами. Например, все домены любого уровня в географической зоне.ru относятся к России. На любом из доменов первого уровня каждый желающий может зарегистрировать домен второго уровня.

Многие Хостинг-провайдеры предоставляют Домен второго уровня.ru,.com,.net,.org,. ws,. info и т. д. БЕСПЛАТНО при заказе у них Хостинга.

Выбор имени сайта (доменного имени).

Нужно выбирать простые и легко запоминающиеся имена. Это очень важный момент в процессе раскрутки Интернет-ресурса. Удачно выбранное, запоминающееся имя (URL, т. е. адрес, по которому посетители будут приходить на сайт) может послужить хорошей рекламой, может дать дополнительные преимущества по сравнению с сайтами конкурентов, имеющими аналогичное содержание.

Выбор Хостинга

Хостинг — аренда дискового пространства у Провайдера для размещения сайта.

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

Бесплатный хостинг. Подходит для простых сайтов. При бесплатном хостинге Вам предоставляется место для размещения сайта на одном из крупных серверов. Обычно на каждом сайте, размещенном на таком сервере, хостеры вешают свой рекламный баннер. Бесплатно сайт можно разместить на: narod.ru, mail.ru, agava.ru, holm.ru и др.

Платный Хостинг — если Вы хотите иметь в Интернете серьёзный свой проект (сайт) на длительный срок, а не на один — два месяца, советую сразу подумать о покупке Домена 2-го уровня и платного Хостинга, что обойдется на 1 год (потом можно продлить) у некоторых Хостинг-провайдеров, не более 1 тыс. руб. (можно для начала купить на 3 месяца или на полгода).

Дисковое пространство измеряется в Мегабайтах. Одна страница текста занимает обычно до 10 Килобайт. Одно фото занимает примерно 100 Килобайт.100 Килобайт — это 1/10 Мегабайта, т. е. на 1 Мегабайте Дискового пространства можно разместить примерно 10 фотографий или 100 страниц текста. Путем несложных вычислений нужно выбрать размер Дискового пространства. Выбирать Дисковое пространство лучше побольше, т.к. в дальнейшем придется редактировать свой сайт, добавлять информацию, ссылки других сайтов, партнерские программы и т. д.

Продвижение сайта (раскрутка)

Продвижение сайта — наиважнейший процесс для любого сайта в Интернете. Это бесконечный процесс, который нельзя останавливать ни на день. Интернет — это огромное количество информации. Каждый день появляются новые сайты, которые в плане раскрученности становятся Вашими конкурентами. Если Вы просто разместили свой сайт в Интернете и решили, что этого достаточно, то Ваш сайт очень быстро окажется на самом дне Интернета, в самой глуши, где его никто никогда не найдет. Чтобы о Вашем сайте узнали, Вам нужно постоянно тянуть свой сайт на свет.

Продвижение в поисковых системах.

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

Нужно составить список поисковых систем и приступить к регистрации.

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

Обмен ссылками.

Это тоже очень хороший способ раскрутки. Обмен ссылками — это когда Вы ставите ссылку на другой сайт, а он ставит ответную ссылку на Ваш. По этим ссылкам к Вам приходят посетители.

Лучше обмениваться ссылками с сайтами смежной тематики, тогда посетители будут целевые. Ссылки с других сайтов увеличивают «цитируемость», т. е. Индекс Цитирования — ИЦ (определение ценности). Выше других в результатах поиска поисковые системы ставят сайты с высоким ИЦ.

Ссылки не должны быть редиректными или написанными с помощью javascript. Такие ссылки практически бесполезны. Существует множество скриптов для обмена ссылками, но нужно помнить, что Поисковые системы постоянно меняют алгоритмы, и вовремя реагировать на это и перестраиваться.

Страница со ссылками должна находиться в открытой для индексирования области и желательно иметь ссылку с главной страницы сайта. Так же важно контролировать ответное размещение ссылки и её работоспособность.

Баннерная реклама

Баннер — это графический элемент, который по договоренности или за плату размещается на страницах WWW-серверов и служит ссылкой на сайт или страничку.

Существует несколько стандартов на размер баннера — поэтому прежде, чем баннер рисовать или заказывать, полезно решить для себя, у кого он будет размещаться и ознакомиться с правилами выбранных систем или серверов.

Когда баннеры готовы, надо приступать к их размещению. Есть два основных пути решения этой задачи.

1. Индивидуальные договоренности с конкретными серверами (платные или на основе обмена).

2. Заказ в агентстве, которое предложит размещение на целом ряде сайтов.

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

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