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

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

Белорусский национальный технический университет

Факультет маркетинга, менеджмента, предпринимательства

Кафедра «Бизнес-администрирование»

Контрольная работа

По дисциплине: «Компьютерные информационные технологии»

На тему: «Разработка мультимедийного Web-сайта»

Исполнитель: студентка 2 курса, гр. 10504114

Дроб Екатерина Дмитриевна

Руководитель: ст. преподаватель:

Ругалёва Ирина Евгеньевна

Минск, 2015



Оглавление

Введение

1. Теоретическая часть

1.1 Этапы проектирования Web-сайтов

1.2 Понятие метода доступа. Реализация сетевых технологий (Ethernet, Arcnet и Token Ring)

2. Практическая часть

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

2.2 Обоснование выбора средства разработки Web-сайта

2.3 Разработка структуры Web-сайта

2.4 Выбор компоновки Web-страниц

2.5 Разработка контента и оформление Web-страниц

2.5.1 Структура и компоненты HTML-документа

2.5.2 Теги для структурирования и форматирования текста

2.5.3 Теги для работы с графикой в HTML-документах

2.6 Разработка и настройка системы гиперссылок

2.7 Тестирование и продвижение Web-сайта

Заключение



Введение

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

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

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

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

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

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

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

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



1. Теоретическая часть

1.1 Этапы проектирования Web-сайтов

Работу по созданию можно разделить на такие этапы:

o Подготовительный;

o Разработка макета;

o Верстка;

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

o Наполнение контентом;

o Раскрутка сайта;

o Администрирование (поддержка) сайта.

К каждому пункту надо подходить со всей ответственностью, ведь от этого будет зависеть качество и посещаемость сайта.

Подготовительный этап. На этом этапе необходимо сформировать основную идею будущего сайта.

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

· Затем определяем целевую аудиторию (пол, возраст, образование), то есть для кого будет этот сайт.

· Так же необходимо выяснить какую информацию ожидают посетители, это поможет с определением контента (текстовой информацией) на сайте.

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

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

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

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

Верстка. Чтобы нарезать готовый макет на части, и в дальнейшем прикрепить на сайт, потребуется верстальщик (это процесс написания HTML и CSS кодов для веб-страниц). Каждый код отвечает за то, чтобы все элементы на странице размещались там, где нужно. Верстальщик должен знать все особенности браузеров, так как для каждого браузера необходим свой подход верстки.

Виды верстки при создании сайта:

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

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

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

Наполнение сайта контентом. Эффективность работы сайта связана с понятием контента, то есть текстовой и графической информации.

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

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

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

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

1.2 Понятие метода доступа. Реализация сетевых технологий (Ethernet, Arcnet и Token Ring)

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

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

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

Метод доступа - набор правил, которые определяют, как компьютер должен отправлять и принимать данные.

Наиболее известны и распространены три конкретные реализации методов доступа: Ethernet, Arcnetи Token Ring.

Сетевые технологии локальных сетей Ethernet

В настоящее время эта сетевая технология наиболее популярна в мире. Популярность обеспечивается простыми, надежными и недорогими технологиями. В классической локальной сети Ethernet применяется стандартный коаксиальный кабель двух видов (толстый и тонкий).

Однако все большее распространение получила версия Ethernet, использующая в качестве среды передачи витые пары, так как монтаж и обслуживание их гораздо проще. В локальных сетях Ethernet применяются топологии типа “шина” и типа “пассивная звезда”, а метод доступа CSMA/CD.

Стандарт Ethernet в зависимости от типа среды передачи данных имеет модификации:

10BASE5 (толстый коаксиальный кабель) - обеспечивает скорость передачи данных 10 Мбит/с и длину сегмента до 500м.

10BASE2 (тонкий коаксиальный кабель) - обеспечивает скорость передачи данных 10 Мбит/с и длину сегмента до 200м.

10BASE-T (неэкранированная витая пара) - позволяет создавать сеть по звездной топологии. Расстояние от концентратора до конечного узла до 100м. Общее количество узлов не должно превышать 1024.

10BASE-F (оптоволоконный кабель) - позволяет создавать сеть по звездной топологии. Расстояние от концентратора до конечного узла до 2000м.

В развитие сетевой технологии Ethernet созданы высокоскоростные варианты: IEEE802.3u/Fast Ethernet и IEEE802.3z/Gigabit Ethernet. Основная топология, которая используется в локальных сетях Fast Ethernet и Gigabit Ethernet, пассивная звезда.

Сетевая технология Fast Ethernet обеспечивает скорость передачи 100 Мбит/с и имеет три модификации:

100BASE-T4 - используется неэкранированная витая пара (счетверенная витая пара). Расстояние от концентратора до конечного узла до 100м.

100BASE-TX - используются две витые пары (неэкранированная и экранированная). Расстояние от концентратора до конечного узла до 100м.

100BASE-FX - используется оптоволоконный кабель (два волокна в кабеле). Расстояние от концентратора до конечного узла до 2000м.

Сетевая технология локальных сетей Gigabit Ethernet - обеспечивает скорость передачи 1000 Мбит/с.

Существуют следующие модификации стандарта:

1000BASE-SX - применяется оптоволоконный кабель с длиной волны светового сигнала 850 нм.

1000BASE-LX - используется оптоволоконный кабель с длиной волны светового сигнала 1300 нм.

1000BASE-CX - используется экранированная витая пара.

1000BASE-T - применяется счетверенная неэкранированная витая пара.

Локальные сети Fast Ethernet и Gigabit Ethernet совместимы с локальными сетями, выполненными по технологии (стандарту) Ethernet, поэтому легко и просто соединять сегменты Ethernet, Fast Ethernet и Gigabit Ethernet в единую вычислительную сеть.

Сетевые технологии локальных сетей Token-Ring

Сеть Token-Ring предполагает использование разделяемой среды передачи данных, которая образуется объединением всех узлов в кольцо.

Сеть Token-Ring имеет звездно-кольцевую топологию (основная кольцевая и звездная дополнительная топология). Для доступа к среде передачи данных используется маркерный метод (детерминированный маркерный метод).

Стандарт поддерживает витую пару (экранированную и неэкранированную) и оптоволоконный кабель. Максимальное число узлов на кольце - 260, максимальная длина кольца - 4000 м. Скорость передачи данных до 16 Мбит/с.

Сетевые технологии локальных сетей ArcNet

В качестве топологии локальная сеть ArcNet использует “шину” и “пассивную звезду”. Поддерживает экранированную и неэкранированную витую пару и оптоволоконный кабель.

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

Основным недостаткам сети является низкая скорость передачи информации (2,5 Мбит/с). Максимальное количество абонентов - 255. Максимальная длина сети - 6000 метров.



2. Практическая часть

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

Средствами Web-редактора разработать мультимедийный Web-сайт по теме “ Вирусный маркетинг”.

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

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

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

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

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

Виды вирусного интернет-маркетинга:

1. Pass-along (с англ. «передавать») - люди сами обмениваются рекламными сообщениями: видео, картинками и т.д. Например, вспомним известное вирусное видео PSY «Gangnam style».

2. Incentivised viral (с англ. «побуждать») - пользователям обещают бонус за какие-либо действия. Такой вид вирусного маркетинга нацелен не только на продвижение какого-либо товара или услуги, но и на построение долгосрочных отношений с аудиторией. Например, акция «Унеси за 50 секунд», когда людям предлагается заполнить небольшую анкету и принять участие в «забеге» по магазину бытовой техники и унести с собой все, что поместиться в руки, на все отводится 50 секунд

3. Undercover (с англ. «скрытный, тайный») - самый действенный метод продвижения продукта/услуги, который основывается на уникальности и необычности вирусного контента. Рекламное сообщество в данном случае скрыто. Например, скрытая реклама брендов в кино.

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

4. Buzz (с англ. «слухи») - считается не совсем корректным, в некоторых случаях неприемлемым и губительным для бренда. Главная цель - привлечение как можно большего внимания публики любыми способами и средствами.

Преимущества вирусного маркетинга для продвижения:

· Экономия: контент создается только один раз, распространяется же бесплатно самой аудиторией.

· Лояльность: ссылки на интересный материал пользователи получают от источников, которым доверяют - друзья, известные ресурсы и т.д.

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

· Нет ограничений: в вирусном маркетинге могут использоваться приемы, которые запрещены в традиционных видах рекламы.

· Долговременность: если вирус качественный, эффект от него останется надолго.

· Вирусный маркетинг может присутствовать не только в интернете и реализовываться за счет других рекламных носителей. Например, ambient media, когда используются ресурсы окружающей среды (реклама на асфальте, логотипы на тележках в магазинах, реклама на перилах экскаватора в метро и т.д.)

Для проведения успешной вирусной кампании необходимо следовать трем правилам:

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

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

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

Инструменты посева вирусного маркетинга

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

Вирусная реклама решает следующие задачи:

· повышение узнаваемости бренда

· поддержка при запуске нового бренда/продукта/услуги в сети

· поддержка BTL-акций в интернете

· стимулирование продаж

· повышение лояльности потребителей

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



2.2 Обоснование выбора средства разработки Web-сайта

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

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

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

Общие структурные элементы построения веб-страниц: логотип, элементы навигации, средства поиска, выбор языка, заставку, информационное поле.

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

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

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

