- •1. Структура html-документа. Теги. Структра html-документа
- •2. Позиционирование. Фон. Рамки и отступы. Психология дизайна. Позиционирование
- •Отступы (padding)
- •Цвет и фон
- •3. Работа с текстом. Определение стилей.
- •4. Дополнительные возможности html.
- •5. Графические элементы. Фильтры изображений.
- •Фильтры, применяемые к изображению
- •6. Размещение сценариев JavaScript.
- •7. Переменные. Операторы. Встроенные функции.
- •8. Встроенные объекты JavaScript.
- •9. Объекты браузера и документа.
- •10. Свойства формы, как объекта , доступного сценарию JavaScript.
- •11. Кнопки. Флажки. Переключатели. Списки. Текстовая область.
- •12. Каскадные таблицы стилей (css). Виды стилей.
- •13.Общие правила построения php-программ
- •14. Типы данных. Выражения. Функции
- •15. Константы. Переменные. Операторы
- •16. Управляющие структуры.
Фильтры, применяемые к изображению
Фильтр Alpha. (Осветляет изображение.)
STYLE="filter:Alpha(Opacity='Opacity', FinishOpacity='Finishopacity', Style='Style', StartX='X', StartY='Y', FinishX='X', FinishY='Y')"
Opacity - степень осветления (0-100. 0 светло, 100 темно).
FinishOpacity - конечная степень осветления (0-100. 0 светло, 100 темно).
Style - метод осветвления (число: 0(без осветвления), 1(линия) 2(круг) 3(прямоугольник)
StartX, StartY, FinishX, FinishY - координаты осветвляемой области
Фильтр Blur. (Размывает изображение в определенную сторону)
STYLE="filter:Blur(Add='Add', Direction='Direction', Strength='Strength')"
Add - умеренное или сильное размытие (соответственно 1 или 0)
Direction - в какую сторону произойдет размытие (oт 0 до 315)
Strength - смещение размытия
Фильтр Invert. (Инверсия изображения)
STYLE="filter:Invert"
Фильтр Gray. (Делает изображение черно-белым)
STYLE="filter:Gray"
Фильтр Chroma. (Определенный цвет делается прозрачным.)
STYLE="filter:Chroma(Color='Color')"
Color - цвет выделения в шестнадцатиричном виде (напр. #000000) или название цвета на английском, например, Black, Red, Blue, Green.
Фильтр Xray. (Негативное изображение)
Синтаксис: STYLE="filter:Xray"
Фильтр RevealTrans. (Появление изображения.)
STYLE="filter:revealTrans(Duration='Duration', Transition='Transition')"
Duration - время, за которое появится изображение (в секундах)
Transition - эффект (совершенно разные эффекты от 0 до 23). Значение 23 меняет эффект появления изображения после каждой перезагрузки страницы.
6. Размещение сценариев JavaScript.
Сценарии могут размещаться в четырех различных частях документа HTML:
В теле документа между тегами <body> и </body>. В этом случае результат сценария отображается на web-странице при её загрузке в броузере.
В заголовке страницы между тегами <head> и </head>. Сценарий, размещенный в заголовке, не выполняется сразу же при загрузке, а используется другими сценариями.
В теге HTML. Такая конструкция называется обработчиком событий и позволяет выполнять сценарий вместе с дескриптором.
В отдельном файле. JavaScript позволяет создавать собственные файлы с расширением .js, содержащие готовые сценарии. Внешний файл со сценарием JavaScript к html документу можно присоединить следующим образом:
<script type="text/javascript" src="scrpt.js"></script>
где scrpt.js – имя файла со сценарием, данная конструкция должна находиться внутри дескрипторов <head> и </head>.
Сценарий JavaScript обозначается парой дескрипторов <script> и </script> с указанием типа «text/javascript»:
<script type="text/javascript">
</script>
Скрытие сценариев от старых броузеров
Старые броузеры не выполняют сценарии JavaScript и не понимают дескриптор <script> и в большинстве случаев программный код просто отображается на странице. Чтобы избежать подобного поведения броузера, используются дескрипторы комментариев. Они дают указание старым броузерам игнорировать программу сценария. Новые броузеры достаточно «умны», чтобы понять, что программа сценария, определенная как комментарий, на самом деле должна выполняться:
<script type="text/javascript">
<!--
document.write("Ваш броузер поддерживает JavaScript");
// -->
</script>
Этот сценарий включает открывающий и закрывающий дескрипторы комментариев HTML. Оператор // последний в комментарии. Он защищает комментарий HTML от определения его как ошибки в коде JavaScript.