Этапы разработки web-сайта
Классификация сайтов
Тема 1.2. Введение в технологию создания web-сайтов
Документы
Лекция 4.
Лекция 3.
Основные теги HTML. Теги по назначению:
Документ:
<!DOCTYPE>
Данная конструкция определяет тип документа (DTD) и объявляет, к какой версии HTML относится страница.
<BASE>
Используется для установки базового адреса текущего документа, относительно которого будут высчитываться все относительные адреса (URL) на странице.
<BODY>
Определяет тело документа, в котором находится его отображаемое содержимое.
<HEAD>
Предназначен для содержания элементов с информацией о текущей странице, так называемая «шапка» HTML-документа.
<HTML>
Является корневым элементом HTML-страницы, в котором находятся все теги «шапки» и тела документа.
<LINK>
Используется для создания ссылки связывающей текущую HTML-страницу и какой-либо документ в интернете. Например, внешнюю таблицу стилей (CSS), иконку сайта, ну, или дополнительные шрифты, нужные для правильного отображения страницы.
<META>
Служит для указания информации об HTML-документе, которая помогает браузерам правильно отображать страницы, а поисковым машинам — их индексировать.
<STYLE>
Применяется для размещения внутренних каскадных таблиц стилей (CSS) в HTML-коде страницы.
<TITLE>
Указывает заголовок HTML-документа, который преследует целый ряд абсолютно разных целей. Но он обязательно должен быть осмысленным и соответствовать содержанию страницы.
Звук:
Изображение:
Комментарии:
Объекты:
Поисковые системы:
Основные теги HTML. Теги по назначению:
По доступности сервисов:
· Открытые — все сервисы полностью доступны для любых посетителей и пользователей.
· Полуоткрытые — для доступа необходимо зарегистрироваться (обычно бесплатно).
· Закрытые — полностью закрытые служебные сайты организаций (в том числе корпоративные сайты), личные сайты частных лиц. Такие сайты доступны для узкого круга людей. Доступ новым людям обычно даётся через т. н. инвайты (приглашения).
По природе содержимого:
· Статические — всё содержимое заранее подготавливается. Пользователю выдаются файлы в том виде, в котором они хранятся на сервере.
· Динамические — содержимое генерируется специальными скриптами (программами) на основе других данных из любого источника.
По физическому расположению:
· Внешние сайты сети Интернет.
· Локальные сайты — доступны только в пределах локальной сети. Это могут быть как корпоративные сайты организаций, так и сайты частных лиц в локальной сети провайдера.
По схеме представления информации, её объёму и категории решаемых задач можно выделить следующие типы веб-ресурсов:
· Интернет-представительства владельцев бизнеса (торговля и услуги, не всегда связанные напрямую с Интернетом):
o Сайт-визитка — содержит самые общие данные о владельце сайта (организация или индивидуальный предприниматель). Вид деятельности, история, прайс-лист, контактные данные, реквизиты, схема проезда. Специалисты размещают своё резюме. То есть подробная визитная карточка.
o Представительский сайт — так иногда называют сайт-визитку с расширенной функциональностью: подробное описание услуг, портфолио, отзывы, форма обратной связи и т. д.
o Корпоративный сайт — содержит полную информацию о компании-владельце, услугах/продукции, событиях в жизни компании. Отличается от сайта-визитки и представительского сайта полнотой представленной информации, зачастую содержит различные функциональные инструменты для работы с контентом (поиск и фильтры, календари событий, фотогалереи, корпоративные блоги, форумы). Может быть интегрирован с внутренними информационными системами компании-владельца (КИС, CRM, бухгалтерскими системами). Может содержать закрытые разделы для тех или иных групп пользователей — сотрудников, дилеров, контрагентов и пр.
o Каталог продукции — в каталоге присутствует подробное описание товаров/услуг, сертификаты, технические и потребительские данные, отзывы экспертов и т. д. На таких сайтах размещается информация о товарах/услугах, которую невозможно поместить в прайс-лист.
o Интернет-магазин — сайт с каталогом продукции, с помощью которого клиент может заказать нужные ему товары. Используются различные системы расчётов: от пересылки товаров наложенным платежом или автоматической пересылки счета по факсу до расчётов с помощью пластиковых карт.
o Промо-сайт — сайт о конкретной торговой марке или продукте, на таких сайтах размещается исчерпывающая информация о бренде, различных рекламных акциях (конкурсы, викторины, игры и т. п.).
o Сайт-квест — Интернет-ресурс, на котором организовано соревнование по разгадыванию последовательности взаимосвязанных логических загадок.
· Информационные ресурсы:
o Тематический сайт — сайт, предоставляющий специфическую узкотематическую информацию о какой-либо теме.
o Тематический портал — это очень большой веб-ресурс, который предоставляет исчерпывающую информацию по определённой тематике. Порталы похожи на тематические сайты, но дополнительно содержат средства взаимодействия с пользователями и позволяют пользователям общаться в рамках портала (форумы, чаты) — это среда существования пользователя.
· Веб-сервис — услуга созданная для выполнения каких либо задач в рамках сети WORLD WIDE WEB:
o Доска объявлений.
o Каталог сайтов — например, Open Directory Project.
o Поисковые сервисы — например, Yahoo!, Google.
o Почтовый сервис.
o Веб-форумы.
o Блоговый сервис.
o Файлообменный Пиринговый сервис — например, Bittorrent.
o Датахостинговый (хранение данных) сервиc — например, Skydrive.
o Датаэдиторинговый (редактирование данных) сервиc — например, Google Docs.
o Фотохостинг — например, Picnik, ImageShack, Panoramio, Photobucket.
o Хранение видео — например, YouTube, Dailymotion.
o Социальные Медиа — например, Buzz.
· Комбинированные Веб сервисы (Социальные сети) — например, Facebook, Twitter.
· Комбинированные Веб сервисы (Специализированные социальные сети) — например, MySpace, Flickr.