Разработка мультимедийного сайта

Существует несколько технологий доставки новостного контента. Выделим наиболее распространенные:

1.  Новости, непосредственно встроенные в тело сайта;

2.  Новостные ленты;

3.  Подкастинг;

4.  Е-mail рассылка.

Дело в том, что основной смысл новостного контента – скорость его доставки и широта охвата источников. Здесь нет большого удельного объема данных, но есть необходимость его быстрой передачи. Защита в данном случае может оказаться и излишней – стоимость вчерашней новости практически равна нулю, так что запрет копирования может оказаться даже вредным – пусть лучше потенциальный подписчик будет иметь возможность оценить качество и скорость подачи материалов. Правда, особняком стоят аналитические газеты и журналы, доступ к архивам которых может осуществляться на тех же принципах, что и к отдельным аналитическим обзорам [5].

1.5.1  Новости, непосредственно встроенные в тело сайта

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

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

Значительно облегчают эту проблему многие поисковые порталы (Yahoo!, AltaVista, Lycos, TUT.BY, Яндекс, Google, Bing и др.), которые имеют новостные разделы.

Рассмотрим структуру таких разделов на примере сайта TUT.BY (рисунок 1.1).

Рисунок 1.1 – Новости, непосредственно встроенные в тело сайта на примере портала TUT.BY

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

Одной из главных отличительных особенностей заметок новостного раздела является их краткий, лаконичный, но в то же время раскрывающий всю суть заголовок. Прочитав только его, уже можно понять, о чем же говориться и что происходит. Как правило, после краткого повествования следует гиперссылка на полное и подробное содержание. Ссылка может быть представлена различными способами: в роли тела ссылки может выступать сам заголовок (например, на сайте TUT.BY) либо только его часть (Яндекс), так и специальные символы (>>>>, слово Подробнее).

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

1.5.2  Новостные ленты

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

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

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

RSS (Really Simple Syndication) – интернет-технология, которая позволяет доставлять пользователю материалы сайта в специальном формате, на языке XML (Extensible Markup Language) [3].

С RSS-лентами умеют работать многие современные браузеры, почтовые клиенты и интернет-пейджеры. Среди них можно выделить Safari, Maxthon, Miranda, Mozilla Firefox, Mozilla Thunderbird, Opera, Opera mini, Windows Internet Explorer (начиная с 7-й версии), Google Chrome. Кроме того, существуют специализированные приложения, собирающие и обрабатывающие информацию RSS-каналов, которые называются RSS-агрегаторами.

RSS-агрегатор – клиентская программа или веб-приложение для автоматического сбора сообщений из источников, экспортирующих в форматы RSS или Atom, например заголовков новостей, блогов, подкастов и видеоблогов [2].

Также очень популярны веб-агрегаторы, представляющие собой сайты по сбору и отображению RSS-каналов, такие как Яндекс.Лента, Google Reader, Новотека и Bloglines.

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

Рисунок 1.2 – Информация об обновлении страниц в Google Reader

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

Если говорить и структуре новостных лент, то необходимо отметить, что они состоят из некоторого ограниченного числа статей, а также из служебной информации типа автора ленты или домашней странички. При появлении новых данных они добавляются в ленту, вытесняя при этом старые статьи. Обычно в ленте бывает не больше 10-20 статей, хотя бывают ленты и с несколькими сотнями статьей [12].

Типичный сценарий использования новостной ленты таков: создатель контента публикует ссылку на ленту на своём сайте, которую конечный пользователь может добавить в свой агрегатор, который работает на компьютере конечного пользователя. Через заданные пользователем интервалы, либо по требованию агрегатор скачивает новые версии лент новостей и, если в них появились новые записи, каким-либо способом уведомляет пользователя [3].

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

1.5.3  Подкастинг

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

Термин “подкастинг” образовался благодаря скрещению слов iPod (популярный плеер от Apple) и “broadcasting” (вещание) и представляет собой процесс создания и распространения звуковых или видеопередач (то есть подкастов) во Всемирной сети (обычно в формате MP3, AAC или Ogg/Vorbis для звуковых и Flash Video и других для видео передач).

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

Статистика подтверждает, что этот формат получения информации набирает популярность: с июня 2007 года использование подкастов в России выросло в четыре раза и сейчас 58% интернет-пользователей слушают подкасты (из них 19% – каждый день) [15].

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

