TD иTH

(HTML 3.2) ? Table Data & Table Head

Элемент TD создает ячейку с данными в текущей строке. Элемент TH также создает ячейку, но определяет ее как ячейку-заголовок.

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

Атрибуты:

ALIGN ? определяет способ горизонтального выравнивания содержимого ячейки. Возможные значения: left, center, right. По умолчанию способ выравнивания определяется значением атрибута ALIGN элемента TR. Если же и он не задан, то для TD выполняется выравнивание по левому краю, а для TH ? центрирование.

VALIGN ? определяет способ вертикального выравнивания содержимого ячейки. Возможные значения: top, bottom, middle. По умолчанию происходит выравнивание по центру (VALIGN="middle"), если значение этого атрибута не было задано ранее в элементе TR.

WIDTH ? определяет ширину ячейки. Ширина задается в пикселах или в процентном отношении к ширине таблицы.

HEIGHT ? определяет высоту ячейки. Высота задается в пикселах или в процентном отношении к высоте таблицы.

COLSPAN ? определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1.

ROWSPAN ? определяет количество рядов, на которые простирается данная ячейка. По умолчанию имеет значение 1.

NOWRAP ? блокирует автоматический перенос слов в пределах текущей ячейки. Обратите внимания на примечание, касающееся использования данного атрибута (далее, внизу страницы).

BGCOLOR ? определяет цвет фона ячейки. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

BACKGROUND ? заполняет ячейку фоновым рисунком. Необходимо указать URL рисунка. Данный атрибут не работает в старых версиях браузера Netscape (до 3.X включительно).

Примеры таблиц

Примечания:

Границы ячейки отображаются только в том случае, когда она имеет некое содержание. Чтобы получить пустую ячейку с границами, достаточно поместить в нее специальный символ   или маленькую прозрачную gif-картинку.

Если вы используете одновременно атрибуты NOWRAP и WIDTH="x", где x ? маленькое число, то следует дополнительно вставлять внутрь ячейки 

Дело в том, что в браузерах Internet Explorer для полной отмены переноса слов используется именно , а атрибут NOWRAP действует только при отсутствии WIDTH.

TR

(HTML 3.2) ? Table Row

Создает новый ряд (строку) ячеек таблицы. Ячейки в ряду создаются с помощью элементов TD и TH

Атрибуты:

ALIGN ? определяет способ горизонтального выравнивания содержимого всех ячеек данного ряда. Возможные значения: left, center, right.

VALIGN ? определяет способ вертикального выравнивания содержимого всех ячеек данного ряда. Возможные значения: top, bottom, middle.

BGCOLOR ? определяет цвет фона для всех ячеек данного ряда. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

Примеры таблиц

Пример:
	<!-- Так делать неправильно --> <TABLE border=1> ... <TR><TD WIDTH=5 NOWRAP>Текст, который не должен переноситься</TD></TR> ... </TABLE> <!-- А вот так правильно и работает всегда --> <TABLE border=1> ... <TR><TD WIDTH=5 NOWRAP><NOBR>Текст, который не будет переноситься</NOBR></TD></TR> ... </TABLE>
	Атрибут HEIGHT, указанный в процентном отношении, работает нормально лишь в том случае, когда явно задана высота всей таблицы.
	Один из наиболее распространенных приемов web-дизайнера ? "таблица в таблице". Для этого достаточно расположить одну таблицу внутри ячейки другой. Таким образом можно создавать даже очень сложные вложенные "каркасы" дизайна страницы.

XTML-справочник - ADDRESS

ADDRESS

(HTML 2.0) ? Address

Находящийся между начальным и конечным тегами текст оформляется как почтовый адрес. Чаще всего оформление выражается в выделении строки адреса курсивом.

Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.

Примечание:

Пример:

Пишите по следующему адресу:

Москва. ул. Академика Королева, 13

Мурзилке

</ADDRESS>

Internet Explorer версии 3.0 неверно интерпретирует конечный тег </ADDRESS>, поэтому весь текст, находящийся после адреса, будет отображаться курсивом. Эту ошибку можно легко устранить, поставив после </ADDRESS> любой элемент форматирования текста.

Пример:

Мой адрес не дом и не улица,

Мой адрес  Советский Союз.

</ADDRESS>

Нормальный текст

...

BLOCKQUOTE

