WebDix
Это веб-диз, детка!Выпуск #5 | 30 июля 2006
Быстрый переход
WebDix › Выпуск #5 › Веб-дизайн

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

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

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

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

 

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

         

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

         


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

 

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

         


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

 

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

         


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

             
             
             
             
             
             
             
 
             
             
             
             
             
             
             
 

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

             
             
             
             
             
             
             

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

             
             
             
             
             
             
             
             
             
             
             
             
             
             
             
             
             
             
             
             
             


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

     
     
     
     
     
     
     
     
     
     
     
 
         

 

Не надо забывать о таких атрибутах как:

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

Подробнее здесь >>>

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

   
   
   
   
   
   
   
   
   
 

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

   
   
   
   
   
   
   
   
   
   


   
     
     
     
     
   
 
 
 
 


 
     
     
     
     
   
 
 
 
 


 
     
     
     
     
   
 
 
 
 

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



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

         
     
     
             
         
     
               
     
       
     
     
     
     
     
         
         
         
     
         
     
     
     
 
 
           
     
     

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

Жду ваших писем с интересными рисунками из таблиц. В качестве награды вы можете получить ссылку на свой сайт и восхищение  от благодарных поклонников вашего таланта  :)

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

Комментарий от Nikitar'a: опять влез, скажете? Хорошая статья, даже очень. Сам когда-то увлекался подобным, а ведь если долго и кропотливо работать, то получится и фотографию перенести на html. Как? да очень просто: берём фотографию 100*100 (10000 ячеек нужно для таблицы) и пошли генерить таблички. когда сгенерили таблицу с 100 ячейками по вертикали и 100 ячейками по горизонтали (1 ячейка = 1 пиксель), а дальше пипетку в зубы, то есть в руки в Фотошопе и пошли туда-сюда копировать и вставлять коды цветов.

« Правила хорошего сайтаСодержаниеДвадцать шесть способов раскрутки »
Выпуск подготовили: Exact, Nikitar, Psi, Alisha |  Copyright RusForumz.com 2006
Перепечатка материалов возможна только с письменного разрешения администрации
Журнал WebDix («Это веб-диз, детка!»), 2006-2008.
Сайт журнала: webdix.ru · форум: rusforumz.com
Об архиве
Рейтинг Old-Web