Для использования технологии подкастинга, нужно иметь доступ к Интернету и установить одну из наиболее популярных бесплатных программ для подписки, например: iTunes, Juice, Doppler [17].

В качестве примеров мы упомянем сайты onliner.by (рисунок 1.3) и Gametech.ru (рисунок 1.4), РиаНовости, которые используют технологию подкастинга.

Рисунок 1.3 - Пример использования подкастинга на сайте onliner.by

Рисунок 1.4 - Использование подкаста на сайте Gametech.ru

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

1.5.4  Е-mail рассылка. Организация и коммерческое применение e-mail рассылки

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

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

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

Такую услугу предоставляют многие новостные сайты, например, TUT.BY, stopgame.ru, news.mail.ru, lenta.ru.

Список наиболее популярных ресурсов, предоставляющих услугу е-mail рассылки [15]:

·  mail.ru 66,62% всех подписчиков;

·  bk.ru 3,69%;

·  list.ru 3,49%;

·  yandex.ru 3,29%;

·  inbox.ru 3,00%;

·  rambler.ru 2,14%

·  gmail.com 0,67%

·  yahoo.com 0,42%

·  hotmail.com 0,32%

·  ukr.net 0,30%

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

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

·  появление новых товаров,

·  изменение цен или ассортимента товаров или услуг,

·  проводимые акции, скидки,

·  реклама,

·  ответы на часто задаваемые клиентами вопросы,

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

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

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

Первый из них - использование услуг специализированных бесплатных серверов. Наиболее распространенные серверы, обеспечивающие поддержку почтовых рассылок, расположены по адресам www.maillist.ru, www.subscribe.ru. Если необходимо организовать маркетинговую рассылку на английском языке, то имеет смысл обратиться к таким почтовым службам как Microsoft bCentral (www.bcentral.com), Roving (www.roving.com), Vertical Response (www.verticalresponse.com). Для этого необходимо посетить web-сайт одной из таких электронных служб, ознакомиться и опубликованными там инструкциями и заполнить регистрационную анкету. Затем вы получите html-код интерактивной формы, посредством которой пользователи Интернета смогут подписаться на рассылку и разместите данную форму на сайте. Отправку и прием писем-подтверждений, обработку баз данных абонентов, процедуру подписки и отписки получателей сообщений администрация сервера возьмет на себя. Для отсылки новых информационных выпусков необходимо лишь зайти на соответствующую web-страницу службы рассылок, ввести в редакторское поле редакторский пароль, в расположенное ниже окно скопировать через буфер обмена заранее набранное в текстовом редакторе сообщение и нажать на кнопку "Отправить". В качестве оплаты этих услуг в каждое послание будет автоматически включена реклама партнеров сервера, поддерживающего данную рассылку.

Среди недостатков данного метода можно выделить следующие:

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

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

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

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

2   ПРАКТИЧЕСКАЯ ЧАСТЬ

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

Средствами веб-редактора разработать мультимедийный веб-сайт «Технологии доставки новостного контента. Организация и коммерческое применение e-mail рассылки».

Веб-сайт должен состоять из набора веб-страниц:

·  начальная страница (index.html);

·  не менее 3-х страниц основного содержания;

·  страница Вопрос-ответ (с ответами на часто задаваемые вопросы);

·  страница ссылок на литературные и электронные источники;

·  страница с информацией об авторе (в виде резюме);

·  страница Карта сайта (перечень разделов веб-сайта с гиперссылками).

Разработать навигационную карту веб-сайта (панель гиперссылок).

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

Выполнить тестирование веб-сайта в браузере Microsoft Internet Explorer.

Выполнить публикацию веб-сайта на локальном или сетевом ресурсе.

Разработать мероприятия по привлечению посетителей веб-сайта и их удержанию.

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

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

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

Последовательность основных этапов проектирования веб-сайтов и их содержание приведены на рисунке 2.1.

Рисунок 2.1 – Этапы проектирования веб-сайта

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

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

В настоящее время широкое распространение получили такие веб-редакторы, как:

·  Web Page Maker;

·  DTM Lome;

·  Artisteer;

·  Amaya;

·  NeonHTML;

·  Serif WebPlus;

·  HP Designer;

·  Dreamweaver.