(HTML 2.0) ? Block Quote

Оформляет находящийся между начальным и конечным тегами текст как цитату. Используется для длинных цитат (в отличие от элемента CITE). Цитируемый текст отображается отдельным абзацем с увеличенным отступом.

Пример:

Редакция журнала "Домосед" выражает благодарность

Бухаресту Магарычу Шницелю за замечательное стихотворение:

Синели красные ромашки,

Желтели в небе облака,

Синицы в теплый край летели,

К истоку двигалась река.

...

</BLOCKQUOTE>

BR

(HTML 2.0) ? Break

Данный элемент осуществляет перевод строки, то есть практически аналогичен нажатию Enter в текстовом редакторе. После того, как в браузерах появилась возможность обтекания изображения текстом (cм. атрибут ALIGN элемента IMG), понадобился дополнительный атрибут CLEAR. Элемент не имеет конечного тега.

Атрибуты:

CLEAR ? указывает на необходимость завершения обтекания изображения текстом. Может принимать следующие значения :

all ? завершить обтекание изображения текстом.

left ? завершить обтекание текстом изображения, выровненного по левому краю.

right ? завершить обтекание текстом изображения, выровненного по правому краю.

Примечание:

Пример:
	Первое предложение<BR>Второе предложение на следующей строке

	Возьмите себе за правило всегда ставить <br> после тега <img ...>. В противном случае все картинки будут иметь неприятный отступ.
	Атрибут CLEAR почему-то используется очень редко. А зря.

DIV

(HTML 3.2) ? Division

Используется для логического выделения блока HTML-документа. Элемент группировки, как и элемент SPAN. В современном сайтостроении используется как удобный контейнер для объектов страницы, которым легко динамически манипулировать ? перемещать, включать/выключать, создавать слои, регулировать отступы и т.п.

В браузеронезависимой вёрстке обычно используется для выравнивания блока html-кода в окне браузера.

Находящиеся между начальным и конечным тегами текст или HTML-элементы по умолчанию оформляются как отдельный параграф.

Атрибуты:

ALIGN ? определяет выравнивание содержимого элемента DIV. Атрибут может принимать значения: left, right, center.

Примечания:

Пример:

...Текст документа...

...Текст, таблицы, изображения. Выравнивание по центру.

</DIV>

...Текст документа...

У атрибута ALIGN есть еще одно значение ? justify, поддерживаемое современными браузерами. Оно позволяет выравнивать текст по ширине (одновременно по левому и правому краям документа). Не понимающие justify браузеры будут выравнивать текст по левому краю.

Используются для создания заголовков текста.

(HTML 2.0) ? Headers

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

Атрибуты:

ALIGN ? определяет способ выравнивания заголовка по горизонтали.

Возможные значения: left, right, center.

Пример:
	<H1 ALIGN="center">Самый большой заголовок посередине</H1> <H2>Заголовок поменьше</H2> ... <H6>Малюююсенький такой заголовочек</H6>

HR

(HTML 2.0) ? Horisontal Rule

Вставляет в текст горизонтальную разделительную линию.

Атрибуты:

WIDTH ? определяет длину линии в пикселах или процентах от ширины окна браузера.

SIZE ? определяет толщину линии в пикселах.

ALIGN ? определяет выравнивание горизонтальной линии. Атрибут может принимать следующие значения:

left ? выравнивание по левому краю документа.

right ? выравнивание по правому краю документа.

center ? выравнивание по центру документа (используется по умолчанию).

? определяет способ закраски линии как сплошной. Атрибут является флагом и не требует указания значения. Без данного атрибута линия отображается объемной.

COLOR ? определяет цвет линии. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов. Атрибут работает только в Internet Explorer.



Designed by Vladimir Gorodulin , Copyright © 1999-2004 Частичная или полная перепечатка или иное использование материалов сайта допускается только с разрешения автора. Ссылка на источник обязательна. Нарушители преследуются по закону РФ и все такое.

Пример:
	Текст, разделенный <HR WIDTH="50%"> сплошной горизонтальной линией.

LISTING, PLAINTEXT, XMP

Данные элементы предназначены для воспроизведения предварительно отформатированного текста. Они использовались до появления элемента PRE и на данный момент являются устаревшими.

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

P

(HTML 2.0) ? Paragraph

