Файл: История появления технологии.pdf

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

Понятие, виды и основные характеристики web–сайта

Web–сайт – в компьютерной сети объединённая под одним адресом (Доменным именем или IP–адресом) совокупность документов частного лица или организации. По умолчанию подразумевается, что сайт располагается в сети Интернет. Все Web–сайты Интернета в совокупности составляют Всемирную паутину. Для прямого доступа клиентов к Web–сайтам на серверах был специально разработан протокол HTTP. Web–сайты иначе называют Интернет–представительством человека или организации. Когда говорят «своя страничка в Интернет», то подразумевается целый Web–сайт или личная страница в составе чужого сайта. Кроме Web–сайтов в сети Интернет так же доступны WAP–сайты для мобильных телефонов^[9].

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

В большинстве случаев в Интернете одному Web–сайту соответствует одно доменное имя. Именно по доменным именам сайты идентифицируются в глобальной сети. Возможны иные варианты: один сайт на нескольких доменах или несколько сайтов под одним доменом. Обычно несколько доменов используют крупные сайты (Web–порталы) чтобы логически отделить разные виды предоставляемых услуг (mail.google.com, news.google.com, maps.google.com). Нередки и случаи выделения отдельных доменов для разных стран или языков. Например, google.ru и google.fr логически являются сайтом Google на разных языках, но технически это разные сайты. Объединение нескольких сайтов под одним доменом характерно для бесплатных хостингов. Иногда для идентификации сайтов в адресе после указания хоста стоит тильда и имя сайта: example.com/~my–site–name/, иногда используется доменное имя третьего уровня: my–site–name.example.com.

Аппаратные сервера для хранения Web–сайтов называются Web–серверами. Сама услуга хранения называется Web–хостингом. Раньше каждый сайт хранился на своём собственном сервере, но с ростом Интернета технологическим улучшением серверов на одном компьютере стало возможно размещение множества сайтов (виртуальный хостинг). Сейчас сервера для хранения только одного сайта называются выделенными (англ. dedicated)^[10].

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

Рассмотрим наиболее обобщенную на сегодняшний день классификацию веб–сайтов

По доступности сервисов:

1. Открытые – все сервисы полностью доступны для любых посетителей.
2. Полуоткрытые – для доступа необходимо зарегистрироваться (обычно бесплатно).
3. Закрытые – полностью закрытые служебные сайты организаций (в том числе корпоративные сайты), личные сайты частных лиц. Такие сайты доступны для узкого круга людей. Доступ новым людям обычно даётся через т. н. инвайты (приглашения).

По природе содержимого:

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

По физическому расположению:

1. Внешние сайты сети Интернет.
2. Локальные сайты – доступны только в пределах локальной сети. Это могут как корпоративные сайты организаций, так как и сайты частных лиц в локальной сети провайдера^[11].

По схеме представления информации, её объёму и категории решаемых задач можно выделить следующие типы web–ресурсов:

• • 1. Интернет–представительства владельцев (торговля и услуги не связанные напрямую с Интернетом):

1. Сайт–визитка – содержит самые общие данные о владельце сайта (организация или индивидуальный предприниматель). Вид деятельности, история, прайс–лист, контактные данные, реквизиты, схема проезда. Специалисты размещают своё резюме. То есть подробная визитная карточка.
2. Каталог продукции – в каталоге присутствует подробное описание товаров/услуг, сертификаты, технические и потребительские данные, отзывы экспертов и т. д. На таких сайтах размещается информация о товарах/услугах, которую невозможно поместить в прайс–лист.
3. Интернет–магазин – web–сайт с каталогом продукции, с помощью которого клиент может заказать нужные ему товары. Используются различные системы расчётов: от пересылки товаров наложенным платежом или автоматической пересылки счета по факсу до расчётов с помощью пластиковых карт.
4. Промо–сайт – сайт о конкретной торговой марке или продукте, на таких сайтах размещается исчерпывающая информация о бренде, различных рекламных акциях (конкурсы, викторины, игры и т. п.).
5. Сайт–квест – Интернет–ресурс, на котором организовано соревнование по разгадыванию последовательности взаимосвязанных логических загадок^[12].

Информационные ресурсы:

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

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

Веб–сервис – обычно решает конкретную пользовательскую задачу напрямую связанную с сетью Интернет:

