Принципы построения и функционирования web-сайтов

Содержание:

ВВЕДЕНИЕ

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

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

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

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

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

Исходя из вышесказанного, определяется цель исследования: изучение принципов построения и функционирования web–сайтов.

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

1. Изучить историю появления веб–сайтов;
2. Рассмотреть понятие веб–сайтов, их виды и основные характеристики;
3. Проанализировать этапы построения веб–сайта;
4. Привести основные принципы построения веб–сайта;
5. Охарактеризовать принципы функционирования современных веб–сайтов;
6. Подвести итоги по выполненной работе.

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

Теоретической базой исследования выступили научные труды современных исследователей рассматриваемой проблемы, в частности – В. Ф. Марценко, В. А. Зеньковского, В. Ю. Демьяненко, Г. М. Шипова и др. Актуальность используемых источников гарантирует также актуальность и достоверность результатов проведения исследования.

Глава 1. Web–сайты. Понятие, виды, основные характеристики, история появления технологии.

История появления технологии

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

1957 год. Запуск в СССР первого искусственного спутника Земли – начало технологической гонки между СССР и США, приведшей, в итоге, к созданию глобальной сети Интернет.

1958 год. В США при Министерстве обороны создано Агентство Передовых Исследовательских Проектов – Advanced Research Projects Agency (ARPA).

1961 год. Студент Массачусетского Технологического Института Леонард Клейнрок описывает технологию, способную разбивать файлы на куски и передавать их различными путями через сеть^[1].

1963 год. Руководитель компьютерной лаборатории ARPA Джон Ликлидер предлагает первую, детально разработанную концепцию компьютерной сети «Galactic Network».

1967 год. Ларри Робертс предлагает связать между собой компьютеры ARPA. Компьютерная сеть была названа ARPANET (Advanced Research Projects Agency Network)^[2].

29.10.1969 года. В 21:00 между двумя первыми узлами сети ARPANET, находящимися на расстоянии в 640 км (в Калифорнийском университете Лос–Анджелеса (UCLA) и в Стэнфордском исследовательском институте (SRI)) провели сеанс связи. Чарли Клайн пытался выполнить удаленное подключение к компьютеру в SRI. Успешную передачу каждого введенного символа его коллега Билл Дювалль из SRI подтверждал по телефону. В первый раз удалось отправить всего три символа «LOG», после чего сеть перестала функционировать. LOG должно было быть словом LOGON (команда входа в систему). В рабочее состояние систему вернули уже к 22:30 и следующая попытка оказалась успешной. Именно эту дату можно считать днем рождения Интернета.

1971 год. Рэй Томлисон, программист из «Bolt Beranek and Newman», разрабатывает систему электронной почты и предлагает использовать значок @.

1973 год. Через трансатлантический телефонный кабель к сети были подключены первые иностранные организации из Великобритании и Норвегии.

1974 год. Открыта первая коммерческая версия ARPANET – сеть Telenet.

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

1976 год. Роберт Меткалф, сотрудник исследовательской лаборатории компании Xerox, создает Ethernet – первую локальную компьютерную сеть.

1977 год. Число хостов достигло ста. Деннис Хейс и Дейл Хезерингтон разработали первый компьютерный модем. 1978 год. Разработана первая доска объявлений (BBS)^[3].

1978 год также является годом, который принес первое нежелательное коммерческое сообщение по электронной почте, которое было разослано 600–ам пользователям калифорнийского Arpanet Гарри Зарком.

1979 год. Разработана первая многопользовательская игра MUD (сокращенно от «многопользовательский лабиринт»).

1980 год. Европейская организация по ядерным исследованиям CERN запустила ENQUIRE (написанную Тимом Бернерсом–Ли) – первую гипертекстовую программу^[4].

1982 год. Рождение современного Интернета – ARPA создала единый сетевой язык TCP/IP. Активную роль в разработке и стандартизации сетевых протоколов играл Джон Постел.

1983 год. 1 января 1983 года сеть ARPANET перешла с протокола NCP на TCP/IP, что позволило разделить эту сеть на MILNET, собственно сеть для военных нужд, и ARPANET, использовавшуюся в исследовательских целях.

1984 год. Число хостов превысило тысячу. Разработана система доменных имен ( Domain Name System, DNS ). DNS позволила создать масштабируемый распределенный механизм для отображения иерархических имен компьютеров в Интернет –адресах. В этом же году в университете Висконсии был создан сервер доменных имен (Domain Name Server, DNS ). Также в 1984 году у сети ARPANET появился серьезный соперник: Национальный научный фонд США (NSF) основал обширную межуниверситетскую сеть NSFNet (National Science Foundation Network), которая была составлена из более мелких сетей (включая известные тогда сети Usenet и Bitnet) и имела гораздо большую пропускную способность, чем ARPANET. К этой сети за год подключились около 10 тыс. компьютеров.

1985 год. Стюарт Брэнд и Ларри Бриллиант разработали WELL (Whole Earth Lectronic Link), одно из старейших виртуальных сообществ^[5].

1988 год. Разработан протокол Internet Relay Chat (IRC), благодаря чему в Интернете стало возможно общение в реальном времени (чат). Запущен один из первых крупных Интернет червей «Червь Морриса», написанный Робертом Моррисом Таппан и вызвавший серьезные перебои в больших частях Интернета.

1989 год. Число хостов превысило 10 тысяч. В CERN родилась концепция Всемирной паутины, предложенная британским ученым Тимом Бернерсом–Ли. Он же в течение двух лет разработал протокол HTTP, язык HTML и идентификаторы URI. 1990 год. В 1990 году сеть ARPANET прекратила свое существование, полностью проиграв конкуренцию NSFNet. В том же году было зафиксировано первое подключение к Интернету по телефонной линии (Dialup access).

1991 год. CERN создала протокол World Wide Web (WWW). Компанией NCR Corporation/AT&T создан Wi–Fi. 1993 год. Число Интернет –хостов превысило 2 млн., в Сети действует 600 сайтов. Марком Андреесеном в Университете штата Иллинойс создан первый общедоступный графический Интернет –браузер Mosaic.

1994 год. Образовался консорциум W3C (W3 Consortium), который объединил ученых из разных университетов и компаний (в том числе Netscape и Microsoft). С этого времени комитет стал заниматься всеми стандартами в мире Интернета.

1995 год. NSFNet вернулась к роли исследовательской сети, маршрутизацией всего трафика Интернета теперь занимались сетевые провайдеры, а не суперкомпьютеры Национального научного фонда. Java и JavaScript (первоначально назван LiveScript его создателем, Бренданом Айхом, и включен в состав браузера Netscape Navigator) были впервые представлены публике. Консорциум W3C разработал спецификацию HTML 2.0. В данной версии появилась возможность передачи информации с компьютера пользователя на сервер с помощью форм.

1996 год. В мире существует 12.8 млн. хостов и 500 тыс. сайтов. Началось соревнование между браузерами Netscape, созданным под руководством Марка Андреесона, и Internet Explorer, разработанным компанией Microsoft. Была запущена первая веб–служба электронной почты – HoTMaiL.

1997 год. Начал использоваться термин «блог». В январе 1997 г. W3C создал и принял HTML 3.2. Впервые была введена система CSS (Cascading Style Sheets). CSS позволяет осуществить форматирование текста без нарушения логической и структурной разметки. А уже в декабре 1997 г. W3C принимает стандарт HTML 4.0, в котором идет разделение на логические и визуальные теги^[6].

1998 год. Основана компания Google.

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

2001 год. Запущена Wikipedia, по объему сведений и тематическому охвату считающаяся сейчас самой полной энциклопедией из когда–либо создававшихся за всю историю человечества.

2002 год. Сеть Интернет связывает 689 млн. человек и 172 млн. хостов. 2003 год. Создан Skype, предоставляющий возможность голосовой связи между компьютерами (VoIP) через Интернет.

2004 год. Открыт Facebook, по состоянию на 2010 год, насчитывающий свыше 400 миллионов активных участников. 2005 год. Запущен YouTube.

2006 год. Запущен Twitter.

2007 год. Появился iPhone, который почти полностью отвечает за повышенный интерес к мобильным веб–приложениям^[7].

2008 год. Число пользователей, регулярно использующих Интернет, составило около 1,5 млрд. человек (около четверти населения Земли).

2010 год. Прямой доступ в Интернет получил экипаж Международной космической станции

За последние годы перечень Интернет услуг значительно расширился за счет появления онлайн магазинов и аукционов, технологии IP–телефонии и Интернет телевидения IPTV, а также всевозможных электронных платежных систем и терминалов, предназначенных для удаленного доступа и управления финансовыми ресурсами. Сфера развлечений пополнилась многочисленными Интернет казино и условно–бесплатными многопользовательскими играми, тогда как для информирования пользователей начали использоваться социальные сети, Usenet, мессенджеры, списки рассылки, веб–чаты и т.д^[8].

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

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

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

Понятие, виды и основные характеристики 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]

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

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

1. Для создания положительного впечатления о сайте рекомендуется использовать минимум анимационной графики, обычно рассеивающей внимание пользователя и способной сделать сайт смотрящимся непрофессионально. Кроме того, графические анимационные изображения грузятся значительно дольше статических и, как показывают данные статистики, не способствуют совершению продаж и интересу пользователя.
2. Заглавная страница сайта, как показывают данные статистики, должна с большой точностью объяснять пользователям, что им предлагается. Если потенциальные посетители сразу же не увидят темы открытого сайта, то вряд ли они будут тратить время на то, чтобы разобраться и понять, что предлагает страница. Посещая сайт, они приходят с конкретной целью – ознакомиться с информацией. Не найдя соответствующих предложений, посетители, вероятно, сразу же уйдут на другой сайт и никогда не вернутся обратно. Поэтому совершенно не следует «прятать» от них эту информацию^[18].
3. Рекомендуется избегать размещения баннеров сетей баннерного обмена вверху страниц сайта. Баннеры, размещаемые так, способны увести пользователей с сайта, кроме того, они могут быть проиндексированы поисковыми роботами, мягко говоря, нежелательно. Никогда не рекомендуется размещать больше двух баннеров на странице. В идеале следует ограничиться одним баннером.
4. Необходимо всегда постоянно тестировать сайт на предмет наличия технических ошибок. Следует регулярно убеждаться в том, что все графические изображения загружаются надлежащим образом, а ссылки работают как нужно. Если на разрабатываемом и используемом сайте имеются ошибки, то этот сайт в сознании пользователя сразу же попадет в разряд непрофессионально выполненных и, в дальнейшем, переубедить пользователя будет практически невозможно. Также следует убедиться в том, что информация, представленная на сайте (или контент сайта), не содержит грамматических, лексических и орфографических ошибок.
5. На сайте необходимо создать простую и эффективную систему навигации. Навигационные ссылки помещаются внизу, вверху, слева или справа страницы, для выравнивания и компактного размещения ссылок рекомендуется использовать таблицы. Если для построения навигации предполагается использовать графические кнопки, то нужно иметь в виду, что время загрузки страниц увеличивает каждое графическое изображение.

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

1. Если при создании сайта не избежать использования фреймов, их рекомендуется использовать умеренно и в небольших количествах. Фреймы, используемые в большом количестве и организованные ненадлежащим образом, всегда придают сайту непрофессиональный вид^[19].

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

1. Количество кликов для попадания с основной страницы сайта на другие и наоборот никогда не должно превышать четырех. Следует помнить, что пользователи могут прийти на сайт не через основную страницу, а через другие. Также следует размещать навигационные ссылки на каждой странице, как и логотип компании.
2. При использовании Java–скриптов на сайте рекомендуется избегать их чрезмерного применения. Такие скрипты, кроме того, что медленно загружаются, имеют обыкновение вызывать ошибки при работе браузера. В особенности следует избегать всплывающих окон, запрашивающих имя и контактную информацию пользователя. Такие окна придают сайту непрофессиональный вид и очень сильно раздражают пользователя, пытающегося просмотреть содержание сайта.
3. Не рекомендуется создавать звуковой фон сайта, работающий автономно и независимо от желания пользователя, так как зачастую звук сильно отвлекает внимание или раздражает.
4. Различные браузеры различным образом отображают сайт. Поэтому следует протестировать разрабатываемый сайт в различных браузерах с различным экранным разрешением.
5. Рекомендуется регулярно обновлять контент сайта. У пользователей должен быть стимул регулярно возвращаться на сайт^[20].

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

2.3 Принципы функционирования web–сайта

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

Функционирование сайта начинается в тот момент, когда пользователь открывает браузер и начинает поиск. Когда посетитель набирает в адресной строке браузера адрес определенной страницы проекта (его доменное имя) – то браузер соединяется с сервером доменных имен (DNS-сервер) и запрашивает место расположения искомого сайта. Это место определяется ip-адресом.

DNS-сервер перенаправляет посетителя на тот сервер, на котором хранится искомый ресурс и далее он уже будет взаимодействовать с веб-ресурсом^[21].

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

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

Каждая из страниц веб-ресурса представляет собой документ, сформированный посредством языка гипертекстовой разметки – HTML. HTML определяет, какие именно элементы будут расположены на интернет-странице – например, ссылки, текст или картинки. Их внешний вид и положение на странице зависят от содержимого стилевого файла – таблиц каскадных стилей (CSS), с помощью которых можно, допустим, выделить текст синим цветом или установить картинку слева от него^[22].

Кроме того, при разработке страниц может применяться язык серверного программирования PHP, особенно, если проект предполагает наличие сложного функционала. Современные, высокотехнологичные сайты также нуждаются в базах данных (например MySQL), необходимых для того, чтобы можно было хранить большое количество информации. Еще необходимо установить и настроить систему управления контентом – CMS.

Для того чтобы все это заработало, нужен хороший веб-хостинг. Хостингом называют место (компьютер) для размещения сайта в сети Интернет. А компанию, которая предоставляет его – хостинг-провайдером.

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

Доменное имя – это адрес ресурса, по которому его можно найти в Интернете. Внешне оно представляет собой набор англоязычных или русских символов, которые пользователь, желающий зайти на ваш сайт, вводит в адресную строку своего браузера. Желательно, чтобы доменное имя было коротким, легко запоминающимся и соответствовало содержанию проекта, его тематике или направленности. Многие используют в качестве домена название компании, либо фамилию – если владелец интернет-ресурса ведет частную деятельность^[23].

Помимо перечисленного, нужно определиться с доменной зоной. Доменная зона – это то, что идет после последней точки в адресе интернет-проекта (например, .ru, .com и т.д.). Сочетание английских букв .ru означает, что ресурс функционирует на территории России и предназначен преимущественно для русскоязычной аудитории, .com – выбор коммерческих веб-проектов, а .info – новостных и информационных порталов.

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

ЗАКЛЮЧЕНИЕ

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

Для достижения цели были выполнены следующие задачи:

1. Изучена история появления веб–сайтов;
2. Рассмотрено понятие веб–сайтов, их виды и основные характеристики;
3. Проанализированы этапы построения веб–сайта;
4. Приведены основные принципы построения веб–сайта;
5. Охарактеризованы принципы функционирования современных веб–сайтов.

Также, подводя итоги исследования, следует обратить внимание на стремительность и масштабность развития технологии web и Глобальной сети – буквально за 50-60 лет был достигнут такой уровень прогресса, о котором невозможно было и помыслить. Новые технологии предоставляют населению Земли возможности оперативного обмена, обработки, изучения информации, при чем, в большинстве развитых обществ, информация эта безгранична и интернациональна. Отсюда вытекает и очевидная проблема современности – сложности классификации, отбора и рецензирования информации. Открытость технологии для всех пользователей, возможность создания web-сайта на любую тему и с любой информацией создает угрозу недостоверности, неактуальности информации и возможность использования для причинения вреда отдельному лицу, государству или же всему человечеству.

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

СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ

1. Гаевский, А. Ю. 100% самоучитель. Создание Web–страниц и Web–сайтов. HTML и JavaScript / А.Ю. Гаевский, В.А. Романовский. – М.: Триумф, 2009. – 464 c.
2. Демьяненко, В. Ю. Программные средства создания и ведения баз данных / В.Ю. Демьяненко. – М.: Финансы и статистика, 2016. – 127 c.
3. Дронов, В. Macromedia Dreamweaver 4: разработка Web–сайтов / В. Дронов. – М.: БХВ, 2012. – 608 c.
4. Зеньковский, В. А. 3D–эффекты при создании презентаций, сайтов и рекламных видеороликов (+ DVD–ROM) / В.А. Зеньковский. – М.: БХВ–Петербург, 2011. – 512 c.
5. Китинг, Д. Flash MX. Искусство создания web–сайтов / Д. Китинг. – М.: ТИД ДС, 2009. – 848 c.
6. Кузнецов, М. В. PHP. Практика создания Web–сайтов / М.В. Кузнецов. – М.: БХВ–Петербург, 2016. – 894 c.
7. Ларсон, Б. Microsoft SQL Server 2005 Reporting Services. Традиционные и интерактивные отчеты. Создание, редактирование, управление / Б. Ларсон – М.: НТ Пресс, 2013. – 608 c.
8. Макгилливрей, К. Использование 3D–технологий при создании WEB–сайтов +CD / К. Макгилливрей, Э. Хед. – М.: НТ Пресс, 2016. – 336 c.
9. Марк, М. Герой и бунтарь. Создание бренда с помощью архетипов / М. Марк, К. Пирсон. – М.: СПб: Питер, 2014. – 336 c.
10. Мерсер, Д. Создание надежных и полнофункциональных веб–сайтов, блогов, форумов, порталов и сайтов–сообществ / Д. Мерсер. – М.: Вильямс, 2009. – 272 c.
11. Нук, И. Руководство менеджера по созданию успешных веб–сайтов для международных организаций / И. Нук, М. Олеярник. – М.: МГИМО (У) МИД России, 2010. – 160 c.
12. Попов, А.А. FoxPro 2.5/2.6. Создание приложений для FoxPro 2.5/2.6 в DOS и Windows / А.А. Попов. – М.: Калашников и К, 2013. – 660 c.
13. Пьюполо, Дж. OLE: Создание элементов управления / Дж. Пьюполо. – М.: Киев: BHV, 2013. – 432 c.
14. Резников, Ф. А. 100% Самоучитель. Adobe Dreamweaver CS3. Создание Web–сайтов / Ф.А. Резников. – М.: Технолоджи–3000, Триумф, 2010. – 256 c.
15. Снелл, Н. Абсолютно ясно о создании Web–страниц и Web–сайтов / Н. Снелл. – М.: Триумф, 2012. – 224 c.
16. Стеймец, У. PHP. 75 готовых решений для вашего сайта +CD / У. Стеймец. – М.: СПб: Наука и Техника, 2009. – 256 c.
17. Сюткин, В. Гипертекст в PDF документах, созданных средствами LaTeX2ε / В. Сюткин. – М.: [не указано], 2011. – 973 c.
18. Фрейбергер, С. П. Пожар в долине. История создания персональных компьютеров / С. П. Фрейбергер. – М.: Группа Дарнэл, 2015. – 434 c.
19. Хассей, Т. WordPress. Создание сайтов для начинающих (+ CD–ROM) / Т. Хассей. – М.: Эксмо, 2012. – 432 c.
20. Шипова, Г.М. Моделирование и создание чертежей в системе AutoCAD / Г.М. Шипова, В.Г. Хрящев. – М.: СПб: BHV, 2013. – 218 c.

1. Китинг, Д. Flash MX. Искусство создания web–сайтов / Д. Китинг. – М.: ТИД ДС, 2009. – 632 c ↑

2. Мерсер, Д. Создание надежных и полнофункциональных веб–сайтов, блогов, форумов, порталов и сайтов–сообществ / Д. Мерсер. – М.: Вильямс, 2009. – 109 c ↑

3. Хассей, Т. WordPress. Создание сайтов для начинающих (+ CD–ROM) / Т. Хассей. – М.: Эксмо, 2012. – 124 c ↑

4. Снелл, Н. Абсолютно ясно о создании Web–страниц и Web–сайтов / Н. Снелл. – М.: Триумф, 2012. – 78 c. ↑

5. Резников, Ф. А. 100% Самоучитель. Adobe Dreamweaver CS3. Создание Web–сайтов / Ф.А. Резников. – М.: Технолоджи–3000, Триумф, 2010. – 99 c ↑

6. Попов, А.А. FoxPro 2.5/2.6. Создание приложений для FoxPro 2.5/2.6 в DOS и Windows / А.А. Попов. – М.: Калашников и К, 2013. – 334 c ↑

7. Марк, М. Герой и бунтарь. Создание бренда с помощью архетипов / М. Марк, К. Пирсон. – М.: СПб: Питер, 2014. – 124 c ↑

8. Нук, И. Руководство менеджера по созданию успешных веб–сайтов для международных организаций / И. Нук, М. Олеярник. – М.: МГИМО (У) МИД России, 2010. – 37 c ↑

9. Пьюполо, Дж. OLE: Создание элементов управления / Дж. Пьюполо. – М.: Киев: BHV, 2013. – 347 c. ↑

10. Марк, М. Герой и бунтарь. Создание бренда с помощью архетипов / М. Марк, К. Пирсон. – М.: СПб: Питер, 2014. – 301 c ↑

11. Китинг, Д. Flash MX. Искусство создания web–сайтов / Д. Китинг. – М.: ТИД ДС, 2009. – 521 c. ↑

12. Попов, А.А. FoxPro 2.5/2.6. Создание приложений для FoxPro 2.5/2.6 в DOS и Windows / А.А. Попов. – М.: Калашников и К, 2013. – 174 c. ↑

13. Стеймец, У. PHP. 75 готовых решений для вашего сайта +CD / У. Стеймец. – М.: СПб: Наука и Техника, 2009. – 134 c ↑

14. Хассей, Т. WordPress. Создание сайтов для начинающих (+ CD–ROM) / Т. Хассей. – М.: Эксмо, 2012. – 245 c ↑

15. Сюткин, В. Гипертекст в PDF документах, созданных средствами LaTeX2ε / В. Сюткин. – М.: [не указано], 2011. – 654 c. ↑

16. Мерсер, Д. Создание надежных и полнофункциональных веб–сайтов, блогов, форумов, порталов и сайтов–сообществ / Д. Мерсер. – М.: Вильямс, 2009. – 204 c. ↑

17. Снелл, Н. Абсолютно ясно о создании Web–страниц и Web–сайтов / Н. Снелл. – М.: Триумф, 2012. – 167 c ↑

18. Фрейбергер, С. П. Пожар в долине. История создания персональных компьютеров / С. П. Фрейбергер. – М.: Группа Дарнэл, 2015. – 324 c ↑

19. Резников, Ф. А. 100% Самоучитель. Adobe Dreamweaver CS3. Создание Web–сайтов / Ф.А. Резников. – М.: Технолоджи–3000, Триумф, 2010. – 124 c ↑

20. Пьюполо, Дж. OLE: Создание элементов управления / Дж. Пьюполо. – М.: Киев: BHV, 2013. – 341 c ↑

21. Мерсер, Д. Создание надежных и полнофункциональных веб–сайтов, блогов, форумов, порталов и сайтов–сообществ / Д. Мерсер. – М.: Вильямс, 2009. – 63 c. ↑

22. Марк, М. Герой и бунтарь. Создание бренда с помощью архетипов / М. Марк, К. Пирсон. – М.: СПб: Питер, 2014. – 302 c ↑

23. Ларсон, Б. Microsoft SQL Server 2005 Reporting Services. Традиционные и интерактивные отчеты. Создание, редактирование, управление / Б. Ларсон – М.: НТ Пресс, 2013. – 411 c ↑