- •Структура и принципы построения сети Интернет. Адресация в Интернет.
- •Понятие сетевого протокола. Основные Интернет-протоколы: 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-запросах.
Виды html-верстки и их особенности. Типовые макеты верстки.
Классификация сценариев: на стороне клиента и на стороне сервера. Особенности обработки сценариев, разработанных с использованием языков программирования на стороне клиента и на стороне сервера. Механизм обработки событий в Web-документе (приведите пример обработки события, используя JavaScript).
Можно выделить две группы сценариев: клиентские и сер-
верные.
Клиентские сценарии выполняются на компьютере-клиенте.
Многие браузеры (IE, Opera и т. д.) используют встроенный ин-
терпретатор для выполнения клиентских сценариев.
В рамках курса «Интернет-программирование» будет рас-
сматриваться язык программирования на стороне клиента
JavaScript.
Механизм DHTML связан с обработкой событий. Сущест-
вуют следующие категории событий:
- стандартные события (могут быть связаны с любым эле-
ментом HTML);
- события для элементов, получающих фокус ввода;
- события, специфические для отдельных элементов.
Стандартные события приведены в табл. 10.1.
Т а б л и ц а 10.1
Событие Действие
onclick Щелчок левой кнопкой мыши по области элемента
ondblcliсk Двойной щелчок левой кнопкой мыши по области элемента
onmousedown Левая кнопка мыши нажата, когда указатель находится в
области элемента
onmousemove Указатель мыши перемещается по области элемента
onmouseup Левая кнопка мыши отпущена, когда указатель находит-
ся в области элемента
onmouseover Указатель мыши входит в пределы области элемента
onmouseout Указатель мыши выходит за пределы элемента
onkeydown Нажата и удерживается клавиша на клавиатуре
onkeypress Нажата и отпущена клавиша на клавиатуре
onkeyup Отпущена клавиша на клавиатуре
onscroll Элемент прокручивается
События для элементов, получающих фокус ввода, приведе-
ны в табл. 10.2:
Т а б л и ц а 10.2
Событие Действие
onenter Произошел переход к элементу
onfocus Устанавливается фокус ввода для элемента
onexit Произошел выход из области элемента
onblur Снимается фокус с элемента
51
События, используемые для отдельных элементов, приведе-
ны в табл. 10.3.
Т а б л и ц а 10.3
Событие Действие
onabort Пользователь прерывает прием изображения
onchange объект изменяется при вводе данных пользователем (для
элементов формы <INPUT type=file| text| password| radio|
checkbox>, <SELECT>, <TEXTAREA>)
onload Элемент (<BODY> или <IMG>) полностью загружен
onreset Нажата кнопка Reset, т. е. пользователь очистил форму
onselect Отпущена кнопка мыши при выделении текста пользователем
onsubmit Нажата кнопка Submit, т. е. форма отправлена на обработку
onunload Документ начал выгружаться
Для того чтобы связать объект с обработчиком события,
нужно в теге, определяющем данный объект, указать атрибут,
соответствующий событию, и в качестве значения записать про-
граммный код (например, на JavaScript) или имя функции.
Например:
<input type=button value="Сlick here"
onClick="window.alert('Hello')">
При нажатии на кнопку будет появляться окно
сообщения с текстом Hello (рис. 10.1).
Рис. 10.1. Окно сообщения
Используя DHTML, можно изменять оформление элемента
при возникновении определенных событий.
Например:
<H1 onmouseover="this.style.color='red'">
Эта строка покраснеет</H1>
Ключевое слово this указывает на то, что изменяется стиль
элемента, в теге которого определен обработчик события, в дан-
ном случае элемент H1.__
Если обработка события предполагает изменение ряда
свойств элемента, можно определить два различных класса и
применять их при возникновении событий:
<HTML>
<HEAD> </HEAD>
<STYLE>
.red{color:red;font-style:italic}
.green{color:green;font-weight:bold}
</STYLE>
<BODY>
<P onMouseOver="this.className='green'"
onMouseOut="this.className='red'">
Этот текст будет изменяться при наведении ука-
зателя мыши</P>
</BODY>
</HTML>
При наведении указателя мыши будет применяться класс
green, при выходе указателя за пределы элемента – класс red.
Сценарии (скрипты) JavaScript размещаются непосредствен-
но в коде HTML-страницы.
Включение кода JavaScript в состав HTML-документа может
осуществляться при помощи тега <SCRIPT>. Рассмотрим на примере варианты использования данного тега. Создадим
HTML-документ pr11_1.html:
<HTML>
<HEAD><TITLE>Использование JavaScript</TITLE></HEAD>
<BODY>
<P>Обычный текст HTML-документа</P>
<SCRIPT language="JavaScript">
document.write("<b>Текст, созданный сценарием");
document.write("JavaScript</b>");
</SCRIPT>
</body>
</html>
Полученный HTML-документ представлен на рис. 11.1.
Рис.11.1. Документ pr11_1.html в Internet Explorer
Атрибут language в данном случае можно не указывать, он
по умолчанию принимает значение JavaScript.
Код JavaScript также можно разместить в отдельном файле
с расширением .js и подключить его к основному HTML-до-
кументу. Для этого в теге <SCRIPT> указывается атрибут src
со значением, соответствующим адресу файла со сценарием
JavaScript.
Например:
<SCRIPT SRC="Text.js"> </SCRIPT>
П р и м е ч а н и е. В JavaScript учитывается регистр букв, т. е.
document.write(“Hello”) Document.Write(“Hello”). Во втором слу-
чае будет выдана ошибка.