1. Поисковые сервисы – например, Яндекс, Google. – Почтовый сервис. – Веб–форумы. – Блоговый сервис. – Фото хостинг – например, Flickr, ImageShack, Panoramio, Photobucket. – Хранение видео – например, YouTube, RuTube. – Доска объявлений.
2. Каталогсайтов – например, OpenDirectoryProject

По отношению к посетителю:

1. Вовлекающий сайт.
2. Безразличный к посетителю^[13]

Глава 2. Принципы построения и функционирования web–сайтов

2.1 Этапы построения web–сайта

Проектирование и разработка Web–сайта включают следующие этапы:

1 Этап – определение целей создания сайта

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

2 Этап – проведение исследований по теме

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

3 Этап – определение типа сайта, разработка технического задания (ТЗ) и структуры

На этом этапе разработчик совместно с заказчиком составляет ТЗ (техническое задание) на создание сайта. Техническое задание, как минимум, должно включать следующие пункты:

• Тип сайта (портал, промо, визитка, корпоративный, магазин и т.д.)
• Функционал сайта (поиск, каталог, лента новостей и т.д.)
• Стиль дизайна (строгий, веселый, мрачный и т.д.)
• Структура сайта (какие страницы должны быть на сайте)
• Структура страниц (какие блоки должны быть на страницах и в каком виде)^[14]

При составлении ТЗ обязательно нужно помнить о целях создания сайта. Если какая–нибудь функция сайта не способствует достижению поставленных целей – необходимо от неё отказаться: на сайте она будет лишней.

4 Этап – разработка макета дизайна сайта

Этот этап делится на несколько под этапов:

• Генерация идей дизайна. Набор идей предоставляется заказчику в виде эскизов с текстовыми пояснениями.
• Разработка предварительного макета дизайна главной страницы.
• Исправление замечаний заказчика (если есть), доработка макета до завершенного вида.
• Разработка внутренних страниц по аналогичному алгоритму.

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

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

5 Этап – html–css вёрстка

В зависимости от целей и задач сайта, верстка должна удовлетворять некоторым требованиям. Обычно эти требования такие:

• Кроссбраузерность^[15] – страницы должны одинаково отображаться в разных браузерах (Mozilla Firefox, Google Chrome, Opera, Internet Explorer, Safari и т.д.).
• Гибкость вёрстки – возможность легко добавлять/удалять информацию на страницы.
• Быстрота обработки кода браузером
• Валидность – соответствие стандартам
• Семантическая корректность – логичное и правильное использование элементов HTML

6 Этап – заполнение сайта контентом (информацией)

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

7 Этап – тестирование сайта и исправление ошибок

Тестирование сайта может проводить как разработчик, так и заказчик. Наилучший вариант – это совместное тестирование.

8 Этап – публикация сайта в интернете

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

9 Этап – продвижение сайта и реклама в интернете

Когда сайт полностью готов к работе – нужно привлекать на него посетителей. Для «раскрутки» сайта можно воспользоваться контекстной или баннерной рекламой, SEO, SMO и другими методами^[16].

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

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

2.2 Основные принципы построения web–сайта

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

1. Заглавная страница сайта должна загружаться не более 8 – 10 секунд.

Так, в соответствии с результатами проведенных недавно исследований компаниями Gather Group и Forrester Research, коммерческие сайты в ряде случаев ежегодно теряют от 1,1 до 1,3 миллионов долларов потенциальной прибыли только из–за того, что пользователи покидают сайты, загрузка которых занимает длительное время.

1. Требуется убедиться в том, что все страницы сайта содержат составленные правильно мета–тэги (специальные тэги, позволяющие поисковым машинам определить релевантность используемых на сайте ключевых слов). Согласно данным проводимых в США и Европе исследований, 80% трафика, идущего с поисковых машин, приносят наиболее крупные из них.
2. При подборе цветов текста и фона необходима осторожность. Слишком вычурный фон с помощью резких цветов, как правило, делает текст трудночитаемым, уводя от него внимание пользователя. Необходима последовательность при оформлении фона всех страниц веб–сайта – сайт должен быть организован надлежащим образом и иметь на всех страницах один и тот же фон. Кроме того, что эффект, оказываемый цветовой схемой сайта для всех пользователей неодинаков из–за их личных вкусов^[17]

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

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