Курсовой работа выполнена с использованием операционной системы Windows7. Созданные веб-страницы наиболее корректно отображаются в браузере Internet Explorer.

Для выполнения курсовой работы рекомендуется использовать офисный программный продукт Microsoft FrontPage, который позволяет:

·  быстро создавать веб-сайты с помощью мастеров и шаблонов;

·  работать с интуитивно-понятным, унифицированным интерфейсом Microsoft Office;

·  просматривать информацию о компонентах веб-сайта;

·  использовать в одном сеансе различные режимы работы с веб-страницами: режим конструктора, режим HTML-кода и режим просмотра в броузере;

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

·  управлять веб-сайтом;

·  открывать и редактировать веб-сайт непосредственно на сервере;

·  вносить изменения на страницы веб-сайта или создавать новые страницы;

·  одновременно вносить изменения в совместный веб-сайт;

·  форматировать веб-сайт при помощи каскадных таблиц стилей;

·  добавлять на веб-страницу новые элементы и объекты;

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

Наряду с указанными достоинствами у FrontPage есть и ряд недостатков:

·  неоптимальный HTML-код;

·  многие компоненты FrontPage не работают, если на сервере не установлен FrontPage Server Extensions;

·  не рекомендуется для профессионального коммерческого использования.

Но в целом, Microsoft FrontPage – единственное полнофункциональное приложение Microsoft Office, располагающее в своем составе всеми инструментами для создания веб-страниц, позволяющее автоматизировать задачи проектирования структуры веб-узла, комплексного управления гиперссылками и анализа веб-узла.

Учитывая вышеперечисленное, Microsoft FrontPage выбран в качестве среды разработки веб-сайта.

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

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

·  Главная;

·  Новостные ленты;

·  Подкастинг;

·  Е-mail рассылка;

·  Вопрос-ответ;

·  Источники;

·  Об авторе;

·  Карта сайта

Существуют следующие навигационные структуры веб-сайтов:

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

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

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

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

В соответствии с перечнем обязательных страниц для веб-сайта наиболее удобной может быть комбинированная структура (рисунок 2.2).

Рисунок 2.2 – Структура веб-сайта

В соответствии с разработанной структурой, для веб-сайта должны быть созданы следующие веб-страницы (таблица 4).

Таблица 4 – Перечень страниц веб-сайта

Перечень созданных страниц и структура веб-сайта в режиме Папок приведена на рисунке 2.3

Рисунок 2.3 – Страницы веб-сайта в режиме Папки

2.4  Разработка макетов веб-страниц

Существуют следующие наиболее распространенные компоновки веб-страниц (рисунок 2.4) в соответствии с расположением навигационной панели:

·  левосторонняя (правосторонняя);

·  с верхним расположением навигации;

·  комбинированная.

Рисунок 2.4 – Виды компоновок веб-страниц

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

При создании веб-сайта в редакторе Microsoft Office Front Page была выбрана технология создания страниц на основе макетной таблицы.

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

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

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

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

Рисунок 2.5 – Компоновка главной страницы

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

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

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

2.5.1  Принципы веб-дизайна

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

Выделим некоторые требования веб-дизайна:

1.  Web-сайт должен грузиться быстро и быть прост в использовании.

2.  Необходимо предоставлять определенную информацию, необходимую пользователям.

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

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

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

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

7.  Избегать неработающих (битых) ссылок.

8.  Использовать контрастирующие элементы на сайте для привлечения внимания посетителей.

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

10.  Нельзя повторять заголовки страниц.

11.  Информационное наполнение и заголовки страницы должны быть грамматически правильными.

12.  Главная страница должна быть привлекательной и обеспечить посетителя анонсами полезной информации.

2.5.2  Структурирование и формирование контента

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

Таким образом, для выделения заголовков был выбран полужирный шрифт в 18 пунктов оранжевого цвета (рисунок 2.6).

Рисунок 2.6 – Выделение заголовков

Также использовались маркированные списки с заданным рисунком в виде стрелки (рисунок 2.7) [19].

Рисунок 2.7 – Применение маркированного списка

Для того, чтобы структурировать некоторую часть материала были применены таблицы. Чтобы не утяжелять их громоздкими и «тяжелыми» границами была выбрана толщина линий, равная одному пикселю, одномерная. Для реализации такого решения были применены следующие атрибуты [4]:

