Классификация web-сайтов:
В настоящее время во всемирной паутине размещено несколько миллионов Web-сайтов и их число постоянно растет.
-
Личные страницы, содержащие информацию об авторе, его интересах. Их создают для того, чтобы обрести друзей по интересам, расширить свой кругозор, свой мир.
-
Информационные сайты. К ним относятся сайты учебных заведений, сообществ по интересам, фирм и др.
-
Сайты дистанционного обучения и консультирования. На этих сайтах размещены обучающие программы и тесты, доступные в режиме on-line для студентов и школьников.
-
Электронная коммерция. В Web встречаются виртуальные магазины, которые позволяют делать покупки, сидя за мониторами своих компьютеров.
-
Информационно-развлекательные сайты
Этапы разработки Web-сайта:
-
планирование,
-
реализация,
-
публикация,
-
продвижение,
-
поддержка.
На стадии планирования определяется следующее:
-
цели создания Web-сайта (какие задачи он должен выполнять и на какую аудиторию он рассчитан);
-
характер содержимого;
-
структура;
-
особенности оформления (определяется структура каждой страницы и разрабатывается графика).
Если сайт рассчитан на долгое вдумчивое чтение, то он должен иметь хорошую читабельность, меньше отвлекающих динамических эффектов, не утомляющее цветовое сочетание фона и текста.
И наоборот: сократите текстовые блоки до минимума, если Вы создаете сайт, дающий посетителю, прежде всего визуальную и другую мультимедийную информацию.
При создании достаточно больших документов надо помнить о том, что не все из посетителей имеют высокоскоростной доступ в Internet.
Хороший сайт – это интересный и информативный. Зайдя на вашу страничку, пользователи, скорее всего, будут искать нужную информацию по какой-либо теме, а не любоваться изысками вашего дизайна, а значит, у вас должно быть что-то, что интересно людям, что-то, в чем вы хорошо разбираетесь и можете (хотите) поделиться опытом.
Оригинальная и яркая домашняя страница - это небольшой сайт, состоящий из 2 и более страниц, посвященных одной теме или личности.
Рассмотрим разработку внутренней структуры домашней страницы. Какую информацию мы можем на ней разместить? Рассказ о себе (на главной странице), свои фотографии, контактную информацию. Значит, внутренняя структура нашей домашней странички прорисовывается такая (см. рис. 1):
Рисунок 1 Структура домашней страницы
Можно создать более сложную внутреннюю структуру (см.рисунок 2). Допустим, у вас много фотографий, поэтому имеет смысл разбить раздел Фотографии на несколько подразделов. Также вы хотите получать отзывы от посетителей, поэтому вы предполагаете наличие гостевой книги. Кроме того, вы человек творческий, поэтому на сайте появится еще и раздел Мое Творчество.
Рисунок 2 Более сложная структура домашней страницы
Язык HTML. Основные понятия
Язык HTML (Hyper Text Markup Language) — это язык разметки гипертекста. Разметка заключается в том, что в обычный текст добавляются специальные команды HTML (теги), описывающие, как должен выглядеть данный текст.
Теги могут быть одиночными, открывающими и закрывающими и состоят из следующих друг за другом в определенном порядке элементов:
-
левой угловой скобки<;
-
необязательного символа слэш /, который означает, что тег является конечным тегом, закрывающим некоторую структуру, например </title>;
-
имени тега, например, html;
-
необязательных атрибутов. Тег может быть без атрибутов или сопровождаться одним или несколькими атрибутами, например, align="center";
-
правой угловой скобки >.
Язык HTML не различает большие и малые буквы, так, что теги <HEAD>, <head> и <Head> эквивалентны.
Структура html-документа:
<html>
<head>
<title>Заголовок документа</title>
</head>
<body>
Текст документа
</body>
</html>