Используется для разметки параграфов.

Атрибуты:

ALIGN ? определяет способ горизонтального выравнивания параграфа.

Возможные значения: left, center, right. По умолчанию имеет значение left.

Пример:

Это центрированный параграф.

Текст располагается в центре окна браузера

А это параграф, выровненный по правому краю.

PRE

(HTML 2.0) ? Preformatted Text

Используется для включения в документ уже отформатированного текста. Браузеры воспроизводят содержимое этого элемента с помощью моноширинного шрифта, сохраняя пробелы и символы конца строки.

Примечание:

Пример:

<PRE>

Ать!

Два!

Три!

</PRE>

Желательно избегать использования символа горизонтальной табуляции внутри PRE, т.к. он может быть неадекватно интерпретирован некоторыми браузерами. Вместо символа табуляции рекомендуется использовать число пробелов, кратное четырем.

XTML-справочник - BASEFONT

B

(HTML 3.2) ? Bold

Текст, заключенный между начальным и конечным тегами, будет выделен жирным шрифтом.

Пример:
	Текст с <B>выделенным</B> словом

BASEFONT

(HTML 4.0) ? Base Font

Не имеет конечного тега. Определяет основной шрифт, которым должен отображаться текст документа.

Впоследствии вы можете легко изменить шрифт в любой части документа, используя элемент FONT. Действие элемента BASEFONT не распространяется на текст, заключенный в ячейки таблиц.

Атрибуты:

SIZE ? обязательный атрибут. Определяет базовый размер шрифта. Возможные значения : целые числа от 1 до 7 включительно.

FACE ? определяет используемый шрифт (гарнитуру).

Примечание:

Пример:

<BODY>

...

Текст документа шрифтом 3 размера

...

Слегка увеличиваем шрифт

...

Продолжаем шрифтом 3 размера

...

</BODY>

Атрибут FACE игнорируется большинством браузеров. Если вы хотите явно указать тип шрифта для всего документа, используйте элемент FONT:

Пример:

<BODY>

...

Основной текст документа шрифтом Arial

...

Вставка текста увеличенным шрифтом Таймс

...

Продолжается основной текст документа шрифтом Arial

...

</BODY>

BIG

(HTML 3.2) ? Big

Текст, заключенный между начальным и конечным тегами, отображается увеличенным шрифтом (относительно текущего).

Примечание:

Пример:
	Текст с <BIG>увеличенным</BIG> словом

Тег <BIG> аналогичен по действию тегу (см. элемент FONT).

CITE

(HTML 2.0) ? Citation

Оформляет находящийся между начальным и конечным тегами текст как цитату или ссылку на источник. Обычно используется для коротких цитат (в отличие от элемента BLOCKQUOTE). Цитируемый текст отображается курсивом.

Пример:

Как сказал классик:

<CITE>"Грамотное написание HTML способствует пищеварению"</CITE>

CODE, SAMP

(HTML 2.0) ? Code, Sample

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

Пример:
	Формула: <CODE> n=((x*15-z/1.25)/4)^5 </CODE>

EM

(HTML 2.0) ? Emphasis

Логическое ударение. Используется для смыслового выделения текста, стоящего между начальным и конечным тегами. Результат обычно отображается курсивом. То есть элемент EM по действию практически аналогичен элементу I.

Примечание:

Пример:
	Порой в России встречаются <EM>действительно талантливые</EM> веб-мастера. Но только не друг с другом.

Согласно рекомендациям W3C, приветствуется использование вместо .

FONT

(HTML 3.2) ? Font

Позволяет изменять цвет, размер и тип шрифта текста, находящегося между начальным и конечным тегами. Вне тегов и используется шрифт, указанный в элементе BASEFONT.

Атрибуты:

SIZE ? определяет размер шрифта. Возможные значения:

? целое число от 1 до 7;

? относительный размер с указанием знака, вычисляется путем сложения с базовым размером, определенным с помощью атрибута SIZE элемента BASEFONT.

COLOR ? определяет цвет текста. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

FACE ? определяет используемый шрифт.

Примечание:

Пример:

Увеличенный красный шрифт

Моноширинный фиолетовый текст 3 размера

Атрибут FACE старайтесь не использовать. Если на компьютере пользователя не окажется указанного шрифта ? глюки неизбежны. Если указать шрифт всё же необходимо, используйте только: Times New Roman, Arial, Tahoma, Courier, Courier New. Они установлены почти у всех.

