
- •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. Технологии разработки Веб – приложений Проекты сайтов
- •Перечень заданий
Команда delete
Чтобы удалить ненужные записи из таблицы – следует использовать команду DELETE:
DELETE FROM <имя таблицы> [WHERE <условия поиска>]
Если опустить секцию условий поиска WHERE – из таблицы будут удалены все записи. Иначе – только записи, удовлетворяющие критериям поиска. Форматы секций WHERE команд SELECT и DELETE аналогичны.
Примеры команды DELETE:
DELETE FROM Employees
DELETE FROM Employees WHERE TabNum = 45
Команда update
Изменить ранее внесенные командой INSERT данные можно с помощью команды UPDATE:
UPDATE < имя таблицы>
SET <имя колонки> = <новое значение> , <имя колонки> =
<новое значение>, …
WHERE <условия поиска>]
Как и в случае команды DELETE, при отсутствии секции WHERE обновлены будут все строки таблицы. Иначе – только подходящие под заданные условия. Примеры:
UPDATE Employees SET Salary = Salary + 100
UPDATE Employees
SET Position = ‘Старший менеджер’, Salary = 1000
WHERE TabNum = 45 AND Position IS NULL
Определение структуры данных Команда createtable
Для создания новых таблиц используется команда CREATE TABLE. В общем виде ее синтаксис следующий:
CREATE TABLE <имя таблицы>
(
<имя колонки> <тип колонки>[(<размер колонки>)] [<ограничение целостности уровня колонки>]
[, <имя колонки> <тип колонки>[(<размер колонки>)] [<ограничение целостности уровня колонки>]]
[, …]
[<ограничение целостности уровня таблицы>]
[,<ограничение целостности уровня таблицы>]
[, …]
)
Примеры:
CREATE TABLE Departments
(
DeptNum int NOT NULL PRIMARY KEY,
Name varchar(80) NOT NULL
)
CREATE TABLE Employees
(
TabNum int NOT NULL PRIMARY KEY,
Name varchar(100) NOT NULL,
Position varchar(200),
DeptNum int,
Salary decimal(10, 2) DEFAULT 0,
CONSTRAINT FK_DEPARTMENT FOREIGN KEY (DeptNum)
REFERENCES Departments(DeptNum)
)
Помимо команды CREATE TABLE возможно создать новую таблицу с помощью специальной формы команды SELECT:
SELECT [DISTINCT] <список колонок>
INTO <имя новой таблицы>
FROM <имя таблицы> [JOIN <имя таблицы> ON <условия связывания>]
[WHERE <условия выборки>]
[GROPUP BY <список колонок для группировки> [HAVING <условия выборки групп>] ]
[ORDER BY <список колонок для сортировки>]
При наличии ключевого слова INTO в команде SELECT ядро СУБД не вернет результирующую выборку пользователю, а автоматически создаст новую таблицу с указанным именем и заполнит ее данными из результирующей выборки. Имена колонок таблицы и типы будут определены автоматически при анализе команды SELECT и словаря базы данных.
Команда altertable
Созданную таблицу можно впоследствии изменить с помощью команды ALTER TABLE. Команда ALTER TABLE позволяет добавлять новые колонки и ограничения целостности, удалять их, менять типы колонок, переименовывать колонки.
Примеры различных вариантов команды ALTER TABLE:
ALTER TABLE Departments ADD COLUMN City int
ALTER TABLE Departments DROP COLUMN City
ALTER TABLE Departments ADD
CONSTRAINT FK_City
FOREIGN KEY (City)
REFERENCES Cities(City)
ALTER TABLE Departments DROP CONSTRAINT FK_City
Команда DROP TABLE
Удаление ранее созданной таблицы производится командой DROP TABLE:
DROP TABLE Departments
Приложение 5. Курсовые работы
Курсовая работа№1.
Создание клиентских приложений
В следующих ниже заданиях следует:
создать простую Веб-страницу (блог и др.), используя простую табличную верстку и HTML(желательно HTML5)
разместить на страницу собственный логотип
включить Интернет – сервис в соответствии с заданием
разобраться, как разместить полученный сайт на хостинге, как получить DNS. Разместить при возможности на бесплатном хостинге.
1. Создать сайт с подключаемыми с других сайтов информерами: курсы валют, прогноз погоды, гороскопы, спортивные новости, анекдоты,
2. Coздать многоязыковый сайт с возможностью перевода страницы на английский, немецкий или французский языки. (Информер на translate.ru. или другой)
3. Визитка для ученого или учреждения + баннер.
4. Математический сайт. Возможность набора и чтения математического текста + ссылки на ресурсы
5. Игровой сайт.
6. Музыка. Каталог+проигрыватель+мультимедия.
7. Системы активного отображения информации: чаты, блоги, Wiki
8. Системы управления контентом.
9. Информационный сайт.
10. Блоги. Микроблоги(twitter). Live Journal — сервис для ведения блогов
11. Web – Конференция. Прием заявок, прием тезисов, рассылка сообщений и приглашений. Конференция on-line.
12. Клуб по интересам.
13. Web 2.0. Социальные сети. Создание собственных ресурсов.
14. Web 2.0. Wiki-проекты.
15. Создать сервис для отправки открыток на e-mail. Предоставить пользователю выбор вида открытки и посылаемого текста поздравления или создания собственного текста и открытки. Предусмотреть список рассылки.
16. Создать сервис, который мог бы рандомно генерировать задание для студента, причем задания должны быть разные и зависили бы от уровня сложности, который вводится пользователем.
17. Создать галерею фотографий с возможностью оценивания (голосования). Очередность отображения фотографий зависит от их рейтинга и изменяется.
18. Написать игровой сайт: Игра «Пятнашки», «Кто хочет стать миллионером?», «Крестики-Нолики», «Морской бой» против компьютера или другие.
19. Создать галерею фотографий с возможностью оценивания. Очередность отображения фотографий зависит от рейтинга.
20. Банеры.
21. Поисковые роботы и “невидимая паутина”.
22. Индексы цитирования веб-сайтов и способы их повышения.
23. Интернет фотоальбом.
24. Язык разметки HTML-5. Новые возможности и особенности.
25. Android и смартфон.
26. Разработка приложений для Facebook.
27. Создание контекстного меню.
28. Таймер-часы.
29. Приветствие посетителя с учетом времени суток(утро, день, вечер).
30. Календарь.
31. Формы. Проверка информации, вводимой и посредством форм. Проверка наличия во вводимой строке определенных символов.
32. Рисунки на веб-сайте.
33. Вычисления на веб-сайте.
34. Создать игру типа: “Угадай задуманное число”.
35. Создать различные меню на JavaScript.
36. Создать объект калькулятор.
37. Создать объект бегущая строка.
38. Перекодировщик русских символов
39. Автоматическая регистрация страниц на поисковых системах. Программа выполняется на стороне клиента.
40. Время в JavaScript (получение и установка даты-времени).
41. Создать Web-страницу с «бегущим текстом» в строке состояния браузера
42. Задание задержек по времени при выполнении функций. Программирование картинок.
43. Создать Web-страницу со слоем, появляющимся при нажатии на кнопку «Невидимка», и исчезающем при повторном нажатии на кнопку «Невидимка».
44. Программирование форм. Создать Web-страницу с викториной из n вопросов с 5-ю возможными вариантами ответов.
45. Создание тестирующей программы.
46. Голосование
47. Мобильные коммуникации и Интернет
48. Органайзер
49. Авторизация на JavaScript
50. Решение квадратных уравнений -------х2 +------х +-------- =0
51. Использование социальных сетей для образования.
52. Youtube — видеосервис
53. Платежные системы
Платежные системы