DESIGNER - для тех, кто делает сайты
 
поиск
 
статьи
баннерная реклама
веб-дизайн
графика
домены
инвентарь
менеджмент
навигация
проектирование
подкастинг
поисковые машины
почтовые рассылки
раскрутка
хостинг
css
flash
html
perl
php
usability
рассылка
Cтатьи о веб-дизайне, раскрутке, usability, графике и т.д.
Content.Mail.Ru
орфография
Если вы нашли любую орфографическую ошибку, то выделите её и нажмите Ctrl+Enter на клавиатуре.
 
 
 
 
статьи / html  

Рисуем таблицами

Здесь речь пойдёт об использовании простых средств для создания красивых и оригинальных эффектов оформления.

Вы уже знаете, что атрибут BGCOLOR="..." можно использовать для всей таблицы:

 

или для каждой ячейки в отдельности:

         

или не использовать вовсе:

         

Атрибут BORDER=".." может задать толщину бордюра для всей таблицы:

 

для таблицы с ячейками это будет выглядеть так:

         

При BORDER="0" содаётся таблица без бордюра:

 

для таблицы с ячейками это будет выглядеть так:

         

Таблицами, таким образом, можно "рисовать":

             
             
             
             
             
             
             

 

             
             
             
             
             
             
             

На самом деле - это всего лишь "расцвеченные" ячейки таблицы:

             
             
             
             
             
             
             

но без бордюра, это похоже на рисунок:

             
             
             
             
             
             
             
             
             
             
             
             
             
             
             
             
             
             
             
             
             

Можно даже нарисовать что-то вполне узнаваемое:

     
     
     
     
     
     
     
     
     
     
     
 
         

Не надо забывать о таких атрибутах как:
COLSPAN=".."- который убирает вертикальные перегородки,
ROWSPAN=".." - который убирает горизонтальные перегородки,
BORDERCOLOR=".." - который создаёт цвет рамки и перегородок,
CELLSPACING=".." - который создаёт разрыв между наружной и внутренней кромкой рамки,
CELLPADDING=".." - который убирает рельефность рамки

Используя эти атрибуты в различном сочетании можно создавать необходимые графики:

   
   
   
   
   
   
   
   
   
 

или интересные орнаменты:

   
   
   
   
   
   
   
   
   
   


   
     
     
     
     
   
 
 
 
 

 

 
     
     
     
     
   
 
 
 
 

 

 
     
     
     
     
   
 
 
 
 

Очень часто для решения необходимой задачи нужно использовать способ вложения таблиц одну в другую. Получается что-то похожее на русскую матрёшку:

Можно попробовать создать и целое художественное полотно :)

         
     
     
             
         
     
               
     
       
     
     
     
     
     
         
         
         
     
         
     
     
     
 
 
           
     
     

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

Очаковская Розалия
http://www.art-ro.narod.ru/

« Назад

 
вверх
При использовании любых материалов с сайта необходима ссылка на http://designer.kulichki.net/, как источник.
Copyright© 2001—2006
Основано 28.04.2001г.
Сергей Никитин
Rambler's Top100
Рейтинг@Mail.ru