Будьте внимательны. Многие элементы форматирования текста (PRE, CODE, KBD, SAMP...), расположенные внутри элемента FONT, работают некорректно.

I

(HTML 2.0) ? Italic

Текст, заключенный между начальным и конечным тегами, будет выделен курсивом.

Пример:
	Текст с <I>курсивом</I>

KBD

(HTML 2.0) ? Keyboard

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

Пример:
	Чтобы войти в систему наберите <KBD>"GUEST"</KBD> заглавными буквами.

S, STRIKE

(HTML 2.0) ? Strike

Элемент STRIKE отображает помещенный между начальным и конечным тегами текст как перечеркнутый. В HTML 3.2 вместо <STRIKE> был предложен более краткий тег <S>.

Пример:
	Лена + <STRIKE>Вася</STRIKE> Коля = Love

SMALL

(HTML 3.2) ? Small

Текст, заключенный между начальным и конечным тегами, отображается уменьшенным шрифтом (относительно текущего).

Примечание:

Пример:
	Небоскребы, небоскребы, а я <SMALL>маленький</SMALL> такой.

Тег аналогичен по действию тегу (см. элемент FONT).

STRONG

(HTML 2.0) ? Stronger emphasis

Усиленное выделение. Текст, заключенный между начальным и конечным тегами, будет выделен жирным шрифтом. То есть элемент STRONG практически аналогичен по действию элементу B.

Примечание:

Пример:
	Я <STRONG>сильный</STRONG>, но легкий.

Согласно рекомендациям W3C, приветствуется использование вместо .

SUB

(HTML 2.0) ? Subscript

Отображает текст со сдвигом вниз (нижний индекс) и уменьшением размера текущего шрифта на единицу.

Пример:
	X<SUB>i</SUB> = B<SUB>i</SUB> + C<SUB>i</SUB>

SUP

(HTML 2.0) ? Superscript

Отображает текст со сдвигом вверх (верхний индекс) и уменьшением размера текущего шрифта на единицу.

Пример:
	Microsoft <SUP>TM</SUP>

TT

(HTML 2.0) ? Tele Type

Данный элемент отображает помещенный между начальным и конечным тегами текст моноширинным шрифтом.

Пример:
	<TT>СЕНЯ ЗПТ ТВОЮ МАТЬ ТЧК ПОДРОБНОСТИ В ПИСЬМЕ ТЧК</TT>

U

(HTML 2.0) ? Underline

Данный элемент отображает помещенный между начальным и конечным тегами текст как подчеркнутый.

Пример:
	<U> Подчеркнутый текст </U>

VAR

(HTML 2.0) ? Variable

Элемент VAR предназначен для обозначения в тексте переменных. Как правило, отображается курсивом.

Пример:
	Переменная <VAR>IndexZ</VAR> равна 5.

На работе и дома

А какже оформление?

Язык HTML содержит достаточное количество элементов, позволяющих оформить документ по вашему вкусу. Если вас не устраивает способ оформления документа браузером (хочется изменить шрифт, предложенный по умолчанию, или сделать его помельче:) ? добавьте HTML-теги форматирования текста. Если и после этого внешний вид документа вас не устраивает, нанесите последний штрих: воспользуйтесь таблицами стилей (CSS).

Дизайн vs Контент

Простота ? залог успеха

Вся сила хорошего дизайна ? в простоте.

Если вы согласны с этим утверждением, можете дальше не читать 8)

В противном случае, вам придется осознать, что для создания качественного дизайна совсем не обязательно использовать Flash, анимацию, и голливудские DHTML-спецэффекты от Microsoft. Более того, даже вредно. Ведь подавляющее большинство действительно хороших сайтов, прежде всего, содержит интересную текстовую информацию. И, следовательно, дизайн подчинен содержимому, а не наоборот.

Основной показатель профессионализма в web-дизайне ? аккуратность и чистота стиля. Откажите себе в возможности выбора разнообразных шрифтов, ограничьте цвет тремя оттенками, откажитесь от анимации и больших картинок... А теперь попробуйте придумать дизайн. Тяжело? А вы как думали?

А нужен ли вам сайт? Совет пессимиста.

