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

Рекомендуем партнерские программы

Партнерская программа CPA сети Admitad.com Партнерская программа CPA сети Admitad.com

Партнерская программа CPA сети Shakes.pro Партнерская программа CPA сети Shakes.pro

Партнерская программа CPA сети Everad.com Партнерская программа CPA сети Everad.com

Партнерская программа CPA сети со смартлинком Profitsocial.com Партнерская программа CPA сети со смартлинком Profitsocial.com

Партнерская программа брокера бинарных опционов Verum Option Verumpartner.com Партнерская программа брокера бинарных опционов Verum Option Verumpartner.com

Партнерская программа CPA сети 3snet.ru Партнерская программа CPA сети 3snet.ru


Главная » Статьи » Веб мастеру » Создание сайта

Оформление текстов и документов для сети: заголовок, главы, подпункты

Имеем:

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

Что будем делать с текстом?

Главы

Первое, что вам нужно будет сделать - это определить четкие границы различных частей вашей статьи. Будем называть их просто главами. Стоит также четко определить названия каждой из этих глав. Названия должны быть короткими и, по возможности, наиболее полно отражать сущность содержания главы.
Оформить названия я советую при помощи тегов H2 (<h2> Заголовок </h2>). Тег H1 советую оставить для заголовка всей статьи. Цвет заголовка можно оставить черным. Хотя, конечно, это зависит от того, какое цветовое оформление вы используете при оформлении своего сайта.

Пункты

Если статья у вас получилась достаточно объемной, то есть смысл разделить ее не только на главы, но и на пункты. Это в значительной степени облегчит чтение. Посетителю будет легче анализировать статью, осуществлять беглый просмотр и поиск нужной информации. Как и с главами, названия пунктов должны быть размером в два-три слова, по которым читатель смог бы более или менее четко определить содержание всего пункта.
Этот заголовок следует оформлять шрифтом, несколько меньшим шрифта названий глав. Как вариант используйте тег H3 (<h3>Название пункта</h3>).Цвет заголовка тут также будет зависеть от цветового оформления всей страницы. Лучше использовать тот же цвет, что и при оформлении глав.

Шрифт и цветовое оформление

Вся страница должна быть как бы мысленно поделена на несколько частей:

  • Меню страницы
  • Заголовок статьи
  • Названия глав и пунктов
  • Основной текст
  • Важные фразы
  • Прочее

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

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

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

  • Использовать жирный шрифт. (<strong>выделяемая фраза</strong>).
  • Использовать цвет шрифта, отличный от цвета шрифта основного текста.

Желательно для всех таких особых фраз использовать один и тот же шаблон выделения.

Примечания, которые вы будете вставлять по ходу текста, лучше всего выделять серым цветом. Он не так бросается в глаза. Примечания обычно мало связаны с тематикой статьи, так что их лучше слегка оттенить по принципу "кому нужно - тот прочтет".
Иногда в статье встречаются примеры html кода, или какого либо другого (Perl, PHP, C, Pascal и т.д.). Эти участки следует выделять особенным образом - так, чтобы при поверхностном чтении статьи их можно было избежать без проблем, но и так, что бы внимательно изучающие вашу статью люди смогли поподробней остановиться на этом фрагменте, как бы выделить его из всей массы основного текста. Одним словом, код всегда надо выделять. Я, например, делаю это таким образом:

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

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

Здесь приведен пример всего вашесказанного.

Название статьи.

Глава 1

Подпункт 1

Содержание подпункта 1, где находится фрагмент кода:

<Код код код код код код>

Подпункт 2

Содержание подпункта 2, где содержится очень важная информация для читателя (а здесь не очень важная).

Гиперссылки

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

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

Вот пример неправильного использования гиперссылки:

Cегодня на наш склад пришла очередная партия различной литературы, и, соответственно, в продаже появились новые книги! (кликните сюда, чтобы узнать больше)

А вот правильный пример:

Cегодня на наш склад пришла очередная партия различной литературы, и, соответственно, в продаже появились новые книги!



Другие материалы по теме




Источник: http://www.articlesworld.ru/articles/webmaster/16_30/doc.php
Категория: Создание сайта | Добавил: mrnon (25.10.2007)
Просмотров: 3828 | Рейтинг: 0.0/0
Всего комментариев: 0
avatar