На главную # Логотип Веб-дизайн студии Step by StepПереходная полоска
Навигация по сайту:
 Новости сайта
 HTML учебник
 HTML статьи
 Архив рассылки
 CSS учебник
 Wallpappers
 Портфолио
 Гостевая книга

Поиск по сайту:

Подпишитесь на рассылку
HTML для начинающих


Content.Mail.Ru
Архив рассылки

Реклама:





 
 Архив рассылки 
HTML #22

HTML для начинающих

# 04 (22)
28 августа 2004г.
Проект веб-дизайн студии "STEP BY STEP"
Количество подписчиков = 4800
Архив рассылки

Здравствуйте уважаемые подписчики!

      Давайте сделаем рассылку более интересной! Выскажите, пожалуйста, свое мнение о рассылке. Что вам нравится? Что не нравится? Что хотели б еще увидеть в рассылке? Что необходимо убрать? Нравяться ли Вам изменения в дизайне рассылки???
Имя:
E-mail:
Сообщение:
      К сожалению, у нас на этой недели полетел винчестер, где хранились почтовые ящики рассылки, по этому просим всех, кто отправлял что-то в этот номер, отправить еще раз. Прощу извенение за причиненные неудобства.


Таблицы в HTML

Таблицы вошли очень прочно в веб дизайнерство и теперь без них сложно представить даже самую простую страничку. Удобство при их использовании сложно описать словами, да и не нужно.

Таблицы

Тег таблиц называется <table>. Вся таблица должна находиться внутри него, и при этом закрывающую скобку </table> надо обязательно указывать.

Параметрами этого тега задается обший вид таблицы, ее цвет, толщина рамки и многое другое. И вот какие аргументы могут быть:

align
Ну как и всегда этот параметр задает выравнивание таблицы. Если таблица находится в выравненных участках текста, т.е. где указаны <div> или <center> то сами понимаете выравнивание можно не указывать. По умолчанию таблица выравнивается по левому краю.
width
Этот параметр задает ширину таблицы. Как правило браузер подбирает размер таблицы таким образом, чтобы там все хорошенько уместилось, но вы если вам нужен конкретный размер, то вы можете его указать в пикселах или в процентах от свободного пространства.
border
Используется для указания ширины границы таблицы в пикселах. По умолчанию имеет размер равный 0, и при этом границы таблицы не отображаются, т.е. получается прозрачная таблица :-).
cellspacing
Каждую ячейку браузер обводит своей собственной рамкой, и этот параметр задает ширину пространства между ними.
cellpadding
Этот параметр тоже задает ширину пространства, но только уже между рамкой ячейки таблицы и ее содержанием внутри.
bgcolor
Задает цвет фона таблицы.
background
Изображение, которое будет отображатся в виде фона таблицы.
Сразу после <table> может идти заголовок таблицы, который будет отображатся над ней. Он помещается внутри <caption>...</caption>.

Далее уже начинается сама таблица. Для того чтобы создать новый ряд ячеек в таблице существует тег <tr>. Закрывающую скобку можно не указывать. Для создания новой ячейки предназначен тег <td> или <th>. Количество ячеек (т.е. элементов <td> и <th>) должно быть одинаково в каждом ряду таблицы, т.е. внутри каждого тега <tr>

Пример простейшей таблицы:

<table border=1>
<tr><td>Первая ячейка<td>Вторая ячейка</td></tr>
<tr><td>новый<td>ряд</td></tr>
</table>
В этом случае будет такая вот таблица :
Первая ячейка Вторая ячейка
новый ряд

Тег <tr> имеет несколько атрибутов.

align
Задает выравнивание внутри всех ячеек таблицы. Если, например указать align=center, то содержимое каждой ячейки будет выравнено по центру.
valign
Также задает выравнивание, но уже по вертикали. Может принимать значения top - выравнивание по верху,middle - по центру, ну и bottom по низу.
bgcolor и background
Задают цвет или изображение фона одной строки таблицы.

Ячейки таблицы более богаты своими параметрами. Чтобы не писать снова, скажу что в них входят все параметры строк таблицы описанные выше, ну и еще парочка другая следующих :-) :

rowspan
Объединяет указанное количество ячеек в одну по вертикали.
colspan
Объединяет ячейки по горизонтали.
width и height
Задают рекомендуемые размеры ячейки по горизонтали и вертикали.
Если ячейка пустая, т.е. такая :
<td>[пробел]</td>

Наверно многие не поняли как это могут ячейки объединяться. А вот как !!! Пример:

<table border=2>
<tr><td>1<td>2<td>3<td>4<td>5</tr>
<tr><td colspan=2 rowspan=2>6<td colspan=2>7<td rowspan=2>8</tr>
<tr><td>9<td>10</tr>
<tr><td>11<td>12<td>13<td>14<td>15</tr>
</table>
А вот как это все выглядит :

1 2 3 4 5
6 7 8
9 10
11 12 13 14 15

Как видите в первой строке 5 элементов <td>. Вот во второй строке уже те самые чудеса творятся !!! Элементов <td> теперь уже всего 3, НО заметьте что если просуммировать все значения colspan, то снова получится 5. Ксати по умолчанию для каждой ячейки параметр colspan равен 1.

Третья строчка еще веселее, потому что над ней можно час думать и голову сломать, но всеже тут все просто. Вы должны взять и посмотреть сколько ячеек у вас "выростает" вниз и посмотреть их ширину. А нашем примере у нас есть 2 ячейки параметр rowspan в которых не равен 1, причем первая расширяется на 2 ячейки. Итого значит в этой строчке остаются незаполненными всего 5-3=2 ячейки. Что и соответствует дейстительности :-).

Вобщем понять это не просто, но Вы научитесь. Кстати очень замечательная особенность Html, в том что в ячейке можно сделать вложенную таблицу, а в ней еще одну и т.д. пока таблицы не кончатся :-).

Еще хотелось сказать немного о элементе <th>. Он, как уже говорилось ранее, также задает ячейку, но только отличается тем что текст внутри такой ячейки отображается жирным шрифтом, этот элемент просто эквивалентен <td><b>...</b>, только короче и проще.

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

Если они вас очень интересуют, то изучайте коды своих браузеров :-). Ну или на худой конец запустите FrontPage и узнайте, что же все-таки дорогой Билли заложил в свой IE !!! Только смотрите не найдите тайные ходы в нем, а то он обидится :-))) !!!



Релама

ВНИМАНИЕ: размещение рекламы в следующем номере рассылки АБСОЛЮТНО БЕСПЛАТНО!!!
Присылайте ваши рекламные блоки на sweb@ukr.net
      К сожалению, у нас на этой недели полетел винчестер, где хранились почтовые ящики рассылки, по этому просим всех, кто отправлял что-то в этот номер, отправить еще раз. Прощу извенение за причиненные неудобства.

Студия дизайна. Много ли надо чтобы организовать её?

Студия дизайна. Много ли надо чтобы организовать её? По большому счёту можно даже не регистрироваться как юридическое лицо. Ведь что такое организация? Минимум два человека, стремящихся к достижению общей цели. Целью здесь выступает удовлетворение человеческих потребностей в области веб-дизайна, а также сопутствующих ей и извлечение прибыли. У вас также могут отсутствовать такие существенные затраты как приобретение (аренда) офиса, необходимого оборудования, программного обеспечения… Я не говорю что это правильно. Я говорю, что этого можно избежать, по крайней мере на первых порах.

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

Прежде всего - это дизайн как таковой.

Студия должна иметь профессионального дизайнера. Здесь важно отметить, что дизайнер и художник - две разных ипостаси. Дизайнер, в отличие от художника использует в своей работе, а нередко и кладёт в её основу не им созданные художественные ценности. Норма в профессиональном дизайне сегодня - использование покупных фотографий и заказной графики, не говоря уже о шрифтах. Дизайнер должен владеть передовыми профессиональными графическими пакетами для обработки и создания растровой, векторной графики, а нередко и специализированным программным обеспечением для рендеринга трёхмерных объектов. Т.е. для дизайнера ярко выражен его синтез с компьютерными технологиями.

Дело обстоит совершенно иначе, когда мы говорим о художнике. Умение рисовать - талант совершенно отдельный от таланта дизайнера, и к тому же в гораздо большей степени врожденный и слабо поддающийся развитию. Работа художника это всегда элемент индивидуальности, особый почерк, недоступное фотографии парадоксальное сочетание начал обобщения и детализации. Привлекательность художественной графики заключается в неизбежной неточности мазков, аморфности пятен краски, брызгах, подтёках… Время от времени в услугах художника появляется необходимость. Он также необходим для разработки логотипов. Качественный, стильный дизайн это очень важно, ибо по одёжке встречают. Но это далеко не всё.

Программинг. Наличие группы талантливых профессиональных программистов - это крайне важный фактор успеха. Нельзя определить, что важнее: дизайн или программинг, т.к. эти два направления призваны дополнять друг друга. Чистый HTML-код веб-страниц, корректное отображения оных в различных популярных версиях браузеров, владение DHTML, Java Script, Java, CSS, XML, Perl, PHP, ASP, VBasic, MySQL, MS SQL, Oracle, Flash - всё это мгновенно поднимает студию на качественно иной уровень - уровень профессиональных веб-студий, услуги которых оцениваются в тысячи долларов.

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

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

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

Необходимо отметить также, что совокупные знания и средства студии должны обеспечить реализацию таких направлений как интернет-маркетинг - раскрутка сайтов в сети; работу над контентом - информационным наполнением сайтов; консалтинговые услуги - квалифицированные консультации; производство качественных баннеров с потенциально высоким CTR; постоянное отслеживание и ориентацию на передовые течения и технологии, имеющие отношение к веб-дизайну. В этой связи, на сегодняшний день я могу порекомендовать к освоению технологию, за которой будущее - Macromedia Flash.

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

Успех студии веб-дизайна делают люди этой студии. Чёткая специализация под призмой профессионализма; грамотная координация всех звеньев системы; впечатляющий набор знаний и навыков, доступных студии; качество - как ассоциация имени студии; известность и слава - как совокупность вышеперечисленного - вот те секреты, ведущие к успеху.

Так много ли надо, чтобы организовать студию веб-дизайна? Думаю, вы получили ответ на этот вопрос.

Автор: Лео Клемин


Обмен ссылками

   Если вы хотите обменять с кем-нибудь ссылками, то пишите на мне на e-mail письмо, где будет указанно следующее: Адрес сайта, его посещаемость, Вид обмена (ссылка, баннер (с размеров и др.)), описание сайта, ваш контактный e-mail, и адрес страницы, где будет размещена ссылка. И ещё пожелание, с какой тематикой сайта вы хотели бы иметь дело. На e-mail sweb@ukr.net с темой "Обмен ссылками в рассылку".

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

Авторам

     Вы хотите, чтобы ваши статьи были опубликованы у нас в рассылке? Если вы считаете, что можете написать о дизайне, скриптам, HTML и т.п., если Вам есть что сказать и о чем рассказать, я буду рад сотрудничеству с Вами. Присылайте свои предложения и статьи. Давайте вместе делать общее дело! Присылайте свои соображения, мысли, истории... поделитесь своим опытом. В качестве гонорара Вы получите несколько строк под Вашей статьёй, для рекламы/описания Вашего сайта. Буду рад сотрудничеству.

Влад Деменчук, sweb@ukr.net
Веб-дизайн студия "Step by Step" http://web.pmg17.vn.ua


:: Архив рассылки :: HTML #19 : HTML #20 : HTML #21 : HTML #22 : HTML #23 : HTML #24 : HTML #25 ::
   
Copyright Vlad Demenchuk © 2000-2005
Яндекс цитирования Cтатистика LookUp.ru CATALOG.METKA.RU