Сначала определитесь, есть ли у вас то, что стоит опубликовать в Сети? Интересно ли это людям? Предположим, что вы положительно ответили на эти два вопроса, тогда ? вперед! Если же нет ? запомните: любые попытки создать сайт ради, собственно, создания сайта заранее обречены на провал.

Будьте уверены ? никто не вернется на ваш сайт только для того, чтобы полюбоваться графикой, так же как никто не будет восхищен вашим творением больше вас самих. С другой стороны, если вы просто хотите размять мозги и разобраться в HTML (вдруг действительно пригодится?), можно сделать домашнюю страничку в стиле "Привет, меня зовут Вася, а вот моя собака."

F5 или снова о клонировании

Почему нехорошо копировать чужие тексты

Представьте, что вам позарез понадобился знаменитый учебник по русскому языку Д. Э. Розенталя. Вы приходите в библиотеку и видите кучу полок с тысячами всевозможных книг. Вы зовёте библиотекаря, и спрашиваете:

? У вас есть Розенталь?

? Конечно! У нас каждая десятая книга содержит учебник Розенталя.

? Какая удача! Дайте мне его, пожалуйста.

? Какой именно?

? Как какой? Обычный, по которому все учатся!

? Понимаете, у нас все Розентали в разных обложках, разной толщины, разного содержания, многие без подписи или подписаны неправильно.

? Не путайте меня, дайте мне обычный учебник, свежий, 3-е издание, серенький.

? Это невозможно, в библиотеке отдельных учебников мало, почти все Розентали входят в сборники. Хотите "Самый Полный Сборник Материалов по Русскому Языку"? У нас их сотни, все очень толстые и разные.

? Бог с вами, давайте. А кто составитель-то? Розенталь?

? Нет, некто Вася Пупкин.

? Аааааааааааа!!!

Вам эта ситуация ничего не напоминает?

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

одинакового содержания. Какое из них читать?

Предположим, что мой сайт скопировали:

Если на своём сайте я внесу поправку в статью или допишу новую, каким образом мне внести те же изменения в свой же материал на сайте-клоне? Писать на e-mail уведомление, да? А если таких клонов пятьдесят? Каким образом пользователь обнаружит в Интернете наиболее свежий и правильный вариант статьи в этом случае? Как будет осуществляться синхронизация данных?

Неутешительные выводы

Любое копирование порождает страшную путаницу и засоряет Интернет. Хорошо хоть, что от этого озоновые дыры небе не появляются. Некоторые, конечно, попытаются возразить, что есть такое явление, как mirrors (зеркала).

Но зеркалирование ? это всегда только полное

копирование сайта целиком в другой участок сети. И цели зеркалирования иные:

обеспечить скоростной доступ в другом регионе

обеспечить надежность работы, если сайт часто зависает или сильно перегружен

Чтобы представить, какой масштаб приобрело тупое копирование контента, взгляните на график:

[ Статистика Yandex ]

Красная линия ? рост Интернета в мегабайтах.

Зеленая линия ? количество уникальных материалов.

По-моему, комментарии излишни. Если возникнет жгучее желание поработать ксероксом, знайте, что вы не одиноки в своём порыве.

Из личного опыта борьбы с клонированием

Кстати, справочник по HTML обдирают на удивление часто, будто о хороших манерах и об авторском праве никто и слыхом не слыхивал. Чаще всего воруют материалы люди с вопиющими признаками творческой импотенции. На создание "супер-пупер-дизайна" сил хватает, а вот на то, чтобы текст к своему сайту написать ? увы, пшик. Вот и идут на manual.ru за чужими текстами.

Когда текст успешно содран и выложен в Интернет, прятать его от автора уже бесполезно. Мне тут же начинают приходить письма "Знаете, я видел ваш справочник там-то и там-то. Что он там делает?" Приходится выяснять, что он там делает.

Я связываюсь с "автором" и спрашиваю, что за дела, зачем сдалась копия? Ответы получаю следующие:

<

Как видно из вышеприведенного списка, мотив почти всегда один и тот же: сделать "свой" сайт. То есть движущей силой и целью является желание удовлетворить собственные амбиции, а желание сделать что-то полезное для людей ? просто хороший повод.

На самом деле всё должно быть наоборот. Почитайте, за что я люблю англоязычный Интернет.

И напоследок пара добрых советов:

Совет первый: не занимайтесь тюнингом.

Если уж вы взялись дорабатывать чужую работу, то нужно именно дорабатывать. То есть для начала связаться с автором и предложить свою помощь в пополнении имеющихся материалов. Я удивлён, что всегда узнаю о "доработке" post factum. Некрасиво получается.

Совет второй: не ставьте перед собой дурацкие цели.

Нет ничего глупее попытки сделать "свой сайт, взяв за основу чужой". Готов проиллюстрировать:

? На днях я выпустил свою первую книгу.

? Что вы говорите! О чём ваша книга?

? В неё вошли стихи Пушкина, Баркова и Ахмадулиной.

? Ах! В вас столько скрытых талантов!

Бред? Бред.

С сайтами то же самое.

Как работают профи

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

На работе идома

Безнаказанно копируем справочник

Всем скачавшим рекомендую периодически заглядывать на сайт html.manual.ru за свежей версией. Материалы сайта исправляются и дополняются не очень часто, но всё же это иногда происходит.

Что можно и чего нельзя

Понимаю и приветствую стремление иметь копию для личного пользования, особенно если у вас дефицит времени on-line. Но мне совершенно непонятен мотив копирования для выкладывания материала в Интернете.

Я против самодеятельного распространения справочника в Интернете. Почему это так, читайте далее.

К-во	Полученный ответ	Как это нужно понимать
30%	Нет ответа	Ясен пень, баннеры накрутить хочу и прославиться. Что, сам не видишь? Внизу десять кнопок с рейтингами, моё имя, несуществующий e-mail и три баннера.
30%	Не знаю, хотел сделать свой сайт	Не хочу домашнюю страничку, хочу иметь настоящий сайт. Впервые в жизни сам нарисовал достойный дизайн, ну не пропадать же ему, а? Для такого крутого дизайна нужен хороший текст, а у меня по сочинениям всегда только тройки были. К тому же автора текста я указал, всё честно, ну чего ты придираешься?
30%	Хочу сделать сборник по данной теме	Хочу свой портал. Огромный и чтобы весь мой. Понимаете, в Интернете всё лежит в разных местах. Это же беспорядок какой-то! Нужно сделать один большой мега-портал, библиотеку по каждой теме. Про библиотеку Мошкова слышали? Вот! Я сделаю супер-сайт про html и дизайн, выложу на него всё что найду и это будет круто. Всё в одном месте и моё ? это круто, люди оценят.
10%	Хочу доработать, довести до ума	Хочу почувствовать свою причастность к вашему труду. Мне непонятно, почему у вас так мало тэгов описано. При чём здесь "совместимость", а? Я думаю дописать справочник, а то он какой-то недоделанный. Про CSS нихрена нету, тег <nobr> вообще отсутствует. Я в Инете много недостающих материалов нашёл, надо только упорядочить и слить воедино. Когда закончу, у меня будет свой сайт, жутко полезный для людей.

Но почему?

Дело в том, что документы HTML предназначены не только для отображения на экране. Нет. Вся прелесть HTML заключается в возможности его отправки практически на любое устройство вывода.

Представьте, что будет с обычным текстом при попытке, скажем, прочитать его вслух с помощью карманного голосового компьютера. Куда денется оформление? Наверняка исчезнет ? ведь голос машины не в состоянии отобразить слово подчеркнутым, увеличенным или курсивным шрифтом. Но если вместо оформления документа будет описана его структура, то текст заголовков будет произнесен правильно (например, с изменением интонации), между абзацами компьютер выдержит паузу, а цитаты прочитает другим голосом.

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

Проблемы, которые мы выбираем

Удивительно, но никому в голову не приходит мысль разместить свои материалы на уже известном и посещаемом сайте. Надо обязательно на своём. Представляете, что будет, если каждый журналист начнет издавать свой журнал?

Это говорит только об одном ? об отсутствии желания писать тексты для людей. Жажда обладания своим сайтом заедает, блин.

Если бы мне кто-то написал и сказал, что располагает хорошим авторским материалом по html/css, этот материал мог бы появиться на html.manual.ru. Я готов размещать любые хорошие материалы с обязательной ссылкой на автора. Разумеется, при условии, что материал написан профессионально. Только никому пока в голову подобная идея не приходила, хотя лучшего способа донести свои тексты до масс и не придумать.

