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

Твой первый сайт

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

При закрытии подписчики были переданы в рассылку "Секреты создания и продвижения продающих сайтов" на которую и рекомендуем вам подписаться.

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

←   Декабрь 2006   →
 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
31
Автор
ArtDir

Статистика

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

Твой первый сайт: от А до Я

Рассылки сайта "Время России" на subscribe.ru

Твой первый сайт: от А до Я

Колонка редактора

Раздел "Психологий успеха"

new 10 причин, почему вы не должны работать

 new Финансовое планирование. Для чего нужен личный финансовый план

 new Как стать избранным в мире больших денег

 new Навыки накопления богатства

new Шесть принципов успешного манипулирования
 

Раздел "Всё о компьютерах"

new Восстановление реестра

 new Отслеживание загрузки шпионских программ в системе Windows

 new Снижаем вероятность поломки компьютера

 new Простые советы по более разумному выбору и использованию паролей

 new Что означают звуковые сигналы при включении компьютера?

Книги для скачки

new Как скачать с rapidshare.de

new "Как заработать большие деньги"

new "Руководство к успеху в жизни и денежных делах"

new "Азбука богатых"

new "Мани или азбука денег"

new "Путь к финансовой независимости. Первый миллион"

new "Карьера менеджера"

    

   P.S. Всем кого интересует "Коллекция обучающих видеокурсов: "Все Технические Моменты Онлайн Бизнеса в Видеоформате" - 17 видеокурсов общей продолжительностью в 36 часов и 45 минут, которые помогут открыть Вам свой бизнес без проблем!" - ПРЕДЛАГАЮ КУПИТЬ ЕЁ СОВМЕСТНО (ВСКЛАДЧИНУ) ПРИКИНЬ НАСКОЛЬКО ЭТО ДЕШЕВЛЕ!!!

Обращаться по вопросам совместной покупки на адрес: magazin@allrunet.biz

  Хиты продаж

ТЕЛО ДОКУМЕНТА HTML


Лучшие рассылки на Subscribe.ru


Компьютерная литература - 105  электронных учебников умещающихся на 3 CD

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

Энциклопедия вебмастера - Супер сборник на двух CD, который будет просто необходим, как начинающим сайтостроите-лям так и продвинутым вебмастерам.

Энциклопедия манипулирова-ния или как самостоятельно изучить НЛП и гипноз (2 CD)

Энциклопедия начинающего крэкера

 Учебный сборник на CD  "Уроки Вебмастерства"


      Вот мы, наконец, и подошли вплотную к созданию собственно страницы, которую браузер Вашего посетителя покажет своему хозяину. Как я уже говорил, все, что мы хотим показать гостям нашего сайта, должно располагаться в теле HTML-документа, обозначаемого тегом-контейнером <BODY></BODY>. Кроме того, сам тег <BODY></BODY> имеет довольно много параметров, которые определяют общий вид документа. Мы рассмотрим только некоторые из них. И хотя спецификация HTML 4.0 советует использовать для оформления внешнего вида страницы вместо этих параметров таблицы стилей, проще начать с употребления параметров.
   Для примера рассмотрим параметры, с которыми употреблен тег в документе, который Вы читаете. В HTML-коде он представляется в таком виде:
<BODY BGCOLOR="#F9FCC2" TEXT="#000000" LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000"> Разберемся с каждым параметром в отдельности:


  •    Параметр BGCOLOR=" ". -- Определяет цвет фона страницы. Допускает использование 256 цветов. Цветовая система базируется на трех основных цветах. Для каждого цвета задается шестнадцатеричное значение в пределах от 00 до FF, эти значения ставятся в порядке: красный, зеленый, синий и со значком # вставляются в качестве значения параметра. Вместо цифровых значений можно использовать названия цветов. Браузеры последних версий поддерживают 140 названий цветов. То есть для назначения, например, красного цвета можно написать BGCOLOR="#FF0000" или BGCOLOR="red", зеленого - BGCOLOR="#008000" или BGCOLOR="green". При задании цвета названием нужно быть очень внимательным, т. к. ошибка в одной букве приведет к тому, что браузер не сможет распознать цвет.
       Вместо параметра BGCOLOR=" ", или совместно с ним, применяется


  •    Параметр BACKGROUND=" ". -- Задает фоновое изображение. В качестве значения этого параметра указывается URL-адрес рисунка, который Вы хотите использовать в качестве фона на своей странице. Например, Вам понравился вот такой рисунок:        и Вы хотите, чтобы Ваши посетители любовались им на Вашей странице. Допустим, файл с этим рисунком называется floggy1.jpg и лежит в каталоге IMG (собственно, где он лежит - это не принципиально, хоть в Америке или наоборот - в Азии, главное - указать к нему правильный адрес), тогда Вы должны вставить в тег <BODY> параметр BACKGROUND со значением "img/floggy1.jpg". В окне редактора это будет выглядеть вот так: <BODY BACKGROUND="img/floggy1.jpg">. Как подготовить рисунок к использованию, мы обсудим позже, когда будем рассматривать работу с графикой. А сейчас ограничимся теми объяснениями, которые приведены на примерах. Скажу только, что к выбору рисунка для фонового изображения следует подходить очень осторожно. Иначе может получиться именно так, как на вышеприведенных примерах: лягушенок симпатичный, но подобрать цвет текста, чтобы текст легко читался - невозможно, т.к. сам рисунок очень пестрый.


  •    Параметр TEXT=" ". -- Определяет цвет текста на странице.


  •    Параметр LINK=" ". -- Определяет цвет еще не просмотренной ссылки.


  •    Параметр VLINK=" ". -- Определяет цвет уже просмотренной ссылки.


  •    Параметр ALINK=" ". -- Определяет цвет активной ссылки, на которую наведен указатель мышки.


      Значения этих четырех параметров определяются так же, как для параметра BGCOLOR=" ".