Понятие «прогрессивный дизайн» не имеет четкого определения в научной и искусствоведческой литературе. Этот термин выступает скорее как собирательное понятие для комплекса определенных направлений и техник в дизайнерской практике.

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

Практическое воплощение эти идеи получили в таких тенденциях, как, например, постепенный переход от Flash-технологий к более современным CSS3 и HTML5. Они обеспечивают большую гибкость возможностей разработчиков и связной единства данных, изображений, видео и аудио, что отражается на скорости процесса построения эскизов при создании веб-сайтов. Значительному упрощению при формировании страниц способствует открытый формат шрифтов для веб, который осуществляется с помощью WOFF (Web Open Font Format).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для выделения текста можно использовать такие парные теги, как "I" - курсив, "B" - жирный шрифт, "big"- увеличение размера шрифта, "small"- уменьшение размера шрифта, "tt"- тип печатная машинка и так далее. Область, которую необходимо выделить, придав ей свойства этих тегов, помещают в контейнер из двух парных тегов.

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

Ключевые слова предназначены для индексации страницы, именно они несут в себе суть того, что на ней размещено. Сегодня, все большее распространение получило скрытое семитическое районирование. Человек водит в поисковом запросе слово, и если оно подходит под тему вашего сайта и используется в его тексте, то ссылка на страничку выводиться в результатах запроса, при этом значение тега "keywords" не так высоко, как раньше. Однако, наполняя сайт контентом, многие разработчики злоупотребляют ключевыми словами, надеясь повысить положение своего сайта. Это не самый верный подход, ведь текст на странице предназначен для пользователей, он должен быть читабелен и интересен, при этом ключевые слова нужно расставлять грамотно - так чтобы это не бросалось в глаза и не портило суть данных.

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

Примеры Web-редакторов:

Существует множество Web-редакторов, но мы акцентируем внимание на такие как: Publisher, Dreamweaver, FrontPage и Блокнот.

При создании своего сайта я использовала Блокнот. Для создания сайта в Блокнот понадобится знание языка html, а так же пригодятся таблицы стилей css.

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



2.3 Разработка структуры Web-сайта

Существуют следующие структуры Web-сайтов:

· Линейная - страницы Web-документа следуют строго одна за другой, имеется возможность возврата на один уровень назад

· нелинейная - существует возможность перехода от страницы к странице независимо от иерархии

· иерархическая - существует заглавная страница, возможность перехода по дереву ссылок, выделяются основные разделы

· комбинированная - создана на основе иерархической и присутствуют элементы линейной

Для моего сайта была выбрана нелинейная структура.

Конкретные страницы:

· index.html - главная, знакомит пользователя с общим содержанием сайта

· vik.html - страница, где можно узнать подробнее, о данной теме

· prim.html - на данной странице находятся примеры

· litra.html - литература, которая использовалась при создании

· avtor.html - позволяет узнать больше информации об авторе

· registration.html - раздел для регистрации на сайте

· tfr.html - страница, которая загружается при окончании регистрации Web-страницы (таблица 1).



Таблица 1 - Перечень страниц Web-сайта.

Страница	Имя файла	Описание
Главная	index.html	Начальная страница, загружаемая при открытии сайта, содержит название сайта и основные термины.
Что это?	vik.html	Страница сайта, содержащий основную информацию по теме.
Примеры	prim.html	Страница сайта, содержащий Видео с примерами по данной теме
Литература	litra.html	Страница сайта, содержащий информацию о источниках, которые использовались при создании сайта
Об авторе	avtor.html	Страница сайта, содержащий информацию об авторе
Регистрация	registration.html	Страница, где заполнив специальную анкету можно зарегистрироваться на сайте
Благодарим за регистрацию	tfr.html	Страница, которая загружается при окончании регистрации

2.4 Выбор компоновки Web-страниц

Для каждой Web-страницы была выбрана компоновка с верхним расположением навигации. Это можно увидеть в приложении А.

Рисунок 1 - компоновка Web-страниц



2.5 Разработка контента и оформление Web-страниц

2.5.1 Структура и компоненты HTML-документа

Тег <html> является контейнером, который заключает в себе все содержимое веб-страницы, включая теги<head> и <body>. Открывающий и закрывающий теги <html> в документе необязательны, но хороший стиль диктует непременное их использование.

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

Содержимое тега <head> не отображается напрямую на веб-странице, за исключением тега <title>устанавливающего заголовок окна веб-страницы.

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

2.5.2 Теги для структурирования и форматирования текста

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

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

<p>Абзац 1</p>

<p>Абзац 2</p>

Каждый абзац начинается с тега <p> и заканчивается необязательным закрывающим тегом </p>.

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

Тег <ol> устанавливает нумерованный список, т.е. каждый элемент списка начинается с числа или буквы и увеличивается по нарастающей.

Тег <ul> устанавливает маркированный список, каждый элемент которого начинается с небольшого символа -- маркера.

Тег <li> определяет отдельный элемент списка. Внешний тег <ul> или <ol> устанавливает тип списка -- маркированный или нумерованный.

Тройка элементов <dd>, <dt>, <dl> предназначена для создания списка определений. Каждый такой список начинается с контейнера<dl>, куда входит тег <dt> создающий термин и тег <dd> задающий определение этого термина. Закрывающий тег</dd> не обязателен, поскольку следующий тег сообщает о завершении предыдущего элемента. Тем не менее, хорошим стилем является закрывать все теги.

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

Тег <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>.

Тег <td> предназначен для создания одной ячейки таблицы. Тег <td> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>.

Тег <th> предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная. Текст в такой ячейке отображается браузером обычно жирным шрифтом и выравнивается по центру.

Тег <tr> служит контейнером для создания строки таблицы.

Часто бывает необходимо выделить какие-то символы, слова полужирным шрифтом, курсивом, подчеркнуть их или же выделить шрифтом другого типа, размера или цвета. Таким образом пользователь сразу обращает внимание на выделенные слова и первыми читает их, а затем остальной текст. Для этого в языке разметки гипертекста HTML предусмотрено ряд тегов (тэгов) форматирования символов, задания размера и цвета шрифта.

<B>, </B> - теги для выделения полужирным шрифтом.

<I>, </I> - для выделения курсивом.

<U>, </U> - теги для выделения подчеркиванием.

<EM>, </EM> - для акцентирования внимания, выделение курсивом.

<STRONG>, </STRONG> - для сильного выделения, обычно, полужирным шрифтом.



Рисунок 2 - Пример использования тегов для структурирования и форматирования текста

2.5.3 Теги для работы с графикой в HTML-документах

Тег <img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег <img> в контейнер <a>. При этом вокруг изображения отображается рамка, которую можно убрать, добавив атрибут border="0" в тег <img>.

Атрибуты тега <img>

align - Определяет как рисунок будет выравниваться по краю и способ обтекания текстом.

alt - Альтернативный текст для изображения.

border - Толщина рамки вокруг изображения.

height - Высота изображения.

hspace - Горизонтальный отступ от изображения до окружающего контента.

ismap - Говорит браузеру, что картинка является серверной картой-изображением.

longdesc - Указывает адрес документа, где содержится аннотация к картинке.

lowsrc - Адрес изображения низкого качества.

src - Путь к графическому файлу.

vspace - Вертикальный отступ от изображения до окружающего контента.

width - Ширина изображения.

usemap - Ссылка на тег <map>, содержащий координаты для клиентской карты-изображения.

Рисунок 3. Пример работы с графикой



2.6 Разработка и настройка системы гиперссылок

Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег <a> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.

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

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

Для добавления закладки, выделяем слово или рисунок, выбираем меню Вид/Закладка и задаем ее имя. Далее, повторяем такую же процедуру, как при добавлении гиперссылки, только в окне, на Рисунке 3, нажимаем на кнопку Закладка.

2.7 Тестирование и продвижение Web-сайта

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

1) Начинается все с подготовительных работ -- тестировщик изучает полученную документацию.

2) Функциональное тестирование -- наиболее продолжительный этап проверки ресурса. Суть этого процесса заключается в проверке всего функционала.

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

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

6) Тестирование производительности сайта -- проводится с целью определения быстродействия сайта или его части под определённой нагрузкой.

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

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

1) Регистрация сервера в поисковых системах

Поисковые системы с помощью поисковых машин производят автоматический поиск новых ресурсов и их автоматическую индексацию.

2) Размещение ссылок в web-каталогах

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

3) Размещение ссылок в «желтых страницах»

«Желтые страницы» (Yellow Pages) -- аналог широко распространенных на западе телефонных справочников. На желтых страницах обычно помещают краткую справку о типе бизнеса компании, ее логотип, 1-2 иллюстрации и полную информацию о координатах фирмы.

4) Регистрация на тематических web-серверах

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

5) Размещение ссылок на других серверах

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

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

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

· размещение ссылок в обмен на что-либо другое

6) Размещение платной рекламы на серверах с целевой аудиторией

Многие серверы с высокими показателями посещаемости и/или охватывающие большой объем целевой аудитории продвигаемого сайта предоставляют возможность платного размещения рекламных объявлений на своих страницах.

7) Участие в телеконференциях и реклама в списках рассылки

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

8) Указание координат сайта во всех видах рекламной продукции компании

9) Другие методы

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

Заключение

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

Размещено на Allbest.ru

...