
- •16. Описание фрейма на языке html. Задание логики взаимодействия фреймов. Проблемы фреймовой организации страницы.
- •20. Основные понятия и определения. Типы данных css. Применение стилей и классов к элементам документа html.
- •21. Типы простых селекторов. Использование псевдоклассов и псевдоэлементов.
- •22. Селекторы. Принципы наследования, каскадирования и группировки. Специфичность селектора.
- •23. Цвет элемента и цвет фона. Свойства шрифта. Свойства текста.
- •Свойства текста в css: letter-spacing
- •24. Создание слоев при помощи css. Границы, заполнители и рамки. Позиционирование элементов.
- •25. Приемы верстки с помощью тега “div”.
- •Css свойства тега div
- •26. Фильтры изображений. Эффекты перехода.
- •Эффекты перехода между страницами в html
- •27. Особенности восприятия цвета человеком. Понятие цветовой модели. Модели rgb и cmyk. Цветовой куб модели rgb.
- •28. Понятия цветового тона, насыщенности и яркости. Цветовые модели hsb, hls.
- •29. Формирование изображения с помощью компьютера. Оцифровка изображений. Устройства цифрового ввода и вывода изображений. Векторный и растровый способ формирования изображений.
- •30. Требования к иллюстрациям в Интернет. Методы сжатия. Обзор форматов иллюстраций jpeg, gif, png, swf, svg... Выбор формата графического файла.
- •Форматы изображений:
- •31. Понятие палитры. Формат gif. Выбор палитры.. Gif-анимация. Оптимизация изображений. Использование графики в ссылках.
Css свойства тега div
Margin – граница, с помощью свойства margin мы может сделать отступ блока от внешних элементов, например при трехколоночной верстке сайта.
Padding – отступ внутри дива, можем задать например рамку и отступ текста от нее.
Border – при помощи этого свойства мы можем задать рамку вокруг текста или рисунка не только прямую линию, но а также штрих-пунктирную и другие, цвет рамки.
Outline – вроде border, применяется редко, я использую это свойство для совсем другого элемента.
Width – ширина элемента.
Height – высота элемента.
26. Фильтры изображений. Эффекты перехода.
прописать:{ filter: имя фильтра(параметры...) }
CSS:Фильтр Alpha Данный фильтр делает элемент прозрачным. Прозрачность можно установить как для всего объекта, так и сделать градиентной. FILTER: Alpha(Opacity=начальная прозрачность, FinishOpacity=конечная прозрачность, Style=стиль, StartX=начало эффекта по горизонтали, StartY=начало эффекта по вертикали, FinishX=конец эффекта по горизонтали, FinishY=конец эффекта по вертикали) Вот пример: filter: alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, FinishX=100)
CSS:Фильтр Chroma Данный фильтр,если указать в Color= цвет в формате RGB(#RRGGBB),тогда он этот цвет сделает прозрачным. Написание таково:FILTER:Chroma(Color=цвет) А вот пример: FILTER:Chroma(Color=#FFFFFF)-делает прозрачным белый цвет
CSS:Фильтры FlipH и FlipV Делает рисунок зеркальным по горизонтали (FlipH) и вертикали(FlipV).Написание отсутсвует. Пример:filter: FlipV FlipH
CSS:фильтр Glow Создаёт контур вокруг элемента. Написание таково:filter: Glow(Color=цвет, Strength=величина контура) filter: Glow(Color=yellow, Strength=15)
CSS:фильтр Gray Типа этот фильтр выводит объект в сером виде,то есть в радациях серого. Написание проходит так:filter: Gray
Эффекты перехода между страницами в html
пример использования:
<meta http-equiv="Page-Enter" content="BlendTrans(Duration=1)" /> <meta http-equiv="Page-Exit" content="blendTrans(Duration=1)" />
параметры:
Page-Enter - эффект появления страницы
Page-Exit - эффект выхода со страницы
content - применяемый эффект
примеры эффектов:
progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=25, Duration=1) - эффект появляющегося блока
blendTrans(Duration=n) - эффект плавного исчезновения
revealTrans(Duration=n,Transition=0) - эффект свертки в квадрат
revealTrans(Duration=n,Transition=1) - эффект развертки из квадрата
revealTrans(Duration=n,Transition=2) - эффект свертки в круг
revealTrans(Duration=n,Transition=3) - эффект развертки из круга
27. Особенности восприятия цвета человеком. Понятие цветовой модели. Модели rgb и cmyk. Цветовой куб модели rgb.
Так, лабораторные опыты, проводившиеся еще в 1907 году, показали, что люди сходятся во мнении относительно условного веса цветов. Красный был признан самым тяжелым, за ним шли равные по весу оранжевый, синий и зеленый, затем — желтый и последним — белый. Пары цветных пятен одинаковой формы казались неустойчивыми, если сверху располагался «тяжелейший» цвет. Однако это зрительное впечатление не настолько сильное, чтобы повлиять на представление человека о весе различных цветных предметов, которые он берет в руки.
Цвет изменяет наше представление о действительных размерах предметов, причем цвета, которые кажутся тяжелыми, уменьшают эти размеры. Из равновеликих квадратов самым маленьким кажется красный, синий — побольше, белый — самым большим.
Цветовая модель — термин, обозначающий абстрактную модель описания представления цветов в виде кортежей чисел, обычно из трёх или четырёх значений, называемых цветовыми компонентами или цветовыми координатами. Вместе с методом интерпретации этих данных (например, определение условий воспроизведения и/или просмотра — то есть задание способа реализации), множество цветов цветовой модели определяет цветовое пространство.
Модель
RGB
(Red Green Blue ) описывает излучаемые цвета
и образована на трех базовых цветах:
красном (red), зеленом (green) и синем (blue).
Обычно ее называют моделью аддитивных
основных цветов.
Все цвета образуются смешиванием этих
трех основных в разных пропорциях (т.
е. с разными яркостями). При смешении
двух лучей основных цветов, результирующий
цвет будет светлее составляющих. Модель
является аппаратно-зависимой, так как
значения базовых цветов (а также точка
белого) определяются качеством
примененного в вашем мониторе люминофора.
В результате на разных мониторах одно
и то же изображение выглядит неодинаково.
Модель CMY
(Cyan Magenta Yellow). В этой модели основные
цвета образуются путем вычитания из
белого цветов основных аддитивных
цветов модели RGB.
Рис. Получение
модели CMY из RGB
Цветовые координаты: красный, зеленый и синий иногда называют первичными или аддитивными цветами. Цвета голубой, пурпурный, желтый, которые получаются в результате попарного смешения первичных цветов, называются вторичными. Поскольку сложение – это основная операция синтеза цветов, то модель RGB иногда называют аддитивной (от латинского additivus, что значит прибавляемый). Принцип сложения цветов часто изображается в виде плоской круговой диаграммы (см. рис. 2.5), которая хотя и не дает новой информации о модели, по сравнению с пространственным изображением, но проще воспринимается и легче запоминается.