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

Размещено на http://www.allbest.ru/

Содержание

Введение

Глава 1. Методологические подходы к созданию web-сайтов

1.1 Историческое развитие web-технологий. Общие представление сети Интернет

1.2 Основы создания web-сайтов. Этапы разработки. Классификация web-сайтов. Размещение web-сайта в Интернет

1.3 Обзор современных web-технологий. Основные языки программирования web-сайтов

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

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

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

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

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

Глава 3. Расчет экономической эффективности процесса создания и внедрения web-сайта

Глава 4. Безопасность и экологичность предложенных решений

Заключение

Список использованных источников

Приложения



Введение

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

Web-сайт - основной элемент глобальной сети Интернет. Web-сайт (англ. website, web - «паутина», site - «место»)-совокупность web-страниц, доступных в Интернет через протоколы HTTP/HTTPS; совокупность всех общедоступных web-сайтов есть Всемирная Паутина - Интернет. Страницы web-сайта объединены общим корневым адресом, а также темой, логической структурой, оформлением и авторством.

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

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

Создание готового программного продукта, отвечающего требованиям заказчика-руководителя ООО «МаксАвто».

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

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



Глава 1. Методологические подходы к созданию web-сайтов

1.1 Историческое развитие web-технологий. Общие представление сети Интернет

Базовая технология Интернет существует более 40 лет, но среда сети появилась не так давно, основное развитие происходило только в последнее десятилетие.

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

ARPANET - Начало Интернет

Агентство ARPA (Advanced Research Projects Agency - Агентство перспективных исследовательских проектов) было создано в 1957 году в ответ на успешный запуск Советским Союзом первого искусственного спутника Земли. Финансируемое Министерством обороны Агентство объединило человеческие ресурсы, которые понадобились для первого американского искусственного спутника - успешный запуск его состоялся 18 месяцев спустя. Однако в 1962 году задачи ARPA были расширены, чтобы охватить использование компьютеров в военных технологиях, значительная часть которых имела отношение к коммуникации компьютеров и работе сетей. [15] Постоянной проблемой при проведении исследований и разработок является объединение интеллектуальных ресурсов, необходимых для работы над проблемами или для использования имеющихся возможностей.

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

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

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

В 1969 году Министерство обороны одобрило проект ARPANET для исследований в области сетей. Первый узел был создан в Университете Калифорнии в Лос-Анджелесе (UCLA1), были созданы узлы в Станфордском исследовательском институте, в Университете Калифорнии в Санта-Барбаре и в Университете штата Юта. К 1972 году большая часть работы по разработке оборудования, программного обеспечения и коммуникационных протоколов была перенесена в университеты и исследовательские лаборатории. В 1973 году сеть ARPANET объединяла 40 машин и имела международные соединения с Великобританией и Норвегией.

Профессор Леонард Клейнрок, известный как один из изобретателей технологии Интернет, создал базовые принципы пакетной коммутации, будучи аспирантом Массачусетского института технологии (MIT1). Это было за десять лет до рождения Интернет, которое произошло, когда хост- компьютер Клейнрока в UCLA стал первым узлом Интернет в сентябре 1969 года. Он написал по этой теме первую статью и опубликовал первую книгу; он также управлял передачей первого сообщения, прошедшего через Интернет. [15]

Одной из проблем компьютерных коммуникаций является достоверность сообщений, посылаемых из одного компьютера в другой. Вполне возможно, что компьютеры разных марок и моделей используют и различные методы для отправки и получения пакетов электронной информации. Существует также проблема потерянных пакетов, когда информация не достигает компьютера места назначения в связи с проблемами передачи. Эти вопросы привели к разработке TCP (Transmission Control Protocol - протокол управления передачей) для обеспечения надежных соединений между различными правительственными, военными и образовательными сетями. Параллельная разработка IP (Internet Protocal - протокол Интернет) решала проблемы сборки пакетов данных и обеспечивала перемещение пакетов в требуемое место назначения.

К 1982 году было решено, что сеть ARPANET должна строиться на основе набора протоколов TCP/IP. В этом случае обеспечивалась прямая коммуникация между компьютерами различных сетей с помощью проводных линий связи, радио и спутников. В это время "интернет" стал обозначать соединенное множество сетей, в частности сетей, соединенных с помощью TCP/IP. В тот же год были созданы спецификации EGP (External Gateway Protocol - протокол внешнего шлюза), с помощью которого между собой общались различные сети. В 1984 году в сети ARPANET было более 1000 компьютеров, и были введены серверы имен доменов (DNS), которые позволяли использовать имена хостов кроме числовых IP-адресов (68.1.17.9), для идентификации и соединения компьютеров в сетях.