ТЕГИ ФОРМАТИРОВАНИЯ ТЕКСТА


      На большинстве сайтов информация представлена в форме текста. Даже на сайтах, посвященных музыке, фото или живописи, текст присутствует в виде всякого рода пояснений. А текст мы привыкли видеть оформленным так, чтобы его было удобно читать: с полями, абзацами, заголовками и пр., т.е. отформатированным. Но, дело в том, что если мы поместим в тело HTML-документа прекрасно оформленный текст (например, скопируем готовый документ из Word-a), и посмотрим это творение в окне браузера, то увидим просто набор предложений, довольно неудобных для чтения. Объяснить браузеру, как он должен показывать людям наш текст, нужно при помощи тегов.
   Начнем с того, о чем я уже упоминал. Предположим, что у нас есть прекрасно оформленный в каком-либо текстовом редакторе документ, и мы хотим в таком виде его показать. Для этого существует тег-контейнер <PRE>...</PRE>. Весь текст, помещенный в этот тег, выводится браузером "как есть", со всеми элементами форматирования. Казалось бы, что еще нужно? Но не все так просто. Во-первых, сохраняются только признаки форматирования: пробелы, перенос строки, табуляция и т.д. А если у нас в документе красивые заголовки, выделенные особо значимые куски текста и пр.? И, во-вторых, браузер не сможет оптимизировать преформатированный текст под разрешение экрана нашего читателя, т.к. будет поставлен в жесткие условия тега <PRE>...</PRE>, а это доставит неудобства этому самому читателю. А мы этого не хотим, потому что и писали то все это именно для этого конкретного человека. Так, что одним тегом не обойтись, нужно идти дальше.
   Из всех элементов, применяемых для форматирования текста, браузеры безо всяких подсказок понимают только один: пробел. Причем, только один пробел. Поэтому, если Вы хотите написать что-то с красной строки, Вам придется употребить специальный, так называемый, символьный объект или, по другому, эскейп-последовательность: знак неразрывного пробела &nbsp;. Сколько таких последовательностей поставите, столько пробелов сделает браузер. Еще этот знак удобно употреблять в случаях, когда нужно обозначить, что в этом месте рвать строку нежелательно. Браузер ведь сам определяет, в зависимости от разрешения экрана и шрифтов, применяемых хозяином, где заканчивается одна строка и начинается другая. И если, например, фраза "Мой вес 73 кг" будет выглядеть таким образом: "Мой вес 73
кг" - это будет как-то не очень... Поэтому в окне редактора ее стоит написать так "Мой вес 73&nbsp;кг". Эскейп-последовытельности существуют для всех символов из второй половины ASCII-таблицы, и при желании Вы их найдете в спецификации HTML-4. Но все нам употреблять не придется, а вот некоторые, например, заменяющие угловые скобки < и > (&lt; и &gt; ), иногда приходится.
   Тег-контейнер <P>...</P> - тег параграфа. Закрывающий элемент не обязателен, но если он отсутствует, браузер не оставляет после абзаца пустую строку. Браузеры выделяют текст, помещенный в этот тег, пустыми строчками. Имеет один параметр: ALIGN= , который может принимать значения:

  • LEFT - выравнивание по левому краю,
  • CENTER - выравнивание по центру,
  • RIGHT - выравнивание по правому краю и
  • JUSTIFY - выравнивание по ширине


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


      Тег принудительного перевода строки <BR>. Говорит браузеру, в каком месте необходимо прервать строку и начать новую. Закрывающей части не имеет. Используется, как и тег <P>...</P>, для разделения абзацев, но в отличие от него не оставляет пустой строки. Использование этого тега в HTML аналогично использованию клавиши ENTER в Word-e. Имеет один параметр CLEAR, прекращающий обтекание рисунка. О его использовании - в статье о применении графики.


      Тег, запрещающий перевод строки - <NOBR>...</NOBR>. Весь текст,
помещенный внутри
этого тега, будет выведен браузером в одну строчку. Что Вы и наблюдаете
на примере этой
строки. Можно все же разрешить браузеру перевести строку в
определенном месте текста
внутри этого тега, если поставить в соответствующем месте тег <WBR
>. После этого тега,
как видите, браузер начал новую строчку.
   Теги заголовков <H1> - <H6>. Теги контейнеры. Текст, помещенный в них, выводится как заголовок. Имеет параметр выравнивания по горизонтали, аналогичный с тегом <P>. Закрывающая часть обязательна. Примеры:

Заголовок первого уровня.

Заголовок второго уровня с выравниванием по центру.

Заголовок шестого уровня с выравниванием по правому краю.


      Тег горизонтальной линии <HR>. Рисует горизонтальную линию. Имеет параметры

  • ALIGN - выравнивания со значениями LEFT, RIGHT или CENTER.
  • WIDTH - устанавливает длину линии в пикселях или процентах от окна браузера.
  • SIZE - устанавливает ширину линии в пикселях.
  • NOSHADE - отменяет рельефность линии.
  • COLOR - указывает цвет линии в формате RGB или стандартном имени.


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


"Домашний компьютер: от А до Я"

Анекдоты, которые расмешили всю Россию

"Мышеловка" или всё о мошеничестве в Интернет

Коллекция самых необходимых ссылок по Internet

Рассылка для настоящих мужчин

Интернет без секретов: курс молодого бойца

Ах какая женщина" или как стать счастливой в короткий срок

Худеем в два счёта

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

Как стать обаятельной и привлекательной

Кулинарное искусство
 

ЖДЁМ   ПИСЕМ
В избранное