
- •Web – программирование
- •Глава 2. Проектирование и разработка сайтов……………………………45
- •Глава 3. Информационноый обмен в Веб…………………………………..85
- •Глава 4. Язык JavaScript…………………………………………………..….176
- •Глава 5. Язык серверных скриптов php……………………………………270
- •Глава 6. Лабораторные работы…………………………………………...…358
- •Введениев Интернет Коротко об истории Интернет
- •Как работает Интернет?
- •Система адресации в Интернет
- •Способы подключения к сети Интернет
- •Сервисы Интернет
- •Электронная почта
- •Передача файлов по ftp
- •Всемирная паутина www
- •Коротко о компьютерных сетях, входящих в Интернет
- •Локальные сети
- •Распределенная сеть (wan) и глобальные сети
- •Сеть vpn
- •Компьютерные игры
- •Задания по теме “Введение в Интернет”
- •Глава 1. Протоколы Интернет Адресация в компьютерных сетях
- •Ip адрес в компьютерных сетях Ethernet и Интернет
- •Понятие и краткое описание протоколов
- •Соотношение между tcp/ip и osi/iso
- •Межсетевой протокол ip
- •Транспортный протокол tcp
- •Флаги (управляющие биты) Это поле содержит 6 битовых флагов:
- •Протокол дэйтаграмм udp
- •Ip-маршрутизация
- •Протоколы arp и rarp
- •Протоколы сетевого уровня
- •Протоколы электронной почты
- •Протокол smtp
- •Протокол pop3
- •Протокол imap4
- •Спецификация mime
- •Проблемы с кодировкой
- •Протокол ftp
- •Http – Протокол передачи гипертекстов
- •Транзакции http
- •Клиентские методы http
- •Что возвращается обратно: коды ответа сервера
- •Заголовки http
- •Развитие прикладных протоколов
- •Безопасность в сети
- •Протокол ssl
- •Анонимный обмен ключами
- •Обмен ключами при использовании rsa и аутентификация
- •Протокол записи (Record Layer)
- •Как работает ssl
- •Шифрование данных
- •Хэширование
- •Установление подлинности участников
- •Предупреждения системы безопасности web-браузера.
- •Реализация ssl
- •Задания по теме «Протоколы Интернет»
- •Глава 2. Проектирование и разработка сайтов
- •Виды сайтов
- •Этапы проектирования и разработки сайта
- •Модели проектирования
- •Спиральная модель
- •Microsoft Solutions Framework (msf)
- •Управление проектами
- •Веб – дизайн и разработка сайтов
- •Логическое проектирование дизайна сайта
- •Главная страница сайта
- •Внутренние страницы сайта
- •Краткий обзор основных технологий разработки Веб приложений
- •Язык разметки гипертекста html
- •Язык xml
- •Правильно построенные и действительные документы xml
- •Синтаксис xml
- •Объявление xml
- •Корневой элемент
- •Комментарий
- •Спецсимволы
- •Сильные и слабые стороны
- •Отображение xml во Всемирной паутине
- •Применение стилей css.
- •Применение xsl.
- •Словари xml
- •Как выглядит xml-документ?
- •Правила создания xml- документа
- •Конструкции языка
- •Элементы данных
- •Комментарии
- •Атрибуты
- •Cпециальные символы.
- •Директивы анализатора.
- •Adobe Flash и Adobe Flex
- •Вставка флэш в страницу
- •Язык ActionScript
- •Видео-аудио проигрыватели
- •Язык программирования клиентских скриптов JavaScript
- •Технология «клиент-сервер» cgi
- •Программирование для серверов
- •Язык программирования Perl
- •Язык Java на клиентской и серверной странице
- •Сжатие изображений с помощью фракталов
- •Глава 3. Информационноый обмен в Веб
- •Язык разметки гипертекста html
- •©2012 Romanchik Valery
- •Формы html
- •Новые элементы html5
- •Email Inputs
- •Placeholders
- •Вопросы и задания
- •Задания для выполнения
- •Каскадные таблицы стилей css
- •Свойство шрифтов font позволяет задать одну или несколько характеристик шрифта: font-family| font-style | font-variant | font-weight| font-size
- •Заголовок1 Заголовок2 Заголовок3
- •Свойства текста.
- •Цвет и фон.
- •Некоторые подсказки по синтаксису css:
- •1. Свойства шрифтов.
- •2. Свойства текста.
- •3. Свойства цвета и фона.
- •4. Свойства рамки.
- •5. Свойства списков.
- •6. Свойства изображений.
- •Форматирование блока
- •Форматирование псевдоклассов и псевдоэлементов
- •Единицы измерения в css
- •Новое в css3
- •Валидация css
- •Глава 4. ЯзыкJavaScript Введение
- •Включение скриптов JavaScript в html-код
- •Создание простых сценариев
- •Комментарии. Скрытие сценариев от браузеров
- •Отладка скриптов. Ввод и вывод данных
- •Описание языка Типы данных
- •Преобразование типа
- •Специальные числа
- •Булев тип
- •Переменные типа Undefined и Null
- •Массивы
- •Операторы и выражения
- •Оператор with
- •Оператор switch
- •Метод eval()
- •Функции
- •Передача параметров по значению и по ссылке
- •Глобальные и локальные переменные
- •Модель событий
- •Ключевое слово this
- •Перехват события.
- •Исключения: throw/catch/finally
- •Объектная модель
- •Пользовательские объекты
- •Прототипы
- •Хеш-таблицы в JavaScript
- •Встроенные объекты String, Array, Date, Math Объект String
- •Объект Array
- •Объект Number (Число)
- •Объект Date (Дата)
- •Методы объекта Date
- •Объект Function (Функция)
- •Свойства:
- •Методы :
- •Шаблоны и регулярные выражения.
- •Объекты браузера
- •Объект window
- •Методы объекта window
- •Свойства окна, передаваемые методу open
- •Свойства и методы объекта navigator
- •Свойства объекта screen
- •Свойства и методы объекта history
- •Свойства и методы объекта document
- •Коллекции и подчиненные объекты объекта document Обращение к элементам страницы
- •Свойства и методы объекта location
- •Свойства и методы объекта style
- •Объект layer
- •Свойства объекта layer
- •Методы объекта layer
- •Document Object Model (dom)
- •Навигация по дереву документа
- •Создание новых узлов
- •Добавление узлов в документ
- •Копирование: метод cloneNode()
- •Удаление и замена узлов в документе
- •Использование каскадных таблиц стилей в dom
- •Свойство элемента innerHtml и outerHtml
- •Работа с атрибутами элементов
- •Метод removeAttribute()
- •JavaScript и ajax
- •Модель ajax:
- •Запрос к серверу. Класс xmlHttpRequest
- •Методы класса xmlHttpRequest
- •Свойства класса xmlHttpRequest
- •Создание экземпляра объекта xmlHttpRequest
- •Использование dom
- •Информируйте пользователя
- •Если скрипты отключены
- •Объект FormData
- •Cookies
- •Работа с cookie
- •Синтаксис http заголовка для поля Cookie
- •Дополнительные сведения
- •Способы задания значений cookie
- •Примеры на JavaScript
- •Тестовые вопросы по языку JavaScript
- •Упражнения и задачи поJavaScript
- •Глава 5. Язык серверных скриптов php
- •Возможности php.
- •Инструменты для разработки
- •Как phPработает
- •Типы данных
- •Массивы и инициализация массивов
- •Операции и выражения
- •Операции сравнения
- •Логические операции
- •Строковые операции
- •Операторы управления
- •Функции
- •Рекурсивные функции
- •Аргументы функции
- •Область действия и время жизни переменных
- •Изменяемые (динамические) переменные
- •Внешние библиотечные функции
- •Функции для работы с массивами
- •Функции для работы со строками. Базовые строковые функции
- •Функции для работы с отдельными символами
- •Функции форматных преобразований строк
- •Преобразование строк и файлов к формату html и наоборот
- •Преобразование html в простой текст
- •Преобразование строки к верхнему и нижнему регистру
- •Установка локальных настроек
- •Регулярные выражения
- •Perl-совместимые функции рнр для работы с регулярными выражениями
- •Функции даты и времени
- •Математические функции
- •Объектно-ориентированное программирование в php Основные понятия ооп
- •Классы и Объекты
- •Конструкторы и деструкторы
- •Наследование классов и интерфейсов
- •Магические методы
- •Обработка ошибок
- •Ошибки php и журнал error_reporting
- •Чтение и запись бинарных файлов
- •Работа с каталогами в рнр
- •PhPиMySql
- •MySql– сервер: бд1; бд2; бд3; бд4;
- •Язык запросов sql
- •Операция соединения.
- •Команды sql для создания баз данных и таблиц
- •Phpmyadmin
- •Выборка данных из таблиц бд
- •Работа с MySql (сохранение данных в базе данных).
- •Работа с MySql занесение и получение данных из базы данных
- •Некоторые улучшения в организации работы с данными
- •Передача данных от клиента к серверу и обратно. Протокол http
- •Клиентские методы http
- •Обработка html-форм
- •Передача переменных в скрипт.
- •Передача значений переменных по методу get
- •Передача данных из клиентской формы на сервер по методу get
- •Передача данных из клиентской формы на сервер по методу post
- •Php и различные формы
- •Обработка форм
- •Более сложные переменные формы
- •Глава 6. Лабораторные работы Лабораторная работа №1 (4 часа). Инструменты и средства создания простых сайтов
- •Вопросы по теме:
- •Лабораторная работа №2 Работа с документами .Doc, .Pdf, .Html(4 часа).
- •Лабораторная работа №3. Применение каскадных таблиц стилей css
- •Пример 1. Двухколоночный контейнерный макет сайта с применением css.
- •Пример 2. Трехколоночный контейнерный макет сайта с применением css.
- •Задания для создания сайтов
- •Лабораторная работа №4. Применение каскадных таблиц стилей css
- •Лабораторная работа №5 по JavaScript(4 часа). Динамика на Веб –странице. Включение скриптов JavaScript в html-код
- •1. Выполнить следующие задания на JavaScript:
- •Пример вывода даты и времени на сайте с помощью JavaScript.
- •Пример вывода строки в стиле печатной машинки
- •Лабораторная работа №6 по JavaScript(4 часа). Проверка правильности заполнения формы на сайте
- •Методы объекта window
- •Window.Open()
- •Window.Close()
- •Методы focus() и blur()
- •Лабораторная работа №7. Php Задание 1. Массивы и строки
- •Выполнить одно из перечисленных ниже упражнений
- •Задание 2. Функции
- •Задание 3. Файлы и строки
- •Выполнить одно из перечисленных ниже упражнений
- •Задание 4. Работа с базами данных Выполнить одно из перечисленных ниже упражнений
- •Задание 5. Создание web-объектов Клиентские методы http
- •Обработка html-форм
- •Передача переменных в скрипт.
- •Передача значений переменных по методу get
- •Передача данных из клиентской формы на сервер по методу get
- •Передача данных из клиентской формы на сервер по методу post
- •Список заданий
- •Литература
- •Приложение 1. Программное обеспечение Adobe Dreamweaver
- •Приложение 2. Системы быстрой разработки Веб-приложений и cms
- •Администрирование
- •Установка модуля
- •Создание шаблона в Drupal
- •Создание индивидуальных шаблонов
- •Движок шаблонирования xTemplate
- •Создание нового шаблона
- •Основы создания шаблона
- •Удаление блока с формой входа на сайт
- •Включение блока для отображение популярных статей
- •Удаление ссылки "Далее" в отображение статьи
- •Drupal: практические примеры
- •Часть 1. Введение
- •6 Шагов к тому, чтобы заставить Drupal работать быстрее
- •Приложение 3. Основы cgi/Perl
- •Типы данных
- •Ассоциированные массивы
- •Операторы
- •Подпрограммы
- •Common Gateway Interface
- •Приложение 4. Базы данных и язык sql
- •Реляционные субд Модель данных в реляционных субд
- •Нормализация модели данных
- •Язык sql
- •Команды sql
- •Команды определения структуры данных (DataDefinitionLanguage–ddl)
- •Команды манипулирования данными (Data Manipulation Language – dml)
- •Команды управления транзакциями (TransactionControlLanguage-tcl)
- •Команды управления доступом (DataControlLanguage–dcl)
- •Работа с командами sql Извлечение данных, команда select
- •Ключевое слово distinct
- •Секция from, логическое связывание таблиц
- •Секция where
- •Секция orderby
- •Групповые функции
- •Секция group by
- •Секция having
- •Изменение данных
- •Команда insert
- •Команда delete
- •Команда update
- •Определение структуры данных Команда createtable
- •Команда altertable
- •Курсовая работа №2. Проекты сайтов
- •Курсовая работа №3. Технологии разработки Веб – приложений Проекты сайтов
- •Перечень заданий
Передача данных из клиентской формы на сервер по методу get
<html><head>
<title>Simpleform.html </title>
</head>
<body>
<form action="form.php" method="GET">
Имя:<input type="text" name="fio"><p>
<input type="submit" value="GO"><p>
</form>
</body>
</html>
<?php //form.php
echo "Hello, $fio<br>";
foreach($_GET as $fio=>$value);
echo "$fio=$value<br>";
print_r ($_GET);
print_r ($_REQUEST);
?>
Результат:
Hello,valera fio=valera Array ( [fio] => valera ) Array ( [fio] => valera )
Передача данных из клиентской формы на сервер по методу post
Метод POST, в отличие от GET, передает все данные на стандартный вывод. Соответственно, и ограничений на длину информации нет.
Какой же из этих методов лучше? Это зависит от конкретной ситуации. Для передачи информации, вводимой в форме, в большинстве случаев лучше подходит метод POST. А вот в случае динамических сайтов, когда показываемая страничка определяется не только адресом странички, но и переменными (типичный представитель - интернет-магазин), лучше использовать метод GET.
Кроме простого задания переменной в форме, PHP позволяет использовать для этой цели и массивы. В этом случае код нашей формы будет выглядеть вот так:
<form action="formmail.php" method="post">
Ваше имя:
<input type="text" name="user[name]"><br>
Электронный адрес:
<input type="text" name="user[email]"> <br>
Сообщение:
<textarea name="user[message]"></textarea><br>
<input type="submit" value="Отправить">
</form>
Теперь все введенные пользователем данные будут находиться в массиве $user, что очень удобно для больших форм и передачи множества данных в функцию.
При исполнении скрипта на PHP создаются переменные с именами, соответствующими именам полей и содержащие соответствующие значения.
Предположим, что мы создали форму следующего вида:
<form action="multi.php" method="POST">
<input type="text" NAME="first" SIZE="4" MAXLENGTH="4">
< input type ="text" NAME="second" SIZE="4" MAXLENGTH="4">
< input type ="Submit" VALUE="Умножить">
</form>
Скрипт, содержащийся в файле multi.php может выглядеть следующим образом:
<?php
//$first=$_POST['first']; $second=$_POST['second'];
echo "$first умножить на $second получится ", $first*$second;
?>
Вывод:
5 умножить на 6 получится 30
Если register_globals=off в файле php.ini, комментарий // в закомментированной строке надо убрать.
Существует специальный тип поля HIDDEN. Это поле, которое не выводится на экран, но, если ему присвоено имя атрибутом NAME, значение его передается в форму. С помощью такого поля можно задать тип действия, которое мы хотим произвести с данными формы.
PHP воспринимает массивы в контексте переменных формы. Можно группировать взаимосвязанные переменные вместе:
<form action="array.php" method="post">
Имя: <input type="text" name="user[name]"><br>
E-mail: <input type="text" name="user[email]"><br>
Хобби: <br>
<select multiple name="hobbi[]">
<option value="книги">Книги
<option value="компьютер">Компьютер
<option value="музыка">Музыка
<option value="спорт">Спорт
</select>
<input type="submit" value="Отправить">
</form>
Теперь создадим сам PHP-скрипт array.php, обрабатывающий эту форму:
<?php //array.php
/* выводим выбранные в форме переменные */
print "user[name]:$user[name]<BR>";
print "user[email]:$user[email]<BR>";
print "hobbi:$hobbi[0]";
?>
Вывод:
user[name]:rrrrrrrr
user[email]:yyyyyyyyyy
hobbi:спорт
В результате обработки этой формы PHP создаст ассоциативный массив user[] с элементами $user[name] и $user[email], и массив hobbi[] с элементами $hobbi[0], $hobbi[1], $hobbi[2], $hobbi[3]. Пользователь имеет возможность сделать множественный выбор, т.е. указать в качестве выбора hobbi[0]: книги, компьютер, музыка, спорт.