NSFNET - Развитие Интернет

Развитие Интернета, прогрессивно начинает развиваться в 1986 году, когда началось финансирование Национального научного фонда (NSF - National Science Foundation). Сеть NSFNET была первоначально создана для связи суперкомпьютеров в основных исследовательских организациях, но она быстро выросла и включила в себя большинство крупнейших университетов и исследовательских лабораторий. В 1990 году существовало более 300 000 хост-компьютеров. В 1994 году по поручению NSF был подготовлен отчет с названием "Осознание информационного будущего: Интернет и дальнейшее развитие". Этот отчет представил программу эволюции "информационной супермагистрали" и оказал значительное влияние на пути развития Интернет. В 1995 году после короткой, но успешной истории, финансирование NSFNET было прекращено, и были сняты ограничения на коммерческое использование, что привело к экспоненциальному росту использования Интернет. Финансирование, которое шло на поддержку NSFNET, было перераспределено между региональными сетями, чтобы помочь им в получении соединения с Интернет у многочисленных новых коммерческих поставщиков сетевых услуг. За следующие три года количество хост-сайтов росло на миллион в год, а в 1995-1997 годах число web-сайтов увеличивалось более чем на 6 миллионов в год и достигло почти 20 миллионов. К этому времени правительственные агентства, образовательные учреждения и частные предприятия стали активными клиентами Интернет.

24 октября 1995 года - Федеральный совет по сетям (Federal Networking Council) единогласно одобрил резолюцию, определяющую термин Интернет (Internet). [15]

Термин "Internet" (Интернет) относится к глобальной информационной системе, которая:

а) логически связана глобально уникальным адресным пространством на основе Протокола Интернет (IP) или его последующими расширениями/ усовершенствованиями;

б) способна поддерживать коммуникацию с помощью пакета протоколов TCP/IP или его последующими расширениями или усовершенствованиями, и/или другими, совместимыми с IP протоколами;

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

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

WWW - Информационная сеть

Хотя e-mail и пересылка файлов были важны для развития Интернет, они не обладали удобными методами, которые необходимы начинающим пользователям, чтобы получить доступ к растущим хранилищам информации по всему миру. Существовало большое количество технических проблем, связанных с коммуникацией через Интернет. Реализация задачи создания информационной супермагистрали требовала развития инструментов для обеспечения удобного для человека интерфейса. Это привело к развитию Всемирной паутины ("World Wide Web") и программного обеспечения браузеров Интернет.

В середине 1960 годов Тед Нельсон создал слово "гипертекст" для описания системы непоследовательных ссылок внутри текста. Идея состояла в том, чтобы перемещаться по текстовым ссылкам, не читая при этом материал в линейной последовательности. Фрагмент информации в одном месте будет вести к родственной информации в другом месте через цепочку ссылок, чтобы собрать сведения из различных источников, разбросанных по множеству документов. И только пятнадцать лет спустя Тим Бернерс-Ли, работавший консультантом в Европейском центре ядерных исследований (CERN), написал программу с названием "Enquire-Within-Upon-Everything" ("Задай любой вопрос"), которая позволяла создавать ссылки между произвольными узлами текста в документе. Каждый узел имел заглавие-идентификатор и список двунаправленных ссылок, поэтому читатели могли перемещаться из одного раздела документа в другой, активируя текстовые ссылки.

В 1990 году Бернерс-Ли начал работу над гипертекстовым "браузером". Он придумал термин "WorldWideWeb" ("Всемирная паутина") для названия программы и "World Wide Web" - для названия проекта. Проект "World Wide Web" был первоначально разработан для создания распределенной гипермедийной системы, которая была легко доступна из любого настольного компьютера, и для согласования физических исследований, разбросанных по всему миру. "World Wide Web" содержала стандартные форматы для текста, графики, звука и видео, которые легко индексировались и были доступны для поиска всем сетевым машинам. Были предложены стандарты для Единообразного локатора ресурса (URL - Uniform Resource Locator), который является схемой адресации Web; Протокола передачи гипертекста (HTTP - HyperText Transfer Protocol), который является множеством сетевых правил для передачи web-страниц; и Языка разметки гипертекста (HTML - HyperText Markup Language).

Прототип браузера был написан для компьютера Apple Next, который не был широко распространен. Была создана упрощенная версия, которая подходила для любой компьютерной платформы, так называемый "Line-Mode Browser"("Построчный браузер"), и выпущена центром CERN как свободно доступная программа (“Freeware”-свободное распространение). Бернерс-Ли позднее переехал на работу в MIT (Массачусетский институт технологии) и помог создать Консорциум "World Wide Web" (W3С), который сегодня поддерживает стандарты технологий Web.

В январе 1993 года Марк Андреессен, который работал в Национальном центре суперкомпьютерных приложений (NCSA) в Университете Иллинойса, выпустил версию своего нового графического браузера для Web на основе принципа "укажи и щелкни" для работы на машинах Unix. В августе Андреессен и его коллеги по NCSA выпустили бесплатные версии для Macintosh и Windows. Андреессен и Эрик Бина разработали браузер Mosaic, а позже основали корпорацию Netscape для производства его потомка браузера Navigator, одного из первых и наиболее популярных коммерческих браузеров. В августе 1994 года NCSA передала все коммерческие права на браузер Mosaic компании Spyglass, Inc. Spyglass впоследствии лицензировала эту технологию нескольким другим компаниям, включая Microsoft, для использования в Internet Explorer.

В 1996 году компания Microsoft стала лидером на рынке браузеров. Сегодня Internet Explorer является наиболее широко распространенным браузером, которым пользуется во всем мире около 84 процентов пользователей Интернет.

Использование Интернет

В 1969 году Интернет начинался с четырех узлов и четырех пользователей. Сегодня, согласно Всемирной книге фактов ЦРУ (CIA World Factbook), во всем мире существует более 600 миллионов пользователей Интернет, что составляет около 9 процентов населения Земли. Учитывая, что число пользователей сети с каждым годом увеличивается, можно предположить, что в дальнейшем пользователей Интернет станет ощутимо больше, чем в настоящее время.

Однако распространение Интернет неравномерно на земном шаре. Лидируют страны, обладающие высоким интеллектуальным и организационным потенциалом вместе с политической и экономической системами, необходимыми для развития этих возможностей. [23] Страны, занимающие первые двадцать пять позиций, по доле пользователей Интернет от общего количества населения (данные 2012 год), показаны в таблице 1:

Таблица 1 - Использование сети Интернет в странах мира

Позиция	Страна	Пользователи	Процент
	Весь мир	604,111,719	9.4
1	Исландия	195,000	65.7
2	Тайвань	13,800,000	60.3
3	Южная Корея	29,220,000	60.1
4	Лихтенштейн	20,000	59.3
5	Швеция	5,125,000	56.9
6	США	159,000,000	53.8
7	Новая Зеландия	2,110,000	52.3
8	Сингапур	2,310,000	52.2
9	Нидерланды	8,500,000	51.8
10	Дания	2,756,000	50.7
11	Финляндия	2,650,000	50.7
12	Пакистан	1,500,000	50.0
13	Норвегия	2,288,000	49.8
14	Канада	16,110,000	49.1
15	Германия	39,000,000	47.3
16	Австралия	9,472,000	47.1
17	Гонконг	3,212,800	46.6
18	Австрия	3,730,000	45.6
19	Япония	57,200,000	44.9
20	ОАЭ	1,110,200	43.3
21	Великобритания	25,000,000	41.4
22	Латвия	936,000	40.9
23	Словения	750,000	37.3
24	Малайзия	8,692,100	36.3
25	Франция	21,900,000	36.1

Для стран, объединенных по регионам, степень использования Интернет показана в таблице 2 [24]. Стоит обратить внимание на то, что Северная Америка и Европа составляют более 52 процентов пользователей Интернет, но в то же время в абсолютных числах азиатские страны имеют наибольшее число пользователей (2012 год):

Таблица 2 - Использование сети Интернет по регионам

Позиция	Регион	Пользователей	Процент
1	Северная Америка	223,392,807	68.0%
2	Океания/Австралия	16,448,966	49.2%
3	Европа	269,036,096	36.8%
4	Латинская Америка	68,130,804	12.5%
5	Азия	323,756,956	8.9%
6	Средний Восток	21,770,700	8.3%
7	Африка	16,174,600	1.8%