Не взваливайте на себя лишние проблемы

Содержать популярный тематический сайт весьма обременительно. Я, например, никакой пользы от того, что этот чёртов справочник мой не имею, выгоды от сайта нет, только проблемы и расходы. Так почему бы вам, авторам, не избавить себя от подобной головной боли? Учитесь на чужих ошибках, размещайте свои статьи на уже известных, хорошо посещаемых сайтах. Ведь это так удобно ? скинул текст на сайт и никаких проблем с поддержкой, только на письма отвечай.

Недоверчивые воскликнут: "Ага! Я, значит, статью отгрохаю, а кто-то свой сайт за мой счёт пополнять будет, раскручиваться, деньги грести!" Уймитесь, недоверчивые. Чтобы грести деньги нужно иметь, как минимум, масштаб Компьютерры или iXBT (которые, кстати, честно платят авторам гонорары).

Ещё раз повторюсь: содержать статейный сайт узкой тематики с посещаемостью двести и более человек в день ? это Проблема с большой буквы "Пэ". Вы можете смело доверять людям, которые держат такие сайты. Если бы им хотелось только посещаемости и денег, то вместо ваших статей на сайте лежали бы анекдоты, порнуха, знакомства и прочий ширпотреб.

Возьми ссобой в дорогу

Инструментарий

Для написания HTML и создания графики хороший инструментарий просто необходим. Вам понадобится хороший HTML-редактор, графический пакет для создания растровой графики и программа для ее оптимизации.

HTML-редакторы

Все специализированные редакторы делятся на две группы:

WYSIWYG-editors

Source editors

Аббревиатура первой группы расшифровывается как What You See Is What You Get ("Что видишь, то и получишь."). К ней относится, например, Microsoft FrontPage. Работа с FrontPage очень проста и напоминает работу с Microsoft Word. В редакторах этого типа создание HTML-кода возлагается на саму программу, а пользователь занимается лишь оформлением странички.

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

Я бы советовал сразу забыть про существование WYSIWYG-редакторов, даже начинающим. Создавать web-страницы подобным образом такая же нелепость, как программирование с помощью мышки. Язык HTML не прост, он примитивен. Поэтому не стоит упрощать работу с элементарным, даже если вас об этом просит сам Microsoft.

Да-да, я призываю к написанию HTML "руками". Так вы быстрее разберетесь, что к чему, и очень быстро научитесь бегло читать HTML-код.

Миф о блокноте Windows

На свете есть особый род людей, которые гордятся тем, что пишут HTML в стандартном "блокноте" Windows. Как правило, это люди, занимающиеся web-дизайном непрофессионально, время от времени, ибо для солидных Internet-проектов HTML в "Блокноте" не пишется. Ну, разве что, особо изощренными мазохистами.

Откуда взялась эта странная мода, неизвестно. Конечно же, копать котлован совочком ? это очень круто, но не лучше ли взять лопату?

"Редакция советует..."

Из HTML-редакторов особо выбирать не приходится: Macromedia HomeSite ? лучший выбор.

В нем есть все необходимое для профессиональной работы, плюс еще столько же. Я уже десятки раз разочаровывался в нем, жалея об отсутствии той или иной функции, и столько же раз был вне себя от счастья, находя ее буквально у себя перед носом.

Единственные недостатки Macromedia HomeSite ? неудачно организованный поиск/замена и медленная работа на больших файлах.

Примерно такая же ситуация складывается и с графическими редакторами. Несмотря на растущее изобилие оных, выбор пока только один ? PhotoShop.

Для счастливых обладателей ОС Linux могу также посоветовать поглубже изучить графический редактор GIMP с технологией Script-Fu. Он предоставляет невероятные возможности по созданию собственных графических фильтров и комбинированию имеющихся. Если вы хотите создать тысячу разных картинок с заданными атрибутами (например, графических кнопок или заголовков) ? этот редактор для вас.

Оптимизаторы

Из программ-оптимизаторов изображений могу порекомендовать два продукта: Adobe ImageReady, поставляющийся в комплекте с Adobe Photoshop и программу Ulead SmartSaver Pro. Обе программы прекрасно интегрируются с Adobe Photoshop и предоставляют все необходимое для работы.

За чтоя люблю англоязычный Интернет

