Самоучитель по креативному веб-дизайну. Книга 1, стр.97





Глава 2. HTML-таблицы 11 3





Начальный и конечный дескрипторы неупорядоченного списка ( )

идентифицируют начало и конец маркированного списка, а дескриптор оп —

ределяет элемент списка (см. рис. 2.21).







С другой стороны, таблицы позволяют создавать свои собственные маркеры

за счет вставки графического изображения-маркера в ячейку таблицы. Обычно таблица, используемая для создания маркированного списка, содержит два стол- бца. Первый столбец содержит в себе графическое изображение, используемое в качестве маркера, а второй столбец — текст, описывающий элемент списка. Стандартная таблица с двумя столбцами создает список с броскими изображени — ями в качестве символов маркеров, как, например, показано на рис. 2.22.





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



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

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

114 Глава 2. HTML-таблицы



Создание бокового навигационного меню

с помощью таблицы

При разработке многостраничного Web-сайта вам нужно позаботиться о том,

чтобы посетители могли без затруднений передвигаться со страницы на страни —

цу вашего сайта. В предыдущем практикуме вы научились создавать маркирован —

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



ПРАКТИКУМ

Боковое меню {sidebar) представляет собой простую форму навигационной панели. Обычно боковое меню состоит из списка слов, отображаемых с левой стороны на

Web-странице. Каждое слово на самом деле является ссылкой на другую страницу Web-сайта. При использовании таблицы для создания бокового меню каждая ячейка таблицы содержит отдельный элемент меню. Приведенный ниже листинг создает боковое навигационное меню, показанное на рис. 2.23:

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.70
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 128
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.2
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 136
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.158
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.134
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.88
  • 26.02.2011">Руководство по actionscript. часть 6, стр. 068
  • 17.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.140
  • 23.02.2011">Руководство по actionscript. часть 7, стр. 028
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 077
  • 25.05.2011">Мини-обзор нового ноутбука Sony Vaio P
  • 19.07.2012">На серверах Dropbox произошла утечка адресов e-mail
  • 02.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.101
  • 17.03.2011">Руководство по actionscript. часть 2, стр. 149
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...