- •1.Лабораторная работа №1. Создание простых web-страниц с фреймовой структурой
- •1.1.Введение
- •1.2.Структура html-документа
- •1.3.Фреймы
- •1.4.Ссылки
- •1.5.Текст
- •1.5.1.Текстовые блоки
- •1.5.2.Форматирование текста
- •1.5.3.Списки
- •1.5.4.Таблицы
- •1.6.Изображения
- •1.7.Задание на лабораторную работу
- •1.8.Варианты заданий
- •1.9.Справочники и руководства
- •2.Лабораторная работа №2. Использование каскадных таблиц стилей css
- •2.1.Назначение css
- •2.2. Включение css в документ html
- •2.2.1.Внешние стили (external style sheets)
- •2.2.2.Таблицы стилей документа (document style sheets)
- •2.2.3.Стили, встроенные в элемент (inline styles)
- •2.3.Синтаксис css
- •2.3.1.Виды селекторов html селекторы
- •Селекторы класса
- •Id селекторы (идентификаторы)
- •2.3.2.Селекторы, зависящие от контекста Селекторы потомков
- •Селекторы детей
- •3.1.2.Элемент textarea
- •3.1.3.Элемент input
- •3.1.4.Элемент select .. Option
- •3.2.Пример реализации формы
- •3.3.Обработка данных форм на JavaScript
- •3.4.Лабораторное задание
- •3.5.Справочники и руководства
- •4.Лабораторная работа №4. Java Script. Работа с html-страницей при помощи объектной модели документа dom
- •4.1.Введение
- •4.2.Структура программы JavaScript
- •4.2.1.Включение сценария в html-файл
- •4.2.2.Выполнение сценариев и отображение страницы
- •4.2.3.Операторы и комментарии
- •4.3.Dom: работа с html-страницей
- •4.3.1.Глобальная структура объектов браузера
- •4.3.2.Дерево dom-объектов
- •4.3.3.Доступ к элементам dom и навигация
- •4.3.4.Свойства элементов dom
- •4.3.5.Атрибуты элементов dom
- •4.3.6.Добавление и удаление элементов dom
- •4.3.7.Работа с таблицами в dom
- •4.4.Работа со стилями при помощи JavaScript
- •4.4.1.Работа с классом элемента
- •4.4.2.Работа с css-свойствами
- •4.5.Задание на лабораторную работу
- •5.Лабораторная работа 5. Сценарии php. Обработка форм на стороне сервера
- •5.2.Лабораторное задание
5.Лабораторная работа 5. Сценарии php. Обработка форм на стороне сервера
5.1.
<html>
<head>
<script language="JavaScript">
function test(form) {
if (form.A.value == "" || form.B.value == "" || form.C.value == "")
alert("Пожалуйста, введите значения всех коэффициентов!");
else form.submit()
}
</script>
</head>
<body>
Квадратное уравнение:
<form action = "http://ora-srv.stud.surgu.ru/php_form.php" method="get">
<input type="text" name="A"/>X^2+<input type="text" name="B"/>X+<input type="text" name="C"/>
<input type="button" value="Решить" onclick="test(this.form)"/>
<input type="hidden" name="H" value="1">
</form>
<?php
if ($_GET["H"]!='')
{
$D = $_GET["B"]*$_GET["B"]-4*$_GET["A"]*$_GET["C"] ;
$X1 = (-$_GET["B"]+SQRT($D))/(2*$_GET["A"]);
$X2 = (-$_GET["B"]-SQRT($D))/(2*$_GET["A"]);
echo("Дискриминант уравнения:");
echo($D);
echo("<br>Корни уравнения:");
echo("<br>X1: ");echo($X1);
echo("<br>X2: ");echo($X2);
}
?>
</body>
</html>
5.2.Лабораторное задание
Перенести все файлы сайта, созданного в предыдущих работах, на сервер в указанную преподавателем папку. Проверить работу сайта.
Обработку формы, разработанной по заданию в лабораторной работе №3, реализовать на стороне сервера в виде сценария PHP. При этом необходимо выполнить правильности ввода данных на стороне клиента в сценарии JavaScript.