|
Главная Скачать (Download) Dreamweaver CS6 Dreamweaver CS5 Dreamweaver CS4 Dreamweaver 8 Dreamweaver MX 2004 - Рабочая область
Dreamweaver 4- Создание/ открытие документов - Настройка сайта - Компоновка страниц с CSS - Табличный контент - Шаблоны в MX 2004 - Работа с страницами - Настройка серверных приложений - Рабочая область для динамических страниц Уроки (Tutorials) Видеоуроки new!!! Fireworks ЧаВо Документация Статьи Программы и скрипты Бесплатные шаблоны Каталог сайтов Форум Карта сайта Контакты |
Фильтры в дизайне веб-страниц Очень часто на форуме и в электронных письмах пользователи Mаcromedia Dreamweaver спрашивают как пользоваться фильтрами в этом редакторе. Компания-производитель данной программы не удосужилась написать в хелпах о эффектах, которые добавляют эти фильтры, и о синтаксисе. В этой статье я хочу рассказать о результатах, которые можно увидеть после добавления их на страницу, также - как они добавляются в Mаcromedia Dreamweaver MX 2004. В статье я буду использовать этот рисунок, для представления результатов действия разных фильтров. В Mаcromedia Dreamweaver MX 2004 фильтры добавляются в окне установок свойств стиля CSS (Window > CSS Styles Shift+F11), закладка Extensions, раздел Visual effect > Filter. В списке выбираете нужный фильтр и указываете параметры, которое вам нужны. Код фильтра заносится в файл, в котором описаны свойства CSS страницы или в заголовок страницы, в зависимости от установок. Фильтры не применяются к элементам HTML: апплеты, Java, IFRAME, SELECT, OPTION, P, EM, STRONG и ко всем заголовкам H1, H2 и т.д. Применить фильтр к элементу просто: достаточно задать значение его свойства filter, следуя правилам задания свойств каскадных таблиц стилей filter: значение. Каждый фильтр, как отмечалось выше, реализует определённый алгоритм преобразования видимого отображения элемента, поэтому значение свойства filter задаётся в форме функции: filter: имя_фильтра([параметры]); К сожалению, фильтры видны только в браузере MS Internet Explorer. Opera, Netscape & Mozilla пока их не видят, но элемент отображают нормально, хотя и без фильтра. Фильтр Alpha Фильтр Alpha устанавливает прозрачность объекта. Прозрачность может быть уставлена - равномерная или градиентная. Этот фильтр прекрасно смотрится в выпадающих меню. Синтаксис: Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?) Параметры: Пример:
Фильтр Blur Размывает изображение в направлении Direction, заданном в градусах. Если указано Add=1, то фильтр будет наложен на исходный образец, иначе будет отображен только результат работы фильтра. Синтаксис: Blur(Add=?, Direction=?, Strength=?) Параметры: Пример:
Фильтр Chroma Фильтр Chroma делает цвет, заданный в форме #RRGGBB прозрачным. Синтаксис: Chroma(Color=?) Параметры: Пример:
Фильтр DropShadow Фильтр DropShadow рисует сплошной силуэт объекта, смещённый в заданном направлении, создавая тем самым эффект объекта, расположенного над страницей и отбрасывающего на неё тень. Синтаксис: DropShadow(Color=?, OffX=?, OffY=?, Positive=?) Параметры: Пример:
Фильтр FlipH Фильтр FlipH переворачивает объект горизонтально. Синтаксис: FlipH Пример:
Фильтр FlipV Фильтр FlipH переворачивает объект вертикально. Синтаксис: FlipV Пример:
Фильтр Glow Фильтр GLOW добавляет свечение вдоль внешних границ объекта, создавая эффект "возгорания" границ объекта. Синтаксис: Glow(Color=?, Strength=?) Параметры: Пример:
Фильтр Gray Фильтр Gray удаляет цветовую гамму объекта и отображает его в серых тонах. Синтаксис: Gray Пример:
Фильтр Invert Фильтр Invert меняет оттенок, насыщение и яркость объекта на противоположные. Синтаксис: Invert Пример:
Фильтр Mask Фильтр Mask отображает текст так, как будто он выделен мышью. Синтаксис: Mask(Color=?) Параметры: Пример:
Фильтр Shadow Фильтр Shadow создает эффект тени. Синтаксис: Shadow(Color=?, Direction=?) Параметры: Пример:
Фильтр Wave Фильтр Wave производит "синусоидальное" искажение объекта вдоль вертикальной оси. Синтаксис: Wave(Add=?, Freq=?, LightStrength=?, Phase=?, Strength=?) Параметры: Пример:
Фильтр Xray Фильтр XRay отображает объект в черно-белом варианте, как на рентгеновском снимке. Синтаксис: xray Пример:
Источник: dreamweaver.net.ru
Реклама |
|
|