За его домашние странички. За то, что они сделаны без претензий и содержат интересную информацию.

Как это делается у них

Живёт себе иностранец, спокойно так живёт, работает, детей растит, а в свободное время занимается резьбой по яичной скорлупе. Причём занимается самозабвенно, это его хобби. В один прекрасный день он понимает, что Интернет позволяет бесплатно обменяться опытом, рассказать всем о том, до чего ж это здорово ? вырезать бор-машиной в скорлупе диковинные узоры!

Иностранец садится, пишет по данной теме всё что он знает, пишет долго и с любовью. Потом лезет в Интернет, заводит где-нибудь страничку и выкладывает туда текст. Вот и всё! Никакого дизайна, никакой графики, рейтингов, баннеров и "красивых" доменов, только чистый текст и ссылки.

И скромная подпись внизу "Author: Larry Smith (larry@hotmail.com)".

Таких страниц тысячи, и каждая рассказывает о чьём-то личном опыте в любых областях ? от разведения белок до секретов похоронного дела в условиях невесомости.

Как это делается у нас

Живёт себе русский, спокойно так живёт, иногда подрабатывает, в свободное время пьёт пиво с друзьями, компьютерные журналы почитывает и с девицами чатится. Причём чатится самозабвенно, т.к. других хобби не имеется. В один прекрасный день он понимает, что у Серёги домашняя страничка уже есть, а у него ещё нету!

Русский садится, регистрирует страничку там, где дают побольше мегабайт места и начинает клепать дизайн, клепать долго и с любовью. Целый вечер. Потом пишет какой-нибудь текст в духе "Меня зовут Вася, я слушаю Наутилус..." и выкладывает сайт в Интернет. Вот и всё! Хотя нет, не всё. Следующий вечер тратится на регистрацию в рейтингах, поисковиках, баннерных системах и тестирование гостевой книги.

Таких страниц тысячи, и каждая рассказывает о том, насколько всё гибло и запущено в российском Интернете.

Если вы что-то умеете

Если вы что-то умеете, и готовы поделиться знаниями и опытом с другими ? загляните на www.manual.ru. Здесь вам помогут с хостингом, программированием и дизайном сайта (конечно же, при условии, что ваш материал авторский, подробный и интересный).

За чтонадо отрывать руки

За ламерство

Популярное слово "ламер", не правда ли? И очень обидное, между прочим. Есть еще одно слово, на которое люди почему-то тоже обижаются ? слово "чайник", хотя "ламер" и "чайник" совсем не одно и то же.

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

Что касается ламеров, то это люди особого сорта. Вечные "начинающие" : до них ничего не доходит. Настоящему ламеру плевать на то, что говорят опытные люди, любую попытку дать ему добрый совет он либо пресекает, либо игнорирует, всегда делая по-своему. Мнит себя профи, блин. Вот из-за таких умников мы сегодня и имеем в Интернете то, что имеем.

За порнуху

Иначе говоря, надо отрывать руки за "грязные" методы работы. За плодящиеся в невиданном количестве окошки с баннерами, за, собственно, сами баннеры в количестве пяти и более штук на страницу, за путаную навигацию, заводящую неизвестно куда, за "пустые" сайты, состоящие из одних линков, за страницы с сотнями линков, ссылающимися в невесомость. Наконец, за баннеры в стиле "поймай мартышку", "недосказанный анекдот", "клевая телка", "сруби миллион баксов" и "сломай глаза, заметь меня".

За эгоизм

Практически каждый сайт в той или иной мере страдает эгоизмом. А выражается этот эгоизм, как правило, в лени его создателя. Сейчас дизайнеру лень добиваться того, чтобы его сайт нормально смотрелся на браузерах, которые почему-то не установлены на рабочем компьютере дизайнера. "Третий Нетскейп? Вы шутите! Им уже давно никто не пользуется, посмотрите статистику!" ? вот его основной аргумент.

Заметьте, дизайнеры крупных студий, разрабатывающие коммерческие проекты, так не говорят. У них каждый пользователь на счету ? поддерживаются все браузеры, вплоть до текстовых. Но если разработчику коммерческого проекта просто непозволительно игнорировать даже самую малую часть аудитории, то почему это себе позволяет разработчик некоммерческий? Видимо, немеркантильный подход к работе и добротный результат несовместимы.

Главная сайта