- •Структура и принципы построения сети Интернет. Адресация в Интернет.
- •Понятие сетевого протокола. Основные Интернет-протоколы: tcp/ip, smtp, ftp, http, wap.
- •Протокол http: назначение и особенности. Схема «запрос-ответ» http. Структура http-запроса и http-ответа
- •Методы передачи данных get и post.
- •Рассмотрим небольшую форму, передающую имя пользователя:
- •Формирование ответа сервером
- •Html: назначение, синтаксис определения тегов, структура простейшего html-документа. Понятие xhtml и его особенности.
- •Базовые теги html: форматирование документа, создание ссылок, списков, таблиц, вставка изображений. Понятие слоя (блока). Основные свойства блоков и особенности их определения.
- •Назначение форм на html-странице. Основные теги создания форм и их атрибуты.
- •Понятие css. Способы включения стилей в html-документ. Понятие классов и псевдоклассов в css (привести примеры). Правила каскадирования (приоритета стилей).
- •Виды html-верстки и их особенности. Типовые макеты верстки.
- •JavaScript: назначение, cпособы включения кода JavaScript в состав html-документа, типизация данных, правила объявления локальных и глобальных переменных, объявление и использование функций.
- •Понятие dom (Document Object Model). Способы доступа к элементам html-документа с использованием JavaScript.
- •Функции организации временной задержки в JavaScript.Создание эффектов анимации с использованием JavaScript (привести пример).
- •Библиотека jQuery: назначение, подключение к html-странице, синтаксис команд jQuery, виды селекторов, обработка событий с использованием jQuery.
- •Php: назначение, особенности обработки php-скриптов. Включение кода php в состав Web-страницы. Получение данных формы php-сценарием (привести пример).
- •Php: типизация данных, объявление переменных и констант, определение функций, классификация переменных по области видимости.
- •If (условие) {
- •Виды массивов, поддерживаемых php. Инициализация массивов. Работа с датой и временем в php.
- •Include "путь/имя_файла";
- •Is_file(файл)
- •Is_writeable (файл)
- •Ifwrite(файловый манипулятор, переменная [,длина])
- •Is_readable (файл)
- •Для выполнения всех функций чтения из файла файловый манипулятор должен ссылаться на открытый файл, доступный для чтения. Положение указателя текущей позиции
- •Понятие сессии в php. Понятие идентификатора сессии и способы его передачи.
- •Использование баз данных MySql в Web-приложениях: создание базы данных, общая последовательность действий при работе с сервером MySql, основные функции php для работы с базой данных.
- •Xml: назначение, особенности синтаксиса, структура xml-документа.
- •Dtd: назначение, конструкции для определения элементов и их атрибутов.
- •Dtd: подключение dtd-определения к xml-документу, особенности определения типа элементов и атрибутов xml-документа.
- •Xsd: назначение, отличия от dtd, понятие пространства имен, использование целевого и исходного пространств имен.
- •Xsd: особенности определения элементов и их атрибутов, объявление простых и комплексных типов, подключение схемы xsd к xml-документу.
- •Xsl: назначение, структура xsl-документа, подключение к xml-документу.
- •Основные дескрипторы xsl: выборка данных xml-документа, фильтрация и сортировка данных. Особенности адресации к xml-данным.
- •Технология Ajax: назначение, сущность, этапы выполнения Ajax-запроса.
- •Технология Ajax: назначение объекта xmlHttpRequest, создание его экземпляра, отправка запроса на сервер и принятие ответа сервера.
- •Технология Ajax: разновидности запросов на сервер по типу запрашиваемых файлов и методу передачи данных, кэширование результата при get-запросах.
Понятие css. Способы включения стилей в html-документ. Понятие классов и псевдоклассов в css (привести примеры). Правила каскадирования (приоритета стилей).
CSS (каскадные таблицы стилей) управляют внешним ви-
дом документа. Использование CSS позволяет отделить содер-
жание документа от его оформления, т. е. сначала определяется,
как будет выглядеть тот или иной элемент документа (например,
заголовок, абзац и т. д.), а затем вводится его содержимое.
Существуют четыре способа применения таблиц стилей к
документу:
1) связывание;
2) встраивание;
3) оперативное определение;
4) импорт.
Связывание – это установка связи HTML-документа с таб-
лицей стилей, хранящейся в отдельном файле с расширением
css. Для связывания используется тег <LINK>.
Например:
<LINK REL=STYLESHEET
HREF="http://www.myserver.com/mysheet.css"
TYPE="text/css">
Таблицу стилей можно определять не только в отдельном
файле, но и в документе, в котором она будет применяться.
Включение таблицы стилей в документ называется встраивани-
ем (используется тег-контейнер <STYLE>). Описание стилей
размещается между тегами <HTML> и <BODY>.
Оперативное определение стиля используется, если нужно
определить свойства для конкретного фрагмента HTML-доку-
мента, отличные от установленных по умолчанию для всего до-
кумента. Новые свойства указываются в атрибуте STYLE тега,
для которого определяются параметры оформления.
Например:
<Н1 STYLE="color: blue">
Для импорта таблиц стилей в HTML-файл используется
ключевое слово @import. В данном случае импортируется толь-
ко содержимое текстового файла, поэтому для того чтобы этот
текст интерпретировался как таблицы стилей, @import нужно
поместить в контейнер <STYLE>.
Например:
<STYLE TYPE="text/css">
@import url(http://www.myserver.com/style.сss);
</STYLE>
Каждое определение стилей называется правилом (rule) [2].
Формат правила CSS следующий:
селектор{свойство1:значение1; свойство2: значение2;…}
Например:
Н1 {color:blue}
В документе, для которого определено данное правило, все
заголовки H1 будут выделяться синим цветом.
Если заменить это правило на: H1,H2,H3 {color:blue},
синим цветом будут выделяться заголовки первого, второго и
третьего уровней.
Класс определяет разновидность стиля, к которому можно
обращаться в определенном теге, используя атрибут CLASS.
Например, можно определить три разновидности стиля Н1 и
затем использовать каждый из них в соответствующем контексте:
H1.blue {color: blue}
H1.red {color: red}
H1.black {color: black}
При добавлении тега <Н1> в HTML-документ необходимо
определить атрибут CLASS, чтобы указать, какой именно стиль
будет использоваться:
<H1 CLASS=red>Kpacный заголовок</Н1> [2]
Можно создавать класс, не связанный с определенным тегом.
Haпpимep, если зaдaть cтилeвoe пpaвилo cлeдующим oбpaзoм:
.bold_and_italic{font-style:italic;font-weight:bold}
и пpиcвoить атрибуту CLASS нeкoтopoгo тeгa значение bold_and_italic,
coдepжимoe данного тeгa будет oтoбpaжaться жиpным шрифтом с
курсивным начертанием [7].
Использование псевдоклассов позволяет указать внешний
вид HTML-элемента в определенный момент времени. Син-
таксис псевдокласса следующий:
47
Селектор:псевдокласс {свойство: значение}
В CSS определены псевдоклассы для гиперссылок.
Например:
/*непосещенная гиперссылка*/
A:link {color: blue}
/*активная гиперссылка*/
A:active {color: red}
/*посещенная гиперссылка*/
A:visited {color: yellow}
/*свойства гиперссылки при наведении курсора*/
A:hover {color:green}
Таким образом, непосещенная гиперссылка будет выделена си-
ним цветом, активная – красным, посещенная – желтым, а при наве-
дении курсора мыши цвет ссылки будет изменяться на зеленый [2].
Основные свойства CSS приведены в приложении А.
Пример использования CSS в документе Style.html приведен
ниже, результат – на рис. 9.1.
<HTML>
<HEAD>
<TITLE> CSS </TITLE>
<STYLE type="text/css">
H2{color:white; background-color:#0099FF}
H3{color:white; background-color: #cc0000}
</STYLE>
</HEAD>
<BODY>
<H2>Заголовок побольше на синем фоне</H2>
<H3>Заголовок поменьше на красном фоне</H3>
<P STYLE="font-style:italic;
text-transform:uppercase; color:#cc0000">
Курсив красного цвета, все буквы заглавные</P>
<P STYLE="font-weight:bold;
text-transform:lowercase; color:#0099ff">
Жирный шрифт синего цвета, все буквы строчные</P>
<P align="center STYLE="border-width:medium;
border-color:#0099ff; border-style:solid;
color:#cc0000">
Текст в рамке</P>
</BODY>
</HTML>
Динамический HTML (DHTML) представляет собой комби-
нацию языка гипертекстовой разметки HTML, стилей и сценари-
ев, используемую для динамического изменения содержания и
оформления HTML-страницы, создания интерактивных доку-
ментов, взаимодействующих с пользователем [2].