
- •1. Обзор современных web-технологий. Базовые определения и понятия: архитектура клиент-сервер, www(World Wide Web), url (Uniform Resource Locator), http (HyperText Transfer Protocol).
- •2. Организация статических web-страниц. Язык разметки гипертекста html. Использование тегов и их атрибутов. Фреймы и формы.
- •3. Разработка графики с использованием web-палитры в html-документах. Цвета и единицы измерения, применяемые в web-документах. Форматы графических изображений, их особенности.
- •4. Каскадные таблицы стилей css в web-документах. Обзор свойств css. Влияние свойств css на теги, файлы и на сайты. Динамические элементы стилей.
- •5. Наследование стилей в css. Контекстные селекторы и классы. Абсолютные координаты элементов web-страниц.
- •6. Технологии применения языка Javascript для создания web-документов. Примеры сценариев. Создание окон, настройка их параметров, вывод информации в окнах.
- •7. Классы и объекты языка Javascript. Встроеные объекты языка (Date, Array, window, document). Доступ к свойс-т-вам и методам.
- •8. Обработка событий в JavaScript. Программирование операций с мышью, клавиатурой и перемещением курсора.
- •9. Применение языка php для создания web-документов. Преимущества и недостатки языка. Синтаксис и грамматика языка.
- •10. Типы данных языка рнр: null, resource (ресурсы), object. Связь языка с базами данных.
- •Специальный тип: Resource (ресурсы) - это специальная переменная, содержащая ссылку на внешний ресурс. Ресурсы создаются и используются специальными функциями.
- •Тип null (пустой тип). Специальное значение null говорит о том, что эта переменная не имеет значения. Null - это единственно возможное значение типа null (пустой тип).
5. Наследование стилей в css. Контекстные селекторы и классы. Абсолютные координаты элементов web-страниц.
Наследование стилей в CSS
Наследованием называется перенос правил форматирования для элементов, находящихся внутри других. Такие элементы являются дочерними, и они наследуют некоторые стилевые свойства своих родителей, внутри которых располагаются. Наследование позволяет задавать значения некоторых параметров единожды, определяя их для родителей верхнего уровня. Допустим, требуется установить цвет и шрифт для основного текста. Достаточно воспользоваться селектором BODY, добавить желаемые атрибуты для него, и цвет текста внутри абзацев и других текстовых элементов поменяется автоматически
Контекстные селекторы и классы
При создании веб-страницы часто приходится вкладывать одни теги внутрь других. Чтобы стили для этих тегов использовались корректно, помогут селекторы, которые работают только в определенном контексте. Например, задать стиль для тега <B> только когда он располагается внутри контейнера <P>. Таким образом можно одновременно установить стиль для отдельного тега, а также для тега, который находится внутри другого.
Контекстный селектор состоит из простых селекторов разделенных пробелом. Так, для селектора тега синтаксис будет следующий. Тег1 Тег2 { ... }
В этом случае стиль будет применяться к Тегу2 когда он размещается внутри Тега1:
<Тег1><Тег2>...</Тег2></Тег1>
При таком подходе легко управлять стилем одинаковых элементов, вроде изображений и ссылок, оформление которых должно различаться в разных областях веб-страницы.
Классы применяют, когда необходимо определить стиль для индивидуального элемента веб-страницы или задать разные стили для одного тега. При использовании совместно с тегами синтаксис для классов будет следующий.
Тег.Имя класса { свойство1: значение; свойство2: значение; ... }
Внутри стилевой таблицы вначале пишется желаемый тег, а затем, через точку пользовательское имя класса. Чтобы указать в коде HTML, что тег используется с определенным стилем, к тегу добавляется параметр class="Имя класса"
Классы удобно использовать, когда нужно применить стиль к разным тегам веб-страницы: ячейкам таблицы, ссылкам, параграфам и др. Для изменения отдельных слов или даже букв, а также блоков, содержащих в себе разные элементы, употребляются теги <SPAN> и <DIV>.
Абсолютные координаты элементов web-страниц.
Существует четыре вида позиционирования:
static
relative
absolute
fixed
CSS POSITION: ABSOLUTE
Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position родительского элемента. Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента.