
- •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. Технологии разработки Веб – приложений Проекты сайтов
- •Перечень заданий
Спецификация mime
Существует стандарт MIME (Multipurpose Internet Mail Extensions), определяющий включение в почтовые сообщения объектов мультимедиа: текста на языках, для которых используются кодировки, отличные от ASCII, и нетекстовый контент, такой как картинки, музыка, фильмы и программы. MIME является также компонентом коммуникационных протоколов HTTP, которым нужно, чтобы данные передавались в контексте сообщений подобных e-mail, даже если данные реально не являются e-mail.
Проблемы с кодировкой
В настоящее время используется несколько кодировок кириллицы позволяяющих использовать восьмибитные коды от 0.. 255: KOI8-R, Windows 1251 и Unicode(UTF-8).
KOI8 является стандартом для серверов, работающих на базе платформы UNIX. Эта кодировка используется при пересылке сообщений электронной почты на русском языке.
Компания Microsoft для работы в Интернете предложила свой стандарт Windows 1251.
Универсальный международный стандарт Unicode (UTF-8) был создан с целью объединить существующие национальные кодировки в одну. Поскольку для отображения одного символа в Unicode отводится не один байт, как это принято во всех остальных стандартах, а два, данная кодировка включает в себя 65536 знаков вместо 256. В это число входят не только буквы всех алфавитов мира, но и множество специальных символов — математических, музыкальных, физических. UTF-8 стал основным стандартом передачи гипертекстовой информации.
Большинство современных серверных программ обладают встроенной функцией автоматического определения кодировки, используемой клиентским программным обеспечением, и перевода текста в необходимый стандарт «на лету».
Что касается нетекстовых файлов, то проблема с ними решается путем создания почтовых вложений (присоединённых файлов). Если нужно отправить длинный документ, его упаковывают архиватором, затем создают сообщение, к которому прикрепляют документ в качестве вложения. Для пересылки хорошо подходит формат PDF. Для просмотра этого формата служит бесплатная программа Acrobate Reader.
Протокол ftp
Технология FTP была разработана еще в рамках проекта ARPA и предназначена для обмена большими объемами информации между машинами с различной архитектурой. FTP-протокол - один из старейших протоколов в Internet. Первые спецификации FTP относятся к 1971 году. Обмен данными в FTP построен на технологии “клиент-сервер” и происходит по TCP-каналу. Алгоритм работы протокола FTP состоит в следующем:
Сервер FTP прослушивает порт 21, и находится в состоянии ожидания соединения с клиентом.
Клиент устанавливает соединение и отправляет на сервер команды FTP.
- Клиент становится в режим ожидания открытия соединения на заданный для передачи данных порт. Активный модуль - “Программа передачи данных сервера” начинает передачу данных клиенту.
После окончания передачи данных управляющее соединение сервера и клиента остается открытым, поэтому пользователь, не закрывая сессии FTP, может еще раз открыть канал передачи данных.
Http – Протокол передачи гипертекстов
HyperText Transfer Protocol (HTTP) - это протокол уровня приложений, обеспечивающий передачу гипертекстовых данных от клиента к серверу и обратно. HTTP используется проектом World Wide Web, начиная с 1990 года. В настоящее время в Веб используется версия HTTP 1.1. HTTP предоставляет открытое множество методов, которые могут быть использованы для указания целей запроса. Для указания адреса ресурса, к которому должен быть применен данный метод, используется Универсальный Идентификатор Ресурсов (Universal Resource Identifier - URI), в виде местонахождения (URL) или имени (URN). Программа - клиент устанавливает связь с обслуживающей программой- сервером и посылает серверу запрос в следующей форме:
метод запроса,
URI,
версия протокола, за которой следует управляющая информация запроса, информация о клиенте и тело сообщения.
Сервер отвечает сообщением, содержащим строку статуса: версию протокола и код статуса - успех или ошибка. За ней следует сообщение, включающее в себя информацию о сервере, метаинформацию о содержании ответа, и само тело ответа.
Для WWW номер порта по умолчанию 80, но могут быть использованы и другие номера портов.
Для большинства приложений сеанс связи открывается клиентом для каждого запроса и закрывается сервером после окончания ответа на запрос.