- •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: letter-spacing
Свойство LETTER-SCPACING позволяет создавать расстояние между буквами текущего элемента. В качестве значения может принимать числовое значение из доступных единиц измерения.
Значения
Число числовое значение в допустимых единицах измерения
Inherit значение определяется значением родительского элемента
Normal значение определяет нормальное расстояние между буквами
24. Создание слоев при помощи css. Границы, заполнители и рамки. Позиционирование элементов.
Чтобы создать слой, мы должны использовать либо тэг <layer> либо <ilayer>.
Тэг <layer> используется для тех слоев, которые Вы можете точно позиционировать. Если же Вы не указываете положение слоя (с помощью параметров left и top), то по умолчанию он помещается в верхний левый угол окна. Тэг <ilayer> создает слой, положение которого определяется при формировании документа.
Свойства границы задают размеры границы объемлющего прямоугольника. Все они имеют тип <размер-границы>, который определяется следующим образом:
<размер-границы> = <размер> | <процент> | auto
<размер>
Задает фиксированный размер.
<процент>
Вычисляется относительно ширины вмещающего блока, даже для вертикальных границ.
auto
Свойства заполнителя задают размеры заполнителя объемлющего прямоугольника. Все они имеют тип <размер-заполнителя>, который определяется следующим образом:
<размер-заполнителя> = <размер> | <процент>
<размер>
Задает фиксированный размер.
<процент>
Вычисляется относительно ширины вмещающего блока, даже для вертикальных границ.
В отличие от размеров границ, размеры заполнителей не могут быть отрицательными.
Свойства рамки задают размер, цвет и стиль рамки объемлющего прямоугольника. Соответственно их можно разбить на следующие группы:
Размер рамки: border-top-width, border-bottom-width, border-left-width, border-right-width и border-width.
Цвет рамки: border-top-color, border-bottom-color, border-left-color, border-right-color и border-color.
Стиль рамки: border-top-style, border-bottom-style, border-left-style, border-right-style и border-style.
Сокращения: border-top, border-bottom, border-left, border-right и border.
Позиционирование:
Край содержимого или внутренний край
Ограничивает отображаемое содержимое элемента.
Край заполнителя
Ограничивает заполнитель прямоугольника. Если ширина заполнителя равна 0, то край заполнителя совпадает с внутренним краем элемента. Прямоугольник, ограниченный краем заполнителя, иначе называется вмещающим блоком элемента.
Край рамки
Ограничивает рамку прямоугольника. Если ширина рамки равна 0, то край рамки совпадает с краем заполнителя элемента.
Край границы или внешний край
Ограничивает границу прямоугольника. Если ширина границы равна 0, то край границы совпадает с краем рамки элемента.
25. Приемы верстки с помощью тега “div”.
При использовании слоев существенное значение уделяется универсальному тегу <div>, который выполняет множество функций. Фактически это основа, на которую «навешиваются» стили.Совершенно не значит, что применяется только один этот тег, нужно ведь и рисунки вставлять и оформлять текст. Но при верстке с помощью слоев тег <div> является кирпичиком верстки, ее базовым фундаментом.
Благодаря этому тегу HTML-код распадается на ряд четких наглядных блоков, за счет чего верстка слоями называется также блочной версткой. Код при этом получается более компактным, чем при табличной верстке, к тому же поисковые системы его лучше индексируют.
