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

999.9 школа дизайна Выпуск 16а ( HTML)


Информационный Канал Subscribe.Ru

Добро пожаловать в школу дизайна


школа web-дизайна
Выпуск 16 А ( HTML )
бог даст не последний

 

Здравствуйте,

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

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

Итак, возвращаясь к HTML, каждый контейнер (tag) представляет собой ни что иное как матрешку. А они бывают разные, как известно.

<html> .... </html>
- самая большая "матрешка" ( в которой спрятались все остальные)

<body> .... </body> - большая "матрешка" вложенная в самую большую, но может содержать в себе другие "матрешки" (теги) по меньше.

<table> .... </table> - "матрешка" вложенная в большую, но может содержать в себе другие котейнеры (теги).

<a> .... </a> - "матрешка" вложенная в таблицу, содержит в себе ссылку.

Теперь смотрите как это все выглядит в коде web-страницы:

<html><body><table><a>
текст ссылки</a></table></body></html>

или так

<html>
<body>
<table>
<a href="http://999.liveinternet.ru">
школа дизайна</a>
</table>
</body>
</html>

Все просто, как видите, это и есть иерархическая структура вложенных друг в друга контейнеров.
Каждый тег может иметь еще атрибуты.
В примере выше атрибутом тега <a> .... </a> является href , а его значение ="http://999.liveinternet.ru", указывающее адрес (URL) перенаправления текстовой ссылки школа дизайна.


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

Скажем, значение #FFFFFF атрибута bgcolor контейнера <body> означает, что страница должна быть белого цвета.


<html>
<body bgcolor="#FFFFFF">
<table>
<a href="http://999.liveinternet.ru">
школа дизайна</a>
</table>
</body>
</html>

А в данном примере страница будет красной

<html>
<body bgcolor="#FF0000">
<table>
<a href="http://999.liveinternet.ru">
школа дизайна</a>
</table>
</body>
</html>

 

Предлагаю Вам простой способ снизить расходы на доступ в Интернет.

:: тематический архив лекций по web-дизайну (машина времени)

Выпуск 1 : Ради чего создается свой сайт (10 причин для владения сайтом)
Выпуск 2 : Три кита - основа любого сайта (четвертый кит-популярность)
Выпуск 3 : Текстовое содержание - еда для "пауков" (дайте им "хлеба")
Выпуск 4 : Графика с альтернативным текстом (комментарии к фото)
Выпуск 5 : Успех в подборе ключевых слов (ключи к вратам рая)
Выпуск 6 : Цвет фона и текста должен радовать глаз (забота о ближнем)
Выпуск 7 : Смена цветов просто двойным кликом (на любой вкус и цвет)
Выпуск 8 : Таблица "правильных" цветов (рекомендации "акулы дизайна")
Выпуск 9 : Стильный дизайн стандартной кнопки (мелочь, а как приятно)
Выпуск 10: Выбор дальнейшего пути (я с детства выбрал верный путь)

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


Оставляю Вас в ожидании продолжения...

Вадим Грант.

 
 
 


Copyright © 2004 "999.9" design school



Subscribe.Ru
Поддержка подписчиков
Другие рассылки этой тематики
Другие рассылки этого автора
Подписан адрес:
Код этой рассылки: comp.design.999
Отписаться
Вспомнить пароль

В избранное