Рассылка www.mweb.ru: #4 (16) от 6го мая 2003 года.
Все тонкости и секреты HTML
В этом выпуске: Стандартные свойства | Визуальные фильтры | Наши проекты | Интересные ресурсы
Ссылки в Internet: Архив рассылок | Перекур | Трюки в PhotoShop | CorelDRAW | Web-мастеру | Графика | Flash | HTML | DHTML | Java | Полезные программы
Доброе время суток!
ChatWorld.ru - технология скоростных чатов

Уже ни для кого не секрет, что создание более-менее приличного сайта довольно трудоемкое дело. Несмотря на то, что существует масса HTML-редакторов, мало кто может достичь серьезных результатов с первого раза. Особенно остро встает вопрос, когда хочется сделать не простую страничку про себя любимого и своего ласкового кота, а какой-нибудь сетевой портал. Это стало модно в последнее время. Все стремятся создать свой сайт, сделать для него супер-пупер дизайн и заставить посетителей проводить на нем как можно больше времени. Именно так. Хочется, чтобы посетители сайта целыми днями ходили по разным страничкам, были довольны и советовали своим друзьям также ходить на ваш сайт.

Но сколь сложно привлечь на сайт новых посетителей, столь тяжело их на нем удержать. Тут нужен не дизайн, не ультрамодные эффекты с применением Java-скриптов. Так что же? Правильно! Нужен интересный Контент и постоянная работа над сайтом. Людям нравится жить на оживленных сайтах, где постоянно что-то меняется, постоянно появляется новая информация и можно узнать что-то действительно интересное и полезное. Для того, чтобы достичь такого эффекта, нужно не только создать сайт, но и регулярно его обновлять. Это доступно не каждому. Что же делать?

Самым эффективным способом удержания посетителей на сайте является установка на нем интерактивных разделов: чатов, форумов, голосований, гостевых книг и т.п. Однако все эти сервисы можно разместить не на каждом сайте. Форумы тяжело раскручивать, их приходится постоянно модерировать и что-то добавлять. Голосования добавят изюминку вашему сайту, но мало кто это оценит. Гостевые книги уже не в почете, они скоро вымрут, как класс. Самым лучшим выходом остается чат! Но это же серьезная проблема как с хостингом, так и с установкой. Мало того, что написать чат могут только грамотные программисты, так еще и установить его можно не на каждом хостинге. Любой чат – это большой трафик и трудность в установке. Лишь крупные сайты могут позволить себе такую шикарную интерактивность.

Другое дело хостить чат в другом месте! Вам не нужно покупать хостинг или оплачивать создание чата (это не дешево). Вам не нужно быть крутым программером, чтобы настроить его. Его нужно просто заказать. Заказать готовый чат на скоростном сервере, который можно настроить под свои нужды. При этом не нужно заботиться о трафике или о качестве работы чата – все это в руках грамотных специалистов. Единственное, что вам надо будет при этом делать, так это администрировать свой чат в специальной панели управления и наращивать свои обороты благодаря своим же посетителям. Всем известно, что баннер, расположенный в окне чата, способен показать столько баннеров, сколько не покажет никакой баннер на обычной странице. Интересные дискуссии в чатах сопровождаются не менее интересным ростом популярности вашего сайта. Помимо формирования ядра аудитории, ваши посетители будут знать друг друга, смогут обсудить с вами новый дизайн или купить рекламу на вашем сайте. Да, чат это очень хорошая возможность для всех сайтов. Как же приобрести свой собственный чат, где взять подешевле и получше?

ChatWorld.Ru – молодой и очень влиятельный проект, позволяющий всем желающим хостинг любых чатов. Отличительной чертой является высокая скорость работы и простота в управлении. К тому же помимо бесплатных чатов, которые имеют некоторые ограничения в функциональности, есть действительно шикарные предложения. Покупая коммерческий чат, вы не тратите деньги, а вкладываете в будущее развитие своего сайта в целом, ибо прекрасный чат, установленный на прекрасном сайте окупит себя очень и очень быстро. Мало того, вы уже никогда не откажетесь от такого предложения. Попробуешь раз, будешь пользоваться постоянно. Ведь это доступно каждому, и это престижно!

ChatWorld.Ru предлагает своим клиентам несколько тарифных планов для удовлетворения нужд как самых требовательных, так и тех, кто не может себе позволить дорогое обслуживание. Таким образом, вы получаете профессионально подготовленный чат в свободное пользование. Абонентская плата минимального пакета составляет всего 2,85 у.е. в месяц, т.е. около 90 рублей. В наше время это не деньги, тем более за месяц. Даже на сотовый уходит много больше. К тому же, при оплате 6 месяцев вам полагается 5-ти процентная скидка, при внесении годовой оплаты – 10%, за 2 года -15%. Это невероятно. Даже минимальный тариф позволяет одновременно 25 посетителям болтать в нем дни напролет, увеличивая цифры на ваших счетчиках и двигая вас к вершинам крупнейших топов. Вам предлагается самому оформить свой чат, поставить свой фирменный логотип и настроить цветовую схему. При покупке чата по тарифному плану С вы получаете максимум возможностей. Помимо того, что в этом плане напрочь отсутствуют какие-либо ограничения, вы можете полностью использовать на его страницах свои баннеры и счетчики. Количество посетителей, одновременно находящихся в вашем чате не ограничено ничем. Даже при большом их количестве ваш чат будет работать в ускоренном режиме без каких-либо тормозов. Частота обновления экрана достигает 1 секунды. Спешите воспользоваться этой уникальной технологией. Уже около 400 владельцев сайтов стали постоянными клиентами ChatWorld.Ru. Не плетитесь в конце, будьте решительнее!

Перейти на сайт проекта...

Наши проекты
   Xosting.ru - поисковая система предоставляет вам возможность в поиске хостинг-провайдера. Что это такое и как оно работает? Вы задаете запрос на нужную вам конфигурацию тарифного плана для вашего проекта, и система самостоятельно выберет наиболее подходящий для вас вариант. Не плетись в конце, воспользуйся этой уникальной системой сейчас!
   MasterWEB Club - наковальня вебмастера. Всё что нужно начинающему вебмастеру, уникальные статьи по обучению в PhotoShop, CorelDRAW, Flash, HTML, DHTML, JavaScripts, Java, а также подборка шрифтов, коллекция графики, "примочки" для Web. Подробнее...
   Перекур - Это лучшее место для общения на веб-дизайнерские темы. Здесь вы можете задать интересный вопрос, получить на него не менее интересный ответ и поделиться опытом с коллегами. Что особенно приятно, у форума есть модератор - это исключает пустой треп и вездесущую рекламу в сообщениях. Общайтесь с пользой!
   iLIB.ru (Internet Library) - Интернет Библиотека.
Стандартные свойства
Для любого элемента, которые поддерживаетInternet Explorer 4.0,к элементу могут быть добавлены любые атрибуты на ваш выбор, и управление их значениями доступно через создание сценариев.




className


Свойство  className  может используется, чтобы определить, или установить, какое значение из параметров style sheet`а (настройки стиля документов) данный элемент использует. Например, следующий элемент <А> использует style sheet class " warning "

<A HREF="warning.htm" CLASS="warning"> the warning </A>  

Например в style sheet используя следующие значения

.warning
{ text-decoration: none; }
.warning:hover
{ color:#878187; }

мы добьемся того, что внешний вид ссылки будет без подчеркивания, а при on mouse over появится подчеркивание, более того сменится цвет ссылки...Это конечно не ново...

document


Свойство  document  содержит ссылку к объекту документа, в котором содержится элемент . Через это могут быть получены, различные свойства объекта документа. Например

  document.all.tags('Div')

Обращается ко всем тэгам <DIV>.

filters


Свойство  filters  из коллекции фильтров представляет совокупность Фильтров, примененную к определенному элементу. Например:

<IMG ID="logo" SRC="images/logo.gif" WIDTH="384" HEIGHT="154" STYLE="filter:revealTrans(Duration=3.0, Transition=12);VISIBILITY:hidden" >
. . .
logo.filters.item(0).Apply()
logo.style.visibility=""
logo.filters.item(0).Play()

Где к изображению применен фильтр Transition filter, который позже вызван в сценарии JavaScript.

id


Свойство  id  присваивает уникальное имя определенному элементу, что впоследствие помогает к нему обратиться...

innerHTML


Свойство  innerHTML  Позволяет вписать в любой элемент с заранее присвоенным ID Новый HTML код полностью заменив предыдущий.

 


 

language


Свойство  language  определяет язык сценария используемый для элемента. По умолчанию в Explorer`е используется JavaScript.

style


Свойство  style  определяет конкретный стиль для конкретного элемента.

title


Атрибут  title  отражает подсказку. Значения атрибута  title  обычно используются (в Internet Explorer 4.0) как ToolTips, и отображаются, когда мышь проходит над специфическим элементом. Возможно динамически изменить свойство  title  через создание сценария.

Визуальные фильтры
Обратите внимание: фильтры, описанные здесь поддерживаются только Internet Explorer 4.0. Визуальные Фильтры должны быть помещены в Style Sheets поскольку они применяются, используя атрибуты Style Sheet.

Визуальные Фильтры обеспечивают управление визуальными объектами. Также, через создание сценария, примененные фильтры - могут динамически меняться без перезагрузки документа. Обычно, они применяются к элементу <IMG>, но могут применяться и к элементу <DIV>, который в свою очередь могут содержать любой HTML, так что визуальные фильтры могут применяться фактически к любому содержанию. Обратите внимание, что, если они применяются к текстовым блокам ( в элементах <DIV>), элемент <DIV> должен определить атрибуты ширины и высоты Style Sheets .


Список визуальных Фильтров:

Фильтр Описание
Alpha Различные эффекты прозрачности объекта.
Blur Размывает и смазывает объект.
Chroma Делает определенный цвет прозрачным.
DropShadow Копирует и сдвигает объект в виде тени.
FlipH Горизонтальное зеркальное изображение объекта.
FlipV Вертикальное зеркальное изображение объекта.
Glow Adds radiance around the outside edges of the object.
Gray Уничтожает цвета - делает ЧБ объект.
Invert Название говорит само за себя.
Light Осветляет объект.
Mask Выделяет объект.
Shadow Еще один вид тени(у меня не работают др. параметры).
Wave Создает волнистый эффект.
XRay Что-то типа Invert`а и Gray`я.

Internet Explorer так же поддерживает Transition Filters (Reveal и Blend transitions) фильтры появления и смешивания объекта.


Основной синтаксис применения фильтров:

 STYLE="filter:ИМЯ_ФИЛЬТРА(ПАРАМЕТР1, ПАРАМЕТР2...)"  

Параметры для каждого фильтра определяются свои собственные они описаны далее.


alpha


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

 STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, StartX=startX, StartY=startY, FinishX=finishX, FinishY=finishY)" 

Opacity
Уровень прозрачности, 0-100, где 0 прзрачно, 100 непрозрачно
FinishOpacity
Конечный уровень прозрачности, 0-100, где 0 прзрачно, 100 непрозрачно
Style
принимает значения 0 (uniform), 1 (линия), 2 (круг) or 3 (прямоугольник)
StartX
координатаX начала градиента
StartY
координата Y начала градиента
FinishX
координата X конца градиента
FinishY
координата Y конца градиента



blur


Фильтр Blur создает впечатление движения путем размытия объекта.

 STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"  

Add
Добавляет размываемый объект к размытому ( любое целое значение, 0 - не добавляет)
Direction
0 - 315 с шагом в 45 - определяет направление размытия
Strength
Целое значение, представляющее число пикселей 'глубины' изображаемого объекта


chroma


Фильтр  Chroma  делает определенный цвет рисунка прозрачным (а надо ???).

 STYLE="filter:Chroma(Color = color)"  

Color
Любой цвет ( #rrggbb  ). Что бы данный фильтр работал нормально необходимо, что бы выбранный цвет присутствовал в объекте.


dropShadow


Фильтр  dropShadow добавляет силуэт объекта, смещенный в определенном направлении.

 STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"  

Color
Цвет тени (  #rrggbb  hex ).
OffX
Горизонтальное смещение тени
OffY
Вертикальное смещение тени
Positive
Любое целое значение (не равное 0) создает тень для видимых пикселей объекта, '0' (false) - для невидимых пикселей.



flipH


Фильтр  FlipH  переворачивает объект горизонтально.

 STYLE="filter:FlipH"  

 

flipV


The  FlipV  переворачивает объект вертикально.

 STYLE="filter:FlipV"  


glow


Фильтр  Glow  добавляет сияние вокруг объекта.

 STYLE="filter:Glow(Color=color, Strength=strength)"  

Color
Цвет сияния ( #rrggbb  hex ).
Strength
Интенсивность сияния, 0-100


gray


Фильтр  Gray  Уничтожает цвета - делает черно-белый объект.

 STYLE="filter:Gray"  


invert


Фильтр  Invert  реверсирует оттенок, насыщенность и яркость объекта.

 STYLE="filter:Invert"  


light


Фильтр  Light Делает объект как если бы на него посветили. Световые фильтры применяются, устанавливая световой источник, определенный одним из следующих методов:

AddAmbient (R,G,B,strength)
Добавляет окружающий световой источник к изображению. Окружающий свет не-направлен и освещает всю область. Солнце испускает окружающий свет. Синтаксис:

object.style.filters.Light(n).addAmbient(R,G,B,strength)  

Где  R ,  G  и  B  - значения (0-255), чтобы определить цвет окружающего света , и  strength   определяет 'количество' света.

AddCone (x1,y1,z1,x2,y2,R,G,B,strength,spread)
Добавляет к изображению, источник освещения в виде конуса. Свет направленный и освещает только определенную область. Синтаксис:

object.style.filters.Light(n).addCone(x1,y1,z1,x2,y2,R,G,B,strength,spread)  

Где  x1 ,  y1  Значения определяющие положение источника света,  x2  и  y2  - определяют координаты куда направлен свет,  R ,  G  и  B  - значения (0-255), чтобы определить цвет света, strength   определяет 'количество' света. и  spread определяет угол распространения (0-90, в градусах).

AddPoint (x,y,z,R,G,B,strength)
Добавляет к изображению точечный источник освещения.Точечный источник освещения - лампочка. Синтаксис:

object.style.filters.Light(n).addPoint(x,y,z,R,G,B,strength)  

Где  x ,  y  и  z  координаты точечного источника освещения...
осталные параметры как у других методов

Еще несколько методов Светового Визуального фильтра:

ChangeColor (lightnumber, r,g,b, fAbsolute)
Метод  ChangeColor  изменит цвет светового фильтра, примененного к объекту.Используйте  lightnumber  что бы определить световой источник, чей цвет должен быть изменен (это - позиция в массиве Lights), r,g и b, новый цвет,  fAbsoloute  может принимать значение true (nonzero), и false (т.е. zero),на что это влияет посмотрите сами...

ChangeStrength (lightnumber, strength, fAbsolute)
Метод ChangeStrength  изменяет силу определенного светового фильтра ( крторый определяется аргументом lightnumber ) на силу определенную в параметре  strength ...

Clear
Метод  Clear  удаляет все источники света для определенного светового фильтра.

MoveLight (lightnumber, x, y, z, fAbsolute)
Метод  MoveLight  передвигает источник света (в случае AddPoint), место освещения (в случае AddCone). The  x ,  y  и  z  значения определяющие положения передвижения света, или абсолютно (  fAbsoloute=nonzero ) или относительно ( fAbsolute=false ).


mask


Фильтр  Mask  выделяет объект, как если бы вы его иыделили мышью, при этом можно задать цвет выделения. Синтаксис:

 STYLE="filter:Mask(Color=color)"  

Где  Color  цвет используемый для выделения.


shadow


Фильтр  shadow  делает тень объекту. Синтаксис:

 filter:Shadow(Color=color, Direction=direction)  

Color
определяет цвет тени ( #rrggbb  hex)
Direction
(0-315 с шагом в 45 градусов), определяет направление тени.


wave


Фильтр  wave  делает объект волнистым. Синтаксис:

 filter: Wave(Add=add, Freq=freq, LightStrength=strength, Phase=phase, Strength=strength)  

Add
значение , определяющее, добавлен ли первоначальный объект (true, nonzero) к фильтрованному объекту или нет (false, zero)
Freq
целое значение, определяющее число волн
LightStrength
сила волны в %
Phase
определяет угловое смещение волн (т.е. 0/100% = 360 градусов, 25% = 90 градусов)
Strength
целое значение, определяющее интенсивность эффекта волны


xray


Фильтр  xray  воздействует на объект как Х-луч (?). Синтаксис:

 STYLE="filter:Xray"  


Transition Filters

RevealTrans Filter


Фильтр  RevealTrans  может быть применен к любому объекту, показывая или пряча его, при этом используются различные техники. Синтаксис:

 STYLE="filter: revealtrans(duration=duration, transition=transitionshape)  

Где  Duration  время перехода из одного состояния в другое. Формат записи  секунды.миллисекунды  Например 2.1 = 2 секунды, 100 миллисекунд.  Transition(переход)  может быть следующим ( названия оставлю на английском что бы не портить художественный замысел авторов...):

Значение Описание
0 Box in
1 Box out
2 Circle in
3 Circle out
4 Wipe up
5 Wipe down
6 Wipe right
7 Wipe left
8 Verical blins
9 Horizontal blinds
10 Checkerboard across
11 Checkerboard down
12 Random dissolve
13 Split vertical in
14 Split vertical out
15 Spli horizontal in
16 Split horizontal out
17 Strips left down
18 Strips left up
19 Strips right down
20 Strips right up
21 Random bars horizontal
22 Random bars vertical
23 Произвольный эффект (любой из 23)

Внимание : Фильтр Reveal Transition лучше применять со следующими событиями:

Apply
Метод  Apply  используется, чтобы фактически применить фильтр.

Play
Метод  Play  используется, чтобы фактически запустить фильтр.

Stop
Метод  Stop  используется что бы остановить применение фильтра, и может быть вызван в любое время когда фильтр запущен.

Properties


Фильтры Reveal Transition имеют свойства status  и  duration . Свойство  Duration  отражает текущую продолжительность фильтра и  status  определяет значение в зависимости от текущего состояния перехода. "0" = stop, "1" = apply, "2" = play.

BlendTrans Filter


Фильтр  BlendTrans  может быть применен к объекту, что бы 'проявить' его (fade it) или 'затушить' (fade out), через определенный период времени. Синтаксис:

 STYLE="filter: blendtrans(duration=duration)"  

Где  Duration  время занимаемое переходом. Формат записи  секунды.миллисекунды  Например 2.1 = 2 секунды, 100 миллисекунд.

Интересные ресурсы
Всё о Macromedia Flash - уроки, исходники, статьи...

Хочешь опубликовать ссылку на свой сайт в этой рассылке? - прочти условия
Ведущий рассылки: Skay http://www.mweb.ru