Отправляет email-рассылки с помощью сервиса Sendsay

Свой сайт - это очень просто!

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Левитас: Почему Ваш бизнес-сайт не работает?" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Ноябрь 2001   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Автор
Александр Левитас

Статистика

1.344 подписчиков
-1 за неделю
←   Все выпуски   →

Свой сайт - это очень просто!


Служба Рассылок Subscribe.Ru
Свой сайт - это очень просто! нр4.
10.11.2001 Свой сайт - это очень просто! нр4.
Доброго Вам здоровья, уважаемые читатели!
Сегодня мы рассмотрим две темы:
  1. Составление плана сайта.
  2. Заголовок HTML-документа.
Напоминаю, что полные версии статей с иллюстрациями Вы всегда можете найти на одноименном с рассылкой сайте.

ПЛАН интернет-страницы

   Прежде, чем воплощать страничку "в битах и байтах", неплохо было бы представить, какой Вы ее хотите видеть. А еще лучше сделать эскиз на бумаге или в том же "Paint"-e, если Вам удобнее и привычнее делать это на компьютере. Продумать план страницы до начала ее создания необходимо по той простой причине, что переделывать уже сделанное всегда хлопотнее, чем сделать сразу правильно. С другой стороны, иногда очень трудно предугадать заранее, в каком направлении пойдет развитие сайта, поэтому никогда не стоит исключать необходимости полной перестройки сайта. Учитывая, что это Ваш первый опыт создания страницы, очень трудно рассчитывать, что все получится идеально и переделывать или хотя бы добавлять что-то не придется. Но начинать все ровно придется с плана.
   Составление плана можно и даже нужно разбить на два этапа:
  1. Планирование сайта в целом.
  2. Планирование отдельных страниц.
   Планирование сайта в целом. Здесь Вам необходимо представить, из каких разделов будет состоять Ваш сайт, какие страницы в него будут входить. Предположим, что Вы собираетесь делать сайт об автоспорте. В таком случае, наверно, будет целесообразно сделать разделы "История", "Ралли", "Формула-1" и т. д. В каждом из этих разделов могут присутствовать свои подразделы, в которых материал будет сгруппирован по фирмам, участвующим в соревнованиях, или по гонщикам, или по годам, в зависимости от направленности Вашего рассказа. Кроме того, видимо нужно сделать заглавную страницу, которая будет загружаться первой и рассказывать посетителям, что это за сайт, о чем здесь речь и как найти интересующую информацию. Здесь же нужно продумать навигацию по сайту, то есть спланировать, как посетитель будет перемещаться со страницы на страницу. Здесь возможны варианты. Например, Вы помещаете на главной странице меню или оглавление, где даны ссылки на все страницы Вашего сайта, что бы посетитель мог сразу перейти на интересующую его страницу, или на главной странице будут ссылки только на разделы, а внутри разделов - на отдельные страницы. Это как Вы считаете нужным. Сейчас стало модным делать карту сайта, но об этом мы будем разговаривать позже.
   Планирование отдельных страниц. После того, как составлен план сайта в целом, нужно продумать, как будут выглядеть отдельные страницы. Я неоднократно встречал высказывания, что сайт, у которого все страницы оформлены в одном стиле, смотрится лучше. Это дело вкуса, но бесспорно, что такой сайт делать проще. Во-первых, не надо ломать голову над оформлением каждой странички и во-вторых, можно использовать шаблоны и не набирать повторяющиеся детали каждый раз заново. Представьте, какой бы Вы хотели видеть свою страницу, какие будут заголовки , рисунки, где будут навигационные ссылки на другие страницы Вашего сайта, будут ли они текстовыми или в этом качестве будут выступать какие-нибудь картинки. На каком Фоне будет подаваться информация? Будет ли фон однотонным, как на этой странице или Вы используете фоновый рисунок? Сразу скажу, что использование фоновых рисунков увеличивает время загрузки страницы, но подробнее об этом позже.
   Даже если Вы делаете скромную личную страничку, Вам будет интересно, заходят ли на нее посетители, а значит, Вам нужно будет поставить счетчик хотя бы одного из рейтингов. Для него тоже необходимо предусмотреть место. Такие счетчики, как правило, имеют вид кнопки размером 88 на 31 пиксел и располагать их желательно вначале страницы. Это делается для того, чтобы счетчик загружался первым и срабатывал, даже если посетитель не дождался полной загрузки страницы. Правда, некоторые рейтинги предлагают вначале страницы ставить невидимый счетчик размером 1 на 1 пиксел, а рекламную кнопку в таком случае можно поставить в любом удобном для Вас месте. Но на странице она все равно должна присутствовать. Кроме того, если Вы будете пользоваться услугами бесплатного хостинга, что вполне оправданно, во всяком случае, на время обучения и экспериментов, на Вашу страницу обязательно повесит баннер владелец хостинга. На "народе", например, этот баннер размером 120 на 120 пиксел располагается в правом верхнем углу, как Вы можете видеть. На hut.ru баннер побольше - 468 на 60, но вешают его аккуратно, не закрывая Вашу информацию. На других серверах бесплатного хостинга тоже в долгу, безусловно, не остаются. Это плата за бесплатность. О преимуществах того или иного бесплатного хостинга мы еще поговорим, но место под их баннер оставить нужно.
   Нужно сказать, что язык разметки гипертекстов HTML позволяет воплотить в жизнь, вернее - в интернет, любую страницу, так что можете отпустить свою фантазию в свободный полет и ничем ее не ограничивать. Формировать или верстать страничку можно двумя способами: с помощью фреймов и с помощью таблиц. Правильнее даже будет сказать, что при формировании странички можно употреблять фреймы, а можно обойтись одними таблицами. Иногда фреймы позволяют сформировать страничку более компактно и удобно, но работать с ними сложнее и мы пока их рассматривать не будем. Тем более, что подавляющее большинство сайтов сделано без них.
   Ну, а пока в голове зреют планы сайта и страниц, займемся вещами более прозаическими, но не менее важными и рассмотрим, из чего же состоит заголовок HTML-документа.