<table bordercolor=0 border=1 cellpading=2 style="border-collapse: collapse">

Пример использования таблицы представлен на рисунке 2.8.

Рисунок 2.8 – Применение таблиц

Для более наглядного представления информации на странице Карта сайта был применен рисунок с использованием гиперссылок на другие страницы. Для этого использовались гиперпрямоугольники, доступные на панели инструментов Рисунки (рисунок 2.9).

Рисунок 2.9 – Использование гиперпрямоугольников

2.5.3  Графика и анимация в HTML-документах

На сегодняшний день 90% графики, представленной в Интернет, хранится в основных графических форматах GIF и JPG (JPEG). В них заложены различные алгоритмы сжатия изображений, позволяющие уменьшить размеры графических файлов.

Одним из способов использования графики в HTML является внедрение графических образов в документ с помощью тега IMG, что позволяет пользователю непосредственно увидеть изображения [4].

Синтаксис тега IMG:

<IMG         SRC="URL"        ALT="text"         HEIGHT=число  WIDTH=число ALIGN=top|middle|bottom|texttop|absmiddle|baseline|absbottom|left|right BORDER=число                    VSPACE=число HSPACE=число >

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

Рисунок 2.10 – Использование графики на сайте

Рисунок 2.11 – Использование графических изображений

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

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

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

Для создания ссылки на закладку необходимо выполнить следующие шаги:

1.      Создать закладку (маркер, якорь раздела):

<A NAME="имя_закладки"> Текст, к которому идет переход </A>

2.      Создать ссылку на закладку (маркер):

<A HREF="#имя_закладки"> Текст-ссылки </A>

Для реализации гиперссылок в HTML используется тег А:

<A HREF="адрес URL" TARGET=_blank|_self| _parent| _top> тело-ссылки </A>, где атрибут HREF указывает на расположение открываемого объекта, TARGET – на способ загрузки (в новом окне, в текущем). Также можно задавать всплывающие подсказки при помощи атрибута title [4].

В разрабатываемом сайте использовано большое количество гиперссылок. Для того, чтобы создать гиперссылку в редакторе FrontPage, необходимо выделить фрагмент текста либо рисунок, который будет служить телом ссылки. Далее по команде КЗМ/Гиперссылка либо Вставка/Гиперссылка необходимо в диалоговом окне (рисунок 2.12) указать адрес, способ загрузки (кнопка Выбор рамки), по необходимости задать стиль.

Рисунок 2.12 – Диалоговое окно Изменение гиперссылки

Так, например при создании страницы Вопрос-Ответ были использованы гиперссылки на закладки в текущем документе (рисунок 2.13).

Рисунок 2.13 –Использование гиперссылок на закладки в документе

На странице Источники был использован ряд гиперссылок на внешние источники. Пример такого использования представлен на рисунке 2.14.

Рисунок 2.14 – Использование гиперссылки на внешний источник.

Схема гиперссылок отображается в режиме Гиперссылки. Например, для главной страницы она представлена в следующем виде (рисунок 2.15):

Рисунок 2.15 – Схема гиперссылок на главной странице

2.7  Публикация и тестирование веб-сайта

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

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

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

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

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

·  виртуальный частный/выделенный сервер (VPS или VDS) — предоставляется место на диске, часть общей памяти, процессорное время сервера. Выглядит для пользователя так же, как и выделенный сервер, но физически на одном реальном сервере располагается несколько виртуальных серверов. Услуга предназначена для проектов средней тяжести;

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

·  колокация (Collocation) — предоставление места в датацентре провайдера для оборудования клиента (обычно путем монтажа в стойке) и подключение его к интернету.

По данным РУП «Белтелеком» установлены следующие цены на услуги хостинга (таблица 5):

Таблица 5 − Цены на хостинг (РУП «Белтелоком»)

Microsoft FrontPage позволяет работать с двумя типами веб-сайтов: разрабатываемыми на диске и на сервере. Разрабатываемый на диске сайт представляет собой веб-сайт FrontPage, который создается на жестком диске локального компьютера и затем публикуется на веб-сервер. Создание и работа с разрабатываемым на сервере сайтом осуществляется непосредственно на веб-сервере, при этом исключается дополнительная операция – публикация.

Страницы: 1, 2, 3, 4