Технологии Интернет. Ранее соединение с Интернет было медленным. Пользователи были ограничены использованием существующих телефонных линий с ненадежными коммутируемыми соединениями. Большинство пользователей соединялись с Интернет со скоростью, ограниченной сверху 56000 бит информации в секунду. Последние годы отмечены значительным ростом скорости Интернет за счет применения технологии DSL и кабельных модемов со скоростями до 5000000 бит в секунду. Эти широкополосные соединения с Интернет продолжают развиваться в США и во всем мире. Как показано в таблице 3[25] к середине 2006 года большинство домашних пользователей использовали высокоскоростной доступ к сети Интернет.

Таблица 3 - Процентное соотношение скоростей 2006 год

Скорость	Процент пользователей
DSL и кабель	58.7%
Модем 56К	33.9%
Модем 28.8/33.6К	5.1%
Модем 14.4К	2.5%



Большинство работающих в США также имеют высокоскоростные линии связи с Интернет через сетевые соединения своих компаний. В середине 2005 года более 80 процентов работников имели доступ к высокоскоростным соединениям. В настоящее время доступ к Интернет не имеет 1 процент жителей США.

Способы выхода в Интернет [30]

Коммутируемый удалённый доступ (англ. dial-up) -- сервис, позволяющий компьютеру, используя модем и телефонную сеть общего пользования, подключаться к другому компьютеру (серверу доступа) для инициализации сеанса передачи данных. Используется протокол PPP. Протокол PPP-механизм для создания и запуска IP (Internet Protocol) и других сетевых протоколов на последовательных линиях связи - прямая последовательная связь (по нуль-модемному кабелю), связь поверх Ethernet или модемная связь по телефонным линиям.

Используя PPP, можно подключить компьютер к PPP-серверу и получить доступ к ресурсам сети, к которой подключён сервер. Протокол РРР является основой для всех протоколов 2 уровня. Связь по протоколу РРР состоит из четырёх стадий:

установление связи - осуществляется выбор протоколов аутентификации, шифрования, сжатия и устанавливаются параметры соединения);

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

контроль повторного вызова РРР (необязательная стадия, в которой подтверждается подлинность удалённого клиента);

вызов протокола сетевого уровня (реализация протоколов установленных в первой стадии).

ОККД - Оптоволоконный канал в каждый дом (англ. Fiber to the premises (FTTP) or Fiber to the home (FTTH))-термин, используемый телекоммуникационными провайдерами, для обозначения широкополосных телекоммуникационных систем. Системы ОККД базируютсяся на проведении оптоволоконного канала и его завершения на территории конечного пользователя путем установки терминального оптического оборудования для предоставления комплекса телекоммуникационных услуг (Triple play). Стоимость использования оптико-волоконной технологии небольшая, что делает данную услугу конкурентоспособной по сравнению с традиционными услугами.

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

К основным типам xDSL относятся ADSL, HDSL, R-ADSL, SDSL и VDSL. Все эти технологии обеспечивают высокоскоростной цифровой доступ по абонентской телефонной линии. Существующие технологии xDSL разработаны для достижения определенных целей и удовлетворения определенных нужд рынка. Основным различием данных технологий являются методы модуляции, используемые для кодирования данных.

Спутниковый Интернет - способ обеспечения доступа к сети Интернет с использованием технологий спутниковой связи. Существует два способа обмена данными через спутник: односторонний (one-way)-приём идёт по спутнику, передача по-другому Интернет-соединению (GPRS, Dial-Up, DSL и т.д.) и двухсторонний (two-way) - приём и отправка данных осуществляется по средствам спутника. Является самым надежным и качественный метод подключения на данный момент. [30]

Использование браузеров

При разработке web-страниц важно знать целевые браузеры, которые будут использовать посетители сайта. Браузеры различаются используемыми технологиями и степенью поддержки общих стандартов. Нет никаких гарантий, что web-страница будет выводиться одинаково или даже правильно в двух различных браузерах. Представленная в таблице 4 статистика по процентному распределению используемых браузеров показывает, что Microsoft Internet Explorer все еще остается наиболее широко распространенным браузером. Его популярность обусловлена в большой степени тем, что он установлен уже при продаже на большинстве ПК, покупаемых частными пользователями и организациями. [26]

Таблица 4 - Использование браузеров (данные 2012 год)