ЗАГОЛОВОК HTML-ДОКУМЕНТА

   В этой статье мы рассмотрим из чего состоит часть HTML-документа, называемая "заголовок". Как я уже говорил в статье "Знакомство с языком", заголовок содержит служебную информацию для браузера и данные, заключенные внутри тега-контейнера <HEAD></HEAD>, не выводятся на экран в окне браузера. Единственное, что Вы увидите - это данные внутри тега <TITLE></TITLE>. Этот тег выводит название HTML-документа и браузер показывает его в заголовке окна. Тэг title является единственным обязательным элементом заголовка документа. Его длина не должна превышать 256 знаков.
   Кроме рассмотренного тэга в заголовке может содержаться большое количество информации, позволяющее управлять показом документа в окне браузера, содержащее данные для поисковых машин и т. д. Мы рассмотрим только несколько элементов МЕТА, которые необходимы для того, чтобы Вашу страничку можно было найти в дебрях интернета.
   Элемент <META> не имеет закрывающей части и задает пару свойство/значение. Атрибут NAME="" тега МЕТА определяет свойство, а атрибут CONTENT="" определяет значение. Например, такая строчка в заголовке:
<META NAME="Author" CONTENT="SERGEI CHERVONYASHCHY">
говорит о том, что автор документа, содержащего эту строчку - Сергей Червонящий. Кроме свойства "Author", нас интересуют свойства "Keywords" и "Description". В теге МЕТА со свойством "Keywords" перечисляются ключевые слова, характеризующие Ваш сайт, а в теге со свойством "Description" - помещается краткое описание сайта или странички. Длина описания ограничена 1024 знаками, включая разделы и знаки препинания. Это ограничение касается любого поля CONTENT="", т. е. в любом теге МЕТА между кавычками в атрибуте CONTENT="" не должно быть более 1024 знаков.
   Как я предполагаю, у Вас уже готов материал, или как выражаются профи - контент, который Вы собираетесь поместить на свою страницу, Вы уже сейчас можете выделить слова точнее всего характеризующие Ваш сайт, а также придумать краткое описание сайта. Нужно сказать, что для многостраничных сайтов специалисты советуют составлять описание и набор ключевых слов для каждой страницы отдельно. Объясняется это особенностями работы поисковых машин.
   Еще один тег, который желательно включать для удобства посетителей сайта - <META HTTP-EQUIV="Content-Type" CONTENT="text/html; Charset=Windows-1251"> - указывает кодировку, в которой написана страница. При его отсутствии в заголовке, браузеры, у которых включено автоматическое определение кодировки, могут вместо русских букв показывать на Вашей страничке всяческие кракозябры.
   Теги со свойствами "автор" и "генератор" включаются по желанию автора. Правда, почти все HTML-редакторы вставляют тег "генератор" со своим именем автоматически.
   Если Вы работаете с редактором Visual HTML Workshop, то для включения всех этих тегов в заголовок Вам необходимо лишь заполнить соответствующие поля при создании нового проекта или добавлении документа к проекту, а все остальное редактор сделает сам.
   Теперь настало время переходить поближе к телу (в смысле, к телу документа, которое обозначается тегом <BODY>.) Но перед этим я расскажу подробнее, как работать с редактором Visual HTML Workshop. Но об этом - в следующей статье.
Напоминаю, что вопросы задавать сюда.
    Всего Вам доброго.
   Сергей Червонящий.
http://subscribe.ru/
E-mail: ask@subscribe.ru 		Отписаться
Убрать рекламу 		Рейтингуется SpyLog
В избранное