Файл: Языки разметки и таблицы стилей.pdf

ВВЕДЕНИЕ

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

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

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

Сегодня во всемирной паутине размещается огромное количество сайтов и их число постоянно растет.

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

Web-технологии это концепция работы с информацией. Она отличается следующими особенностями:

• техническая основа Web-технологий – локальные и глобальные сети, чаще всего Интернет
• применение особого типа тонких клиентов: web-браузеров
• преимущественно текстовая и статично-графическая подача информации (ослабление этой тенденции связано с развитием технологий связи и ПО, экспансией медиаконтента)
• изменения в информационных источниках мгновенно отражаются в публикациях;
• число потребителей информации практически не ограничено. Публикатор сам может задать особые условия на доступ к публикуемой информации;
• в публикациях могут содержаться ссылки на другие публикации без ограничения на местоположение и источники материалов;
• активная работа поисковых машин (история, современное состояние и роль поисковых машин отдаются на самостоятельное изучение);
• доставка и тиражирование контента практически бесплатны.

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

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

Объектом исследования в данной работе являются web-технологии.

Предметом исследования является технологии разработки web-сайтов.

Цель разработка промо сайта для телефона OnePlus5.

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

• Рассмотреть технологии разработки web-сайтов
• Обосновать выбор инструментов для разработки.
• Спроектировать сайт
• Разработать спроектированный сайт.

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

ОБЗОР ПРЕДМЕТНОЙ ОБЛАСТИ

Типы сайтов

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

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

По цели создания выделяют следующие типы сайтов:

• Некоммерческие
• Коммерческие

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

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

По стилю оформления и функциональности выделяют следующие типы сайтов:

• Флэш-сайты
• Динамические
• Статические

В зависимости от размера аудитории выделяют следующие типы сайтов:

• Узконаправленные и тематические
• Интернет-порталы
• Простые (визитки, домашние страницы и т. д.)

Также делят сайты на типы по их физическому расположению:

• Локальные
• Общедоступные

Основные виды сайтов и их категории

Информационный сайты

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

Существуют разно тематические и одно тематические тематические информационные сайты [3].

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

Новостные сайты

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

Блоги.

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

Условно блоги можно разделить на два вида – личные блоги и корпоративные.

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

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

Условно блоги можно разделить на 2 категории исходя из того, какое количество тем они затрагивают:

• Узко тематические (несколько тем, которые имеют тесную взаимосвязь между собой);
• Обще тематические (могут затрагивать совершенно разные темы).

Сайты имеющие корпоративную направленность.

1. Корпоративные сайты.

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

Можно выделить следующую классификацию корпоративных сайтов- информационный и имиджевый.

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

Для таких сайтов характерным является наличие оригинального яркого дизайна, нестандартных запоминающихся решений в оформлении и структуре [6].

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

2. Сайты-визитки.

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

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

• Быстрота разработки
• Краткость и содержательность при изложении информации
• Привлечение новых клиентов и партнеров
• Малые затраты на разработку
• Удобство и простота управления.

3. Сайты-портфолио.

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

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

3 группа. Коммерческие сайты.

Коммерческие сайты

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

• Сайт-витрина;
• Промо-сайты;
• Интернет-магазины;
• Сайты-визитки.

1. Сайт-витрина.

Сайт витрина отличается тем, что их основная цель это реклама продукции. Для реализации механизмов заказа и оплаты эти сайты обычно не предназначены. Чаще всего такие сайты делают производители той или иной продукции. Так как розничной реализацией производители не занимаются, а им нужно найти потенциальных покупателей, то такими сайтами они и поднимают популярность своей продукции среди обычных людей и находят оптовых покупателей. И иногда на таких сайтах указываются компании, у которых можно приобрести тот или иной товар. То есть по сути производитель предлагает уже разрекламированную продукцию для реализации и кроме того еще и предлагает рекламу компании, которая будет заниматься реализацией [15].

2. Промо-сайты.

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

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

3. Интернет-магазины.

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

Чаще всего компании предлагают все свои товары на одном ресурсе, достаточно редко создаются различные сайты для разных категорий товаров [18].

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

4 группа. Социальные проекты.

Социальные проекты

К социальным проектам относятся специальные социальные сети либо сети общей тематики, сайты-сообщества, форумы и т. д. [13]

1. Форумы.

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