Форум города Днепр (Днепропетровска)

Форум города Днепр (Днепропетровска) (http://forum.dneprcity.net/index.php)
-   Нtml (http://forum.dneprcity.net/forumdisplay.php?f=160)
-   -   Использование таблиц в дизайне страницы (http://forum.dneprcity.net/showthread.php?t=8617)

Strelok 04.10.2010 15:36

Использование таблиц в дизайне страницы
 
Приятное свойство таблиц состоит в том, что если вы захотите, то можете сделать их границы невидимыми. Это позволяет с помощью тага <ТАВLЕ> красиво размещать на странице текст и графику. До сих пор таг <ТАВLЕ> остается единственным мощным средством форматирования в HTML. Дизайнеры Web-страниц сейчас обладают практически такой же свободой использования <пустого пространства>, что и создатели печатных страниц. Таблицы в большей мере, чем что-либо другое, помогают отойти от иерархического размещения текста на Web-страницах.

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

Пример 1.20








ПЕРФОРАТОР


Только сегодня!





Почти бесплатно!







http://www.forprogramme.h11.ru/Inter...s/image416.gif
Рис. 1.21. Создание выпуклых элементов
Создание разноцветных таблиц

Ведущие броузеры, позволяют отображать некоторые цвета. Есть несколько способов раскрасить таблицу, в основном они зависят от используемого броузера.
Цветные границы в Netscape Navigator

Вы не только можете окружить таблицу красивой рамкой, но еще и задать для нее цвет, отличный от цветов текста и фона. Создайте простой серый GIF (или любой GIF, который вы хотели бы иметь в качестве фона) и определите его в таге <ВODY> как фон страницы. Затем задайте цвет фона страницы. В результате ваш таг <ВОDY> будет выглядеть примерно так:


Вы создали двойной фон - GIF и заданный цвет. В результате фоновый цвет будет виден на всех границах таблиц и горизонтальных линиях (<НR>). Вне зависимости от того, является ли ваш фоновый GIF серым или нет, цветные линии и границы таблиц будут заметно выделяться. Если фоновый GIF не слишком сложно устроен, время загрузки страницы лишь немного возрастет. На приведенном ниже примере показано какие, широкие возможности дает использование цвета в HTML и в частности в таблицах.

Пример 1.21












Как просверлить бетонную
стену




ПЕРФОРАТОР


Только сегодня!







Почти бесплатно!





От 6 до 20 мм

Просверлим все






http://www.forprogramme.h11.ru/Inter...s/image417.gif
Рис. 1.22. Пример разноцветной таблицы


Текущее время: 04:20. Часовой пояс GMT +3.

Powered by vBulletin® Version 3.7.0
Copyright ©2000 - 2024, vBulletin Solutions Inc. Перевод: zCarot