Браузер	Процент использования
Google Chrome	50.0%
Internet Explorer	34.0%
AOL, Firefox, Mozilla, Netscape	10.0%
Safari	2.0%
Opera	1.0%
Navigator	0.5%
Другие	2.5%

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

Все современные мониторы персонального компьютера могут работать с разрешением экрана 1024x768 пикселей. Многие пользователи, ограниченные в ресурсах, выбирают разрешение дисплея 800x600 пикселей. Самыми непопулярными в настоящее время являются устаревшие дисплеи с разрешением 640x480 пикселей. Безопасный и надежный подход состоит в проектировании web-страниц для разрешения дисплея 800x600 пикселей, учитывая, что предполагаемая аудитория предпочитает большие размеры страниц с более высокими разрешениями. Так как технологии развивается очень быстро, то в ближайшем будущем разрешение 1024x768 пикселей станет минимальным стандартом.

Необходимо отметить, что разрешение экрана не связано с размером экрана. Маленькие экраны (например, 15-17 дюймов) имеют функцию настройки экрана для вывода высокого разрешения, в зависимости от объема установленной в системе видеопамяти. Размер окна, в котором открывается браузер, может оказать значительное влияние на вывод, а значит, на внешний вид web-страницы. Полноэкранный вывод страницы обычно отличается от страницы, открытой в окне меньшего размера, так как страница согласовывает свою компоновку с размером окна. Эта автоматическая настройка позволяет странице расширяться или сжиматься в соответствии с выбранной шириной окна, делая менее важным проектирование для определенного разрешения экрана или определенного размера окна.

При выводе на странице цветной графики необходимо учитывать глубину цвета (диапазон цветов) мониторов. Обычно используются режимы с трехцветным представлением. Пользователи с более старыми персональными компьютерами имеют обычно восьми битные мониторы (256 цветов), число таких пользователей составляет не более 1 процента. Другие пользователи имеют обычно шестнадцати битные (65,536 цветов) и двадцати битные (16,777,216 цветов) мониторы, представляющие примерно 18 процентов и 72 процента, соответственно. При создании собственной графики есть возможность выбора выводимой глубины цвета. При использовании готовой графики такой возможности может не быть. Изображения, сохраненные с большой глубиной цвета, могут выводиться с неправильными цветами на мониторах с небольшим объемом видеопамяти и меньшим количеством возможных цветов.

С учетом тенденций развития web-технологий разработчики web-сайтов могут рассчитывать, что современные компьютерные системы будут совершенствоваться и развиваться. Это означает, что при создании web- страниц можно использовать самые современные web-технологии, так как количество пользователей, применяющих более старые технологии, постоянно сокращается. Оптимальным является разработка для браузера Internet Explorer, работающим с разрешением 800x600 пикселей и глубиной цвета двадцать четыре бита в полноэкранном окне. Можно делать настройку для других браузеров, других разрешений экрана и другой глубины цвета, если предполагается посещение страницы пользователями с другими технологиями.

Web-сервер

Web-сервер является неотъемлемым элементом Интернет, можно сказать, - основа Интернет. Web-сервер-сервер, принимающий http-запросы от клиентов, обычно web-браузеров, и выдающий им http-ответы, обычно вместе с HTML-страницей, изображением, файлом, медиа-потоком или другими данными. Web-сервером называют как программное обеспечение, выполняющее функции web-сервера, так и компьютер, на котором это программное обеспечение работает. Клиенты получают доступ к web-серверу по URL адресу нужной им web-страницы или другого ресурса. Дополнительными функциями многих web-серверов являются:

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

аутентификация пользователей

поддержка динамически генерируемых страниц

поддержка HTTPS для защищенных соединений с клиентами Программное обеспечение: двумя наиболее распространёнными web-серверами, вместе занимающими около 90 процентов рынка[27], являются: Apache - web-сервер с открытым исходным кодом, наиболее часто используется в Unix-подобных операционных системах и IIS от компании Microsoft, распространяется с операционные системы семейства Windows NT.

Клиенты

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

1.2 Основы создания web-сайтов. Этапы разработки. Классификация web-сайтов. Размещение web-сайта в Интернет

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

Этапы разработки web-сайта:

а) Постановка задачи

б) Разработка технического задания в) Проектирование

Структура программы

Хранение данных

Шлюзы с другими программами г) Графический дизайн

д) Программирование

Верстка

Клиентские функции

Серверные функции е) Наполнение

ж) Размещение

з) Продвижение

и) Поддержка

Постановка задачи

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

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

Разработка технического задания

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

Составление Технического Задания - сложная задача, этим занимается фирма, компания, получившая требования от заказчика и готовая к разработке. За основу Технического Задания берется Постановка Задачи, она входит в него составной частью и является источником новых уточняющих вопросов. Другой источник сведений для Технического Задания - знания разработчиков о том, как надо реализовать ту или иную функцию с тем, чтобы ее было удобно использовать. Эта область знаний называется usability (англ. - востребование). Результатом выполнения второго этапа работы является документ «Техническое Задание». Он может иметь большой объём (более 50 страниц) и содержит все сведения, необходимые для дальнейшей работы над проектом.

Проектирование

Имея Техническое Задание, разработчики принимаются за свою основную работу - создание готового продукта. Затраты на внесение изменений в разрабатываемое приложение от этапа к этапу возрастают по экспоненте. Таким образом, гораздо дешевле поправить Техническое Задание, чем проект, и дешевле не сделать ошибки на этапе проектирования, чем поправить ее на этапе реализации. Можно выделить три основные части, на которые обращается внимание:

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

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

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

Графический дизайн

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

Программирование

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

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

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

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

Наполнение

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

Размещение

После завершения разработки, web-сайт размещается на сервере -компьютере, соединенном с Интернет быстрой и надежной линией. Такое размещение называется хостингом1 (от англ.- hosting). Помимо размещения web-сайта на хостинг-площадке, нужно дать ему адрес. Для этого регистрируется доменное имя.

Продвижение

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

Поддержка

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

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

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

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

Отличительные особенности статических и динамических web-сайтов можно проследить в Таблице 5:

Таблица 5 - Особенности динамических и статических web-сайтов

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

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

Размещение web-сайта в Интернет

Основными терминами для освещения процесса размещения web-сайта в Интернет являются понятия «хостинг» и «домен».

Хостинг-услуга по предоставлению дискового пространства для физического размещения файлов сайта на сервере, постоянно находящегося в сети (обычно Интернет). [30]

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

Обычно хостинг предоставляется хостинговыми компаниями. Под термином «хостинговая компания» подразумевается компания, предоставляющая услуги web-хостинга. Предоставлению хостинга, как правило, сопутствует услуга по регистрации домена. Домен-определенная зона в системе доменных имен Интернет, выделенная владельцу домена (какой-либо стране, международной организации, региону, юридическому или физическому лицу) для целей обеспечения доступа к предоставляемой в Интернет информации принадлежащей владельцу домена. [30]

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

Также можно разделить услуги хостинга по типу предоставляемого ресурса:

виртуальный хостинг-предоставляется место на диске и/или внешний трафик, среда исполнения web-сервисов единая для многих пользователей.

виртуальный выделенный сервер (VPS или VDS)-предоставляется место на диске, внешний трафик, часть общей памяти,

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

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

С юридической точки зрения, услуга хостинга относится к телематическим услугам связи или, в случае, когда хостинговая компания размещает у себя оборудование пользователя и обеспечивает его подключение к Интернет (колокация)-к услугам передачи данных. Эти виды деятельности подлежат лицензированию. Лицензии выдаются Федеральной службой по надзору в сфере связи. [30]

Организация, предоставляющая услуги доступа к интернет называется Интернет-провайдер (Internet Service Provider, ISP). В число предоставляемых Интернет-провайдером услуг входит обеспечение работы сайтов-хостинг, аренда выделенных и виртуальных серверов, резервирование данных. [30]

Популярность предоставления провайдерами хостинга по разным типам предоставляемого ресурса приведена в таб. 6. [31] Последнее обновление данных 21 мая 2012 года.

Таблица 6 - Количество провайдеров, предоставляющих услуги размещения web-сайта

услуга	Количество провайдеров	Популярность использования
виртуальный сервер	421	94%
виртуальный выделенный сервер	163	36%
выделенный сервер	229	51%

1.3 Обзор современных web-технологий. Основные языки программирования web-сайтов

В настоящее время существует множество языков программирования web-страниц. Каждый из них имеет свою историю, назначение, область применения, свои особенности и сложности, достоинства и недостатки. Основными языками являются: HTML, DHTML, XHTML, XML, JAVA, CGI, SSI, CSS, РНР, ASP37, VBScript. Необходимо кратко рассмотреть каждый из них. В настоящее время пользуется большой популярностью продукты и технологии Macromedia Flash, которые будут также рассмотрены ниже.

HTML

HTML(HyperText Markup language, язык гипертекстовой разметки), предназначенный для разметки и оформления документов, публикуемых в World Wide Web, - HTML-документов. Язык независим от платформы, то есть может работать в любых операционных средах. Основные элементы языка HTML являются дескрипторы (тэги)-операторы, названия которых заключается в угловые скобки. Документы, размеченные при помощи этого языка, визуализируются браузерами конечных пользователей в большинстве случаев одинаково благодаря тому, что распознают и правильно обрабатывают структурные элементы языка HTML. Исходных код представляет собой текст, отформатированный при помощи дескрипторов, выводимый непосредственно в готовом виде пользователю Интернет.

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

HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими широко распространенными браузерами, и является основой почти всего имеющего отношение к сети Интернет программного обеспечения.[9],[8],[16]

DHTML

(Dynamic Hyper Text Markup Language, динамический язык разметки гипертекста) является расширением стандарта HTML и позволяет создавать web-страницы, включающие такие интерактивные элементы, как движущийся фон, расположенный под статичным содержимым документа, движущиеся объекты, выпадающие меню, кнопки, подсвечивающиеся при наведении курсора мыши, анимацию, бегущие титры и многое другое. DHTML представляет собой середину между технологиями HTML и JavaScript. Этот стандарт использует простые сценарии, подготовленные с помощью интерпретируемого макроязыка, обрабатываемого браузером совместно с кодом HTML. Такие сценарии именуются «скриплетами». Для создания скриплетов используются стандартные расширения DHTML и любой макроязык, поддерживающий директивы интерфейса ActiveX. DHTML распознается броузерами Microsoft Internet Explorer, начиная с версии 4.0 и выше. [11]

XHTML и XML

XML(Extensible Markup Language, расширяемый язык разметки) является принципиально новым стандартом, предложенным в 2000 году создателем языка HTML -- консорциумом World Wide Web Consortium (W3C). Это новейшая технология изготовления web-страниц, и ее окончательная спецификация в настоящий момент еще находится в стадии разработки. По структуре XML представляет собой не собственно язык разметки гипертекста, а так называемый метаязык, предназначенный для описания других языков более низкого уровня. В свою очередь XHTML (Extensible Hypertext Markup Language, расширя емый язык разметки гипертекста) представляет собой промежуточный вариант между XML и HTML 4.O. Именно за счет его широкого применения W3C планирует осуществить постепенный переход от одного стандарта к другому. В спецификацию XHTML заложен принцип обратной совместимости. Иными словами, владельцам web-сайтов, страницы которых выполнены по технологии HTML 4.0 или более ранних версий, не придется изменять формат опубликованных в сети Интернет документов: все дополнения и расширения нового языка полностью включают в себя предыдущие стандарты.[30]

XML и XHTML значительно расширяют возможности HTML и позволяют web-мастерам использовать практически весь заложенный в современный Интернет потенциал, в первую очередь в сфере электронной коммерции. Поскольку XHTML подразумевает модульную архитектуру построения электронных документов, данный стандарт позволяет создавать механизмы взаимодействия с нетрадиционными для Интернета устройствами, такими как факс-машины, сотовые телефоны и телевизоры. По мнению аналитиков, в не столь отдаленном будущем XML станет основным стандартом во Всемирной сети, постепенно включив в себя большинство других использующихся ныне форматов. [11]

JAVA

Язык программирования Java, разработанный около восьми лет назад компанией Sun Microsystems и напоминающий по структуре и синтаксису язык программирования «С». Существует сегодня в Интернет в двух вариантах: JavaScript и Java. Первый вариант языка является всего лишь надстройкой стандарта HTML и значительно расширяет возможности документа, созданного в этом формате. Модуль, написанный на JavaScript, интегрируется в файл HTML как подпрограмма и вызывается на исполнение из соответствующей строки HTML-кода стандартной командой. Встроенный в браузер интерпретатор языка воспринимает и скрипт, и сам код гипертекста как единый документ, обрабатывая те и другие данные одновременно. Модуль Java в отличие от JavaScript не интегрируется в использующую его страницу, а существует как самостоятельное приложение с расширением .class или апплет. При использовании этого варианта языка апплет также вызывается из html-файла соответствующей командой, но загружается, инициализируется и запускается на исполнение в виде отдельной программы, в фоновом режиме.

...