- •Міністерство освіти і науки україни
- •Програмування для internet Посібник до виконання лабораторних робіт
- •Документы html5
- •Структура тела документа
- •Макет страницы
- •Строение тела документа
- •Отображение документа в окне браузера
- •Стили css
- •Стили и стуктура
- •Блочные элементы
- •Основы применения стилей
- •Строчные стили
- •Встроенные стили
- •Внешние файлы
- •Ссылка по любому атрибуту
- •Определение ссылок по псевдоклассам
- •Новые селекторы
- •Контрольные вопросы и задания:
- •Лабораторная работа №3 Традиционная блочная модель
- •Задание: Применить к шаблону документа, созданного в лабораторной работе №1, традиционную блочную модель. Краткие теоретические сведения
- •Универсальный селектор *
- •Новая иерархия заголовков
- •Объявление новых элементов html5
- •Выравнивание тела документа по центру
- •Создание главного блока
- •Заголовок
- •Навигационная полоса
- •Раздел и боковая врезка
- •Нижний колонтитул
- •Принцип работы гибкой блочной модели
- •Свойство display
- •Свойство box-orient
- •Свойство box-direction
- •Свойство box-ordinal-group
- •Сойство box-pack
- •Свойство box-flex
- •Свойство box-align
- •Гибкая блочная модель
- •Свойства css3
- •Свойство border-radius
- •Свойство box-shadow
- •Свойство text-shadow
- •Свойство @font-face
- •Линейный градиент
- •Радиальный градиент
- •Свойство outline
- •Свойство border-image
- •Свойства transform и transition
- •Функция transform: rotate
- •Функция transform: skew
- •Функция transform: translate
- •Одновременное использование всех видов трансформации
- •Динамические трансформации
- •Переходы
- •Лабораторная работа №6
- •Внедрение JavaScript
- •Обработчики событий
- •Воспроизведение видеои аудио с помощью html5
- •Программирование видеопроигрывателя
- •Свойства
- •Выполнение кода
- •Воспроизведение аудио с помощью html5
- •Программирование видеопроигрывателя
- •Контрольные вопросы и задания:
- •Лабораторная работа №8 Новые элементы, типы ввода и атрибуты, расширяющие функциональность форм
- •Задание: использовать новые возможности для создания форм, появившиеся в спецификации html5 и добавить их в разрабатываемый веб-сайт. Краткие теоретические сведения:
- •Атрибут multiple
- •Атрибут autofocus
- •Атрибут pattern
- •Атрибут form
- •Новые элементы форм
- •Контрольные вопросы и задания:
- •Лабораторная работа №9 Установка Apache и php. Конфигурационные файлы
- •Краткие теоретические сведения:
- •Доступ к содержимому массива
- •Использование циклов для доступа к массиву
- •Массивы с различными индексами
- •Операции для работы с массивами
- •Загрузка массивов из файлов
- •Швець н.В. Програмування для internet Посібник до виконання лабораторних робіт
- •65039, Одеса, вул. Канатна, 112
Контрольные вопросы и задания:
1. Какие новые возможности для работы с формами предоставляет спецификация HTML5?
2. Поясните назначение атрибутов формы autocomplete, novalidate, formnovalidate.
3. Каково назначение новых типов элемента <input>: email, search, url, tel, number, range, date, week, month, time, datetime, datetime-local, color.
4. Опишите назначение атрибутов: placeholder, required, multiple, autofocus, pattern и form.
5. Как влияют на функциональность форм новые элементы: datalist, progress, meter, output?
Лабораторная работа №9 Установка Apache и php. Конфигурационные файлы
Цель работы:
Задание:
Краткие теоретические сведения:
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Information about Web-server, Operating System and PHP</title>
</head>
<body>
<?php
echo "Переменные, формируемые сервером Apache: "."<br>";
echo "<b>\$REMOTE_ADDR - IP-адрес клиента: </b>".$_SERVER["REMOTE_ADDR"]."<br>";
echo "<b>\$PATH_TRANSLATED - Полный путь к сценарию: </b>".$_SERVER["PATH_TRANSLATED"]."<br>";
echo "<b>\$SERVER_NAME - Доменное имя сервера: </b>".$_SERVER["SERVER_NAME"]."<br>";
echo "<b>\$SCRIPT_NAME - HTTP-путь к сценарию: </b>".$_SERVER["SCRIPT_NAME"]."<br>";
echo "<b>\$SCRIPT_FILENAME - физический путь к сценарию: </b>".$_SERVER["SCRIPT_FILENAME"]."<br>";
echo "<b>\$DOCUMENT_ROOT - физический путь к корневому www-каталогу сервера: </b>".$_SERVER["DOCUMENT_ROOT"]."<br>";
echo "<b>\$HTTP_USER_AGENT - браузер и платформа пользователя: </b>".$_SERVER["HTTP_USER_AGENT"]."<br>";
echo "<b>\$OS - операционная система сервера: </b>".$_SERVER["OS"]."<br><br>";
echo "<b>Переменные PHP: </b>"."<br>";
echo "<b>\$PHP_SELF - Содержит имя текущей страницы: </b>".$_SERVER["PHP_SELF"]."<br><br>";
echo "<b>Стандартные константы PHP: </b>"."<br>";
echo "<b>__FILE__ - имя программы, выполняющейся в данный момент: </b>".__FILE__."<br>";
echo "<b>__LINE__ - номер строки, которую выполняет интерпретатор в данный момент: </b>".__LINE__."<br>";
echo "<b>PHP_VERSION - версия PHP: </b>".PHP_VERSION."<br>";
echo "<b>PHP_OS - имя и версия операционной системы, под управлением которой запущен PHP: </b>".PHP_OS."<br>";
?>
Лабораторная работа №10
Доступ к переменным формы
Цель работы: изучение возможностей, предоставляемых спецификацией HTML5, для создания форм.
Задание:
Краткие теоретические сведения:
Лабораторная работа №11
Операции и операторы языка PHP
Цель работы: изучение операций и операторов языка сценариев PHP.
Задание: Разработать приложение вида:
Лабораторная работа №12
Работа с функциями
Цель работы:
Задание:
Краткие теоретические сведения:
Лабораторная работа №12
Работа с файлами данных
Цель работы:
Задание:
Краткие теоретические сведения:
Лабораторная работа №13
Использование массивов
Цель работы: изучить особенности использования массивов в сценариях PHP
Задание: Выполнить считывание данных из файла в массив и представить данные в виде таблицы.
Краткие теоретические сведения:
Массив (array) представляет собой переменную, в которой хранится набор, или последовательность значений. Каждый элемент массива может содержать только одно значение, причем таким значением может быть текст, число или другой массив. Массив, который содержит другие массивы, называется многомерным.
PHP поддерживает как численно-индексированные, так и массивы с описательными индексами (иногда называемые ассоциативными). По умолчанию в PHP индексы начинаются с нуля, хотя это можно изменить. Массивы с описательными индексами предоставляют более эффективный механизм, нежели с числовыми индексами. Вместо числового индекса с каждым элементом такого массива может быть связано слово или другая содержательная информация.
Список товаров,оставляемых компанией «Автозапчасти» из предыдущей лабораторной работы, можно представить массивом. Это можно сделать так:
$products=array(‘Покрышки’, ‘Масло’, ‘свечи зажигания’);
Массив можно создать и без использования конструкции array():
$products[0]=’Покрышки’;
$products[1]=’Масло’;
$products[2]=’свечи зажигания’;
Здесь, подобно echo, array()является языковой конструкцией, а не функцией.
Следующая строка кода создает массив $numbers, полученный автоматически с помощью функции range(). Элементы массива будут представлять собой числа от 0 до 10.
$numbers=range(0,10);
Функцию range() можно применять и для символов:
$letters=range(‘a’,’z’);
Если информация хранится в дисковом файле, содержимое массива можно загрузить непосредственно из этого файла (см. далее). Можно использовать различные функции для извлечения части массива или для изменения порядка следования его элементов.
