13
подэтапов создания:
Предоставление оговоренного количества различных по концепции
макетов главной страницы.
Доработка и согласование выбранного варианта концепции.
Создание макетов внутренних страниц (категории, товара/услуги,
контактов, если планировалась мобильная версия, то каждый макет должен
быть переделан и под мобильную версию)
Доработка и согласование каждой из типовых страниц
На макете может отсутствовать наполнение: как текстовая информация,
так и фотографии, которые должен предоставить заказчик в процессе работ по
созданию сайта — его временно можно заполнить демо текстом и картинками.
Но все элементы дизайна должны быть прорисованы.
4 этап — Верстка, программирование и внедрение в CMS. На данном
шаге происходят чисто техническая работа качество которой зависит от
профессиональных навыков верстальщика и программиста:
Универсальность вёрстки на CMS — возможность без лишних
сложностей внедрять дополнительные модули.
«Красивый» код — Простое правило: чем код будет меньше и
грамотнее, тем сайт загрузится быстрее.
Валидность (корректность) — Верное использование функционала
CMS при внедрении дизайна/структуры/модулей — позволит без труда
разобраться с системой стороннему специалисту.
Кроссбраузерная верстка (Cross-browser) — адекватное
отображение сайта во всевозможных браузерах (IE, Chrome, Firefox, Opera и
т.д.)
В результате данных нескольких этапов работ мы получим полностью
рабочий сайт, но без какого-либо наполнения.
5 этап — Наполнение сайта. Без текста и фотографий сайт имеет
достаточно условную ценность. Заказчик предоставляет информацию и
заполняет сайт текстом и картинками либо это делает исполнитель (в
к
а
з
ч
и
к
у
п
о
л
н
у
ю
ч
Э
т
о
п
14
зависимости от договоренностей). Как правило, если это делает заказчик, ему
предоставляется инструкция по работе с CMS.
Все материалы лучше всего отдать на написание профессиональному
копирайтеру, т.к. этот текст будут читать клиенты и он ляжет основой на
репутацию заказчика в интернете.
6 этап — Запуск сайта в интернете. Исполнитель переносит проект на
хостинг, заказчик предоставляет или покупает вместе с исполнителем доменное
имя (адрес сайта) и сайт успешно стартует в сети. Если в ТЗ были оговорены
какие-либо предварительные работы по СЕО, например, добавления сайта в
вебмастера Яндекс и Google, создание HTML карты сайта, установка метрики и
аналитики, то исполнитель их проводит.
7 этап — Тестирование сайта. Выбирается несколько человек, например,
знакомые или подчиненные заказчика и проверяют работу сайта с различных
устройств: работу модулей, правильные ли ссылки стоят на страницах, все ли
картинки грузятся и прочее. Данный этап длится, как правило, от недели до
месяца.
8 этап — Развитие и продвижение сайта. Здесь все зависит от заказчика,
если заказчик хочет, чтобы его сайт приносил ему продажи, новых клиентов, то
над ним необходимо направить процесс развития в нескольких видах:
Создавать новые материалы, акции, новости
Заниматься продвижением ресурса
Спрашивать посетителей, все ли их устраивает, везде ли удобно
Давать различные виды рекламы [8].
1.2.2. Определение места проектируемой задачи в комплексе задач и ее
описание
В настоящее время в Сети Интернет существует огромное количество
сайтов. Эти сайты самые разные и отличаются друг от друга по очень
большому количеству параметров.
Виды сайтов по технологиям, влияющим на дизайн и функциональность:
15
1. Статические сайты и веб-страницы - это сайты, сделанные по
классической технологии html. Веб-страницы таких сайтов написаны
полностью на языке html и имеют расширение .htm или .html. Статическими
они называются потому, что, набирая определённый адрес (URL),
соответствующий сайту или его определённой странице, пользователь всегда
будет видеть одно и то же содержание. Это потому, что статические html-
страницы лежат на сервере в неизменном виде и по запросу пользователя
сервер просто берёт их и отправляет в браузер. С динамическими страницами,
которые не существуют в заранее предопределённом виде на сервере, а
формируются при помощи серверных скриптов, ситуация иная, и, набирая один
и тот же адрес, пользователь, в зависимости от разных условий, может получать
совершенно разное содержание. Статические сайты имеют свои как плюсы, так
и минусы. Плюсы статических сайтов - это простота их создания и
нетребовательность к аппаратным ресурсам. Статические сайты не требуют
поддержки скриптов и баз данных и могут быть размещены на абсолютно
любом хостинге, при этом они не будут создавать почти никакой нагрузки на
сервер, и с ними не возникнет проблема, когда сайт тормозит или выдаёт
различные сбои при большом притоке посетителей. Статические сайты могут
включать в себя графику, анимацию и javascript, они прекрасно подходят для
предоставления пользователям информации, которая не должна, по крайней
мере, часто и существенно изменяться. Основным минусом статических сайтов
является отсутствие интерактивности. Кроме того, в таких сайтах сложнее
изменить информацию, внешний вид и дизайн страниц.
2. Динамические сайты и веб-страницы не существуют в неизменном
виде на сервере, а формируются при помощи скриптов. Содержание и вид
динамической страницы с одним и тем же адресом может быть совершенно
различным в зависимости от разных условий - например, в зависимости от
времени, от конкретного пользователя, от введённого пользователем запроса и
т.п. Скрипты, которые используются для формирования динамических веб-
страниц, могут быть написаны на разных языках. Распространёнными языками
16
веб-программирования являются, например, php, perl, asp и т.д. Такие сайты
могут предоставлять пользователям интерактивность - например, вводить
разные запросы и осуществлять поиск по сайту, отправлять на сайт и сохранять
свою собственную информацию и осуществлять общение с другими
пользователями (как, например, в гостевых книгах, форумах и т.п.) и многие
другие функциональные возможности. Кроме того, ведение и обновление этих
сайтов гораздо проще. Минусы динамических сайтов в том, что они требуют
поддержку дополнительных технологий, создают повышенную нагрузку на
сервер, их сложнее оптимизировать, а ещё использование на сайте скриптов
означает потенциальную угрозу для безопасности.
3. Флэш-сайты. Технология флэш (flash) позволяет создавать очень
красивые, интерактивные, со звуком и анимацией сайты, которые выглядят на
порядок эффектнее, чем обычные html-сайты. Однако сложность и
трудоёмкость их изготовления, а также то, что страницы, созданные на флэш,
имеют, как правило, большой объем памяти и долго загружаются, что
отпугивает часть пользователей, приводит к тому, что флэш-сайты не получили
пока слишком широкого распространения у пользователей.
4. Комбинированные сайты, в которых используются
вышеизложенные технологии создания сайтов.
Также все сайты Интернета делятся:
по своей направленности;
по типу макета.
Рассмотрим классификацию сайтов по типам. Итак, по направленности
существуют такие типы сайтов:
сайт-визитка;
официальный сайт;
персональная страница;
некоммерческий сайт;
коммерческий сайт;
контент-сайт;
17
социально-ориентированный сайт.
В большинстве случаев любой ресурс можно точно сопоставить с одним
из представленных здесь типов сайтов. Но встречаются и такие веб-сайты,
которые могут быть отнесены сразу к нескольким категориям. Далее приведено
описание отдельно каждого из семи типов сайтов.
1. Сайт-визитка - это сайт отдельного человека или небольшой компании.
Ресурс такого типа, как правило, содержит лишь несколько страниц, на
которых указываются деятельность, цены, контакты и т.д. Сюда можно отнести
сайты индивидуальных предпринимателей: адвокатов, частных детективов,
переводчиков, копирайтеров, рекламщиков. Да и вообще любых специалистов,
которым веб-сайт необходим для продвижения собственных услуг,
осуществляемых в оффлайне. Поэтому все назначение сайта сводится к рекламе
таких услуг.
2. Официальный сайт - к этому типу сайтов относятся ресурсы больших
организаций и корпораций. На страницах такого сайта уже находится гораздо
больше информации, чем на сайте-визитке, а оформлены они по более сложной
схеме. Сюда, например, относятся такие сайты, как как microsoft.com,
apple.com, siemens.com, gazprom.ru, rosneft.ru... А также все сайты
правительственных организаций: сайт президента РФ, правительства РФ и т.д.
3. Персональная страница - раньше назывались сайты, которые
действительно состояли только из одной веб-страницы. Сегодня к этому типу
относятся уже все многостраничные ресурсы, сделанные одним человеком,
который хочет чем-то поделиться с читателями, о чём-то им сказать. Сюда же
можно отнести многочисленные блоги, выложенные на платных хостингах.
4. Некоммерческие сайты - к данному типу сайтов относятся ресурсы,
которые, как правило, располагаются на доменах .org. и принадлежат
некоммерческим организациям. Сокращение org и расшифровывается как
organisation - организация. В первую очередь, здесь нужно назвать Википедию,
а также различные организации по стандартизации - iso.org, w3.org и.т.д.
Некоммерческими сайтами являются также ресурсы разных добровольных
18
организаций, наподобие гринписа, врачей без границ, красного креста,
комитета солдатских матерей и пр. Для двух особых категорий сайтов
некоммерческих организаций, а именно сайтов государственных и
образовательных учреждений в интернете даже выделены специальные
доменные зоны: .gov и .edu. Причём, в отличие от популярных доменных зон
.com, .org, национальных доменных зон и т.п., попасть туда может далеко не
каждый желающий. Таким образом, расположение сайта в зоне .edu, например,
- это гарантия солидности образовательного учреждения [21].
5. Коммерческие сайты - к коммерческому типу причисляются сайты (по
данной классификации), основной доход от которых владельцы получают не с
рекламы. Основные виды заработка на таких ресурсах – продажи и платные
сервисы.
5.1. Интернет-магазины - эта самый распространенный тип коммерческих
сайтов. Нужно отметить, что эти ресурсы – одни из самых сложных в
изготовлении. Достаточно представить, что помимо описаний всех товаров
(которые автоматически должны меняться в зависимости от наличия-
отсутствия на складе, цены и т.д.), нужно обеспечить ещё качественный поиск
продукции, создать систему настраиваемых профилей для клиентов; сделать
системы пополнения счёта и покупок и пр. Всё это потребует мощного
программирования. Простым знанием HTML и CSS здесь ограничиться не
удастся. Пример такого сайта - ozon.ru. Основным заработком интернет-
магазина являются онлайн-продажи собственных товаров, а не реклама чужих.
5.2. Интернет-агентства - к этому типу сайтов относятся ресурсы, на
которых команды профессионалов в определенной области предлагают свои
услуги, предоставляемые в режиме онлайн. Сюда можно отнести бюро онлайн-
переводов, студии по созданию сайтов, фирмы по продвижению ресурсов и др.
5.3. Платные сервисы - к этой группе относятся такие сайты, на которых
за возможность определенных действий с посетителей взымается плата. Сами
сервисы - это и просмотр видео, и тесты онлайн, и возможность скачивания
редких материалов, музыки, кино и т.д. Есть даже платные новостные сайты, на
19
которых посетители отдают деньги за отсутствие рекламы. Часто системы
платных сервисов напоминают контент-сайты, но отличаются от них другим
способом заработка.
6. Контент-сайты - самый распространенный тип сайтов в Интернете.
Основной способ заработка их владельцев - это, конечно же, реклама. Контент-
сайты, в свою очередь, подразделяются на девять подтипов:
7. Социально-ориентированные сайты - эти сайты, как и Интернет-
магазины, крайне сложны в изготовлении. Для реализации всех необходимых
сервисов требуются неплохие навыки программирования. Кроме того,
раскрутка таких сайтов имеет свои особенности и зачастую она куда сложнее,
чем для контент-сайта. Тем не менее, результат, который можно получить на
выходе, даёт стимул для появления в Интернете всё новых и новых сайтов
социальной направленности.
7.1. Социальные сети - сегодня такие сайты как Вконтакте,
Одноклассники и Фейсбук действительно подменили собой Интернет. Для
многих уже само слово «Интернет» является синонимом названия какой-то
социальной сети. И всё потому, что в социальных сетях есть действительно
почти всё, что нужно каждому конкретному пользователю, который сам
формирует там собственное медиа-окружение.
7.2. Биржи - это такой социальный сервис, где есть два вида
пользователей, которых условно можно назвать «покупателями» и
«продавцами». Соответственно, на сайтах этого типа происходит обмен
товарами или услугами на платной основе. Самые яркие примеры – eBay, irr.ru
биржи фриланесров, копирайтеров и т.д.
7.3. Форумы - это самый простой тип сайтов из социально-направленных.
Поэтому форум может быть создан даже без базовых знаний HTML и CSS. Но
вот раскрутить сайт такого типа уже очень сложно, а в отдельных ситуациях - и
невозможно. Самые посещаемые форумы - обычно те, которые связаны с
раскрученным сайтом. В этом случае форум - как бы приложение к основному
ресурсу. Именно рост сайта может вытянуть за собой и форум. Но если речь
20
идёт о самостоятельном форуме, то у него такой поддержки просто нет, а,
следовательно, и шансов на продвижение тоже немного [14].
1.2.3. Обоснование необходимости использования вычислительной
техники для решения задачи по реализации веб представительства
Исходя из поставленной задачи разработки веб-сайта для реализации
товаров и услуг посредством сети Интернет необходимо перечислить основные
цели создания сайта и требования к сайту:
1. Назначение Сайта:
Ознакомление потенциальных клиентов c ассортиментов товара.
Реклама компании.
2. Основные задачи сайта:
Сайт должен предоставлять пользователям доступ к информации:
о компании;
об услугах, предоставляемых компанией;
о товарах, реализуемых компанией.
3. Аудитория сайта:
физические лица;
юридические лица.
4. Требования к стилистическому оформлению и дизайну Сайта:
Дизайн сайта должен быть в меру строгий, но без занудства,
светлый, функциональный, без лишних дизайнерских элементов.
Основная цветовая гамма – бело-красная.
Без использования flash, музыки и т.д.
5. Требования к шрифтовому оформлению Сайта:
Использование шрифтов «без засечек» (Arial, Calibri, Tahoma,
Verdana и т.д.), шрифты с «засечками» (Georgia, Times New Roman, Trebuchet и
т.д.) только в разделе портфолио при необходимости стилизации под
выполненную работу.
21
Размер (кегль) шрифтов должен обеспечивать удобство восприятия
текста 10-16 пт.
6. Требования к средствам просмотра Сайта. Необходимо обеспечить
корректное отображение сайта в следующих браузерах:
Internet Explorer (версия 7.0 и выше);
Opera (последних версий);
Firefox (последних версий);
Chrome (последних версий);
Safari (последних версий).
7. Требования к системе управления контентом Сайта: Система
управления контентом Сайта должна обеспечить администратору сайта
возможность выполнения следующих действий:
Возможности редактирования структуры сайта и разделов сайта
Возможности создания и редактирования иерархического меню,
копирующего структуру сайта
Возможности автоматических функций обработки изображений
(создание привью, масштабирование).
Возможность создавать и изменять формы отправки сообщений с
сайта с уведомлением по электронной почте с возможностью их изменений.
Возможность редактирования дизайна сайта (HTML-шаблонов)
типовых страниц.
Возможность резервного копирования и восстановления данных, по
частям или полностью.
Возможность автоматической и полуавтоматической генерации
путей для страниц сайта.
Возможность авторизации и разграничения прав для
неограниченного количества операторов и администраторов сайта.
8. Требования к компоновке страниц Сайта: Компоновка страниц Сайта
должна обеспечивать автоматическое масштабирование страниц в зависимости
22
от ширины рабочего поля браузера пользователя.
В структуре мероприятий по подготовке к внедрению веб-сайта
необходимо отнести:
подготовка аппаратной платформы;
подготовка программной платформы:
предоставление выделенной линии связи доступа к сети интернет;
приобретение доменного имени.
Основными требованиями, предъявляемыми к процессам организации
сбора, передачи, контроля и корректировки информации являются обеспечение
достоверности, верифицируемости, конфиденциальности, доступности,
оперативности собираемых и передаваемых данных.
Требование достоверности подразумевает организацию процесса сбора и
передачи информации, в рамках которого передаваемая и собираемая
информация не будет подлежать искажению.
Требование верифицируемости подразумевает организацию процесса
сбора и передачи информации, в рамках которого обеспечивается возможность
контроля достоверности передаваемой информации.
Требование конфиденциальности означает предоставление доступа к
информации в строгом соответствии с установленными приоритетами и
правилами разграничения доступа.
Требование доступности означает принципиальную возможность
получения собираемой информации и ее передачу.
Требование оперативности подразумевает такую организацию процесса
сбора и передачи информации, в процессе которого доступная информация
будет передана в приемлемые для ее анализа сроки.
Передача данных в систему осуществляется путем поступления
метаданных о персональных данных с помощью шаблонов xml-файлов.
Поступление метаданных реализуются с помощью программного обеспечения
системы за счет использования веб-сервисов.
Верификация данных осуществляется с помощью программного