- •Романчик в.С.
- •Минск, бгу, 2011
- •Введение в Интернет Коротко об истории Интернет
- •Как работает Интернет?
- •Система адресации в Интернет
- •Способы подключения к сети Интернет
- •Сервисы Интернет
- •Электронная почта
- •Адресация электронной почты
- •Передача файлов по ftp
- •Всемирная паутина www
- •Задания по теме “Введение в Интернет”
- •Общие задания для лабораторной работы #1
- •Глава 1. Протоколы Интернет Понятие и краткое описание протоколов
- •Соотношение между tcp/ip и osi/iso
- •Межсетевой протокол ip
- •Транспортный протокол tcp
- •Флаги (управляющие биты) Это поле содержит 6 битовых флагов:
- •Механизм действия протокола
- •Передача данных
- •Протокол дэйтаграмм udp
- •Протоколы сетевого уровня
- •Протоколы электронной почты
- •Протокол pop3
- •Протокол imap4
- •Протокол smtp
- •Спецификация mime
- •Проблемы с кодировкой
- •Протокол ftp
- •Http – Протокол передачи гипертекстов
- •Что такое транзакция http
- •Клиентские методы http
- •Что возвращается обратно: коды ответа сервера
- •Заголовки http
- •Задания по теме «Протоколы Интернет»
- •Глава 2 Краткий обзор основных технологий Веб
- •Язык разметки гипертекста html
- •Язык xml
- •Язык программирования скриптов на стороне клиента JavaScript
- •Язык Java на клиентской странице
- •Технология «клиент-сервер». Cgi
- •Программирование для серверов
- •Технология ssi
- •Язык программирования Perl
- •Глава 3. Основные этапы разработки сайтов
- •Модель водопада
- •Спиральная модель
- •Модель Уолта Диснея
- •Управление проектами
- •Глава 4. Веб – дизайн и обработка гипертекстовых документов
- •Главная страница
- •Рекомендации по дизайну главной страницы
- •Какими должны быть внутренние страницы web-сайта
- •Логическое проектирование дизайна сайта
- •Основные этапы и уровни информационного обмена
- •Сжатие изображений с помощью фракталов
- •Язык разметки гипертекста html
- •Теги, атрибуты, значения
- •Структура документа
- •Разрыв строки
- •Предварительное форматирование
- •Выравнивание текста
- •Комментарии
- •Физическая и логическая разметка документа
- •«Физические» теги:
- •«Логические» теги:
- •Специальные символы
- •Графика
- •Формы html
- •Теги div и span
- •Метатеги
- •Новое в html 5
- •Валидация документов
- •Вопросы и задания
- •Задания для выполнения
- •Каскадные таблицы стилей css
- •Способы включения каскадных таблиц стилей
- •Множественные классы
- •Селекторы идентификаторов (id-селекторы)
- •Комментарии
- •Свойства шрифтов. Свойство шрифтов font позволяет задать одну или несколько характеристик шрифта.
- •Свойства текста.
- •Цвет и фон.
- •Представление документа в виде специальных областей – блоков
- •Отступы, поля, позиционирование
- •Границы элементов
- •Визуальное форматирование
- •Визуальные эффекты
- •Свойства списков
- •Свойства таблиц
- •Псевдоклассы
- •Псевдостили текста
- •Псевдоэлементы
- •Различные свойства
- •1. Свойства шрифтов.
- •2. Свойства текста.
- •3. Свойства цвета и фона.
- •4. Свойства рамки.
- •6. Свойства изображений.
- •Css. Примеры
- •Новое в css3
- •Валидация css
- •Глава 5. Язык JavaScript Введение
- •Включение скриптов JavaScript в html-код
- •Создание простых сценариев
- •Комментарии. Скрытие сценариев от браузеров
- •Отладка скриптов. Ввод и вывод данных
- •Инструменты для разработчика
- •Описание языка Типы данных
- •Преобразование типа
- •Специальные числа
- •Булев тип
- •Переменные типа Undefined и Null
- •Массивы
- •Оператор with
- •Оператор switch
- •Метод eval()
- •Функции
- •Передача параметров по значению и по ссылке
- •Глобальные и локальные переменные
- •Модель событий
- •Ключевое слово this
- •Исключения: throw/catch/finally
- •Объектная модель
- •Пользовательские объекты
- •Прототипы
- •Встроенные объекты String, Array, Date, Math Объект String
- •Объект Date (Дата)
- •Методы объекта Date
- •Объект Function (Функция)
- •Свойства Function
- •Методы Function
- •Объекты браузера
- •Объект window
- •Методы объекта window
- •Свойства окна, передаваемые методу open
- •Свойства и методы объекта navigator
- •Свойства объекта screen
- •Свойства и методы объекта history
- •Свойства и методы объекта document
- •Коллекции и подчиненные объекты объекта document Обращение к элементам страницы
- •Свойства и методы объекта location
- •Свойства и методы объекта style
- •Объект layer
- •Свойства объекта layer
- •Методы объекта layer
- •Навигация по дереву документа
- •Свойства объектов-узлов
- •Несколько других свойств узлов - объектов dom
- •Создание новых узлов
- •Добавление узлов в документ
- •Копирование: метод cloneNode()
- •Удаление и замена узлов в документе
- •Работа с атрибутами элементов
- •Метод removeAttribute()
- •Модель ajax:
- •Запрос к серверу. Класс xmlHttpRequest
- •Методы класса xmlHttpRequest
- •Свойства класса xmlHttpRequest
- •Создание экземпляра объекта xmlHttpRequest
- •Использование dom
- •Проблема с кешированием в Microsoft Internet Explorer
- •Информируйте пользователя
- •Подготовьте запасной план
- •Работа с cookie
- •Формат и синтаксис cookie
- •Синтаксис http заголовка для поля Cookie
- •Дополнительные сведения
- •Способы задания значений cookie
- •Примеры на JavaScript
- •Тестовые вопросы по языку JavaScript
- •Упражнения и задачи по JavaScript
- •Список итоговых заданий (курсовая работа)
- •Литература
- •Приложение 1. Программное обеспечение Adobe Dreamweaver cs4
- •Типы данных
- •Ассоциированные массивы
- •Операторы
- •Подпрограммы
- •Введение
- •Возможности php.
- •Инструменты для разработки
- •Как php работает
- •Глава 1. Язык php Типы данных
- •Массивы и инициализация массивов
- •Объектно-ориентированное программирование в php Основные понятия ооп
- •Классы и Объекты
- •Конструкторы и деструкторы
- •Наследование классов и интерфейсов
- •Магические методы
- •Обработка ошибок
- •Ошибки php и журнал error_reporting
- •Чтение и запись бинарных файлов
- •Работа с каталогами в рнр
- •MySql – сервер: бд1; бд2; бд3; бд4;
- •Язык запросов sql
- •Операция соединения.
- •Команды sql для создания баз данных и таблиц
- •Выборка данных из таблиц бд
- •Работа с MySql (сохранение данных в базе данных).
- •Работа с MySql занесение и получение данных из базы данных
- •Некоторые улучшения в организации работы с данными
- •Передача данных от клиента к серверу и обратно. Протокол http
- •Клиентские методы http
- •Обработка html-форм
- •Передача переменных в скрипт.
- •Передача значений переменных по методу get
- •Передача данных из клиентской формы на сервер по методу get
- •Передача данных из клиентской формы на сервер по методу post
- •Php и различные формы
- •Обработка форм
- •Более сложные переменные формы
- •Базы данных и язык sql
- •Реляционные субд Модель данных в реляционных субд
- •Нормализация модели данных
- •Язык sql
- •Команды sql
- •Команды определения структуры данных (Data Definition Language – ddl)
- •Команды манипулирования данными (Data Manipulation Language – dml)
- •Команды управления транзакциями (Transaction Control Language - tcl)
- •Команды управления доступом (Data Control Language – dcl)
- •Работа с командами sql Извлечение данных, команда select
- •Ключевое слово distinct
- •Секция from, логическое связывание таблиц
- •Секция where
- •Секция order by
- •Групповые функции
- •Секция group by
- •Секция having
- •Изменение данных
- •Команда insert
- •Команда delete
- •Команда update
- •Определение структуры данных Команда create table
- •Команда alter table
- •Команда drop table
Упражнения и задачи по JavaScript
1. Создать кнопку Hi, на которой отображается надпись “Привет”, а обработчик события onclick вызывает диалоговое окно предупреждения, содержащее строку Hello to you, too! (Привет и тебе!).
2. Создайте сценарий, в котором использовался бы оператор: document.write("Hello, world.");. Сценарий должен запускаться при загрузке HTML-документа. В сценарий необходимо добавить комментарий, поясняющий принцип выполнения операторов этого сценария и вывести краткое пояснение в диалоговое окно.
3. Загрузка и манипулирование с изображениями на JavaScript.
4. Создайте HTML-документ, который сразу после загрузки страницы будет отображать диалоговое окно с предупреждением. Другое диалоговое окно должно отображаться при щелчке пользователя на кнопке формы.
5. Напишите оператор JavaScript, который отображает сообщение в строке состояния, приветствующее новых посетителей Web-страницы.
6. Напишите оператор JavaScript, который отображает приветствие новых посетителей Web-страницые на уровне заголовка <hl > страницы.
7. Создайте страницу, которая предлагает (в диалоговом окне) пользователю ввести его или ее имя, а после этого будет приветствовать его (ее) по имени. Приветствие должно отображаться в основной части страницы.
8. Создайте страницу, содержащую произвольный текст. Сразу после загрузки она должна автоматически выводить диалоговое окно с адресом URL текущей страницы.
9. Создать страницу, использующую операторы:
window.status = "Welcome to my Web page.";
document.write("<hl>Welcome to my Web page.</hl>")
Наведение курсора на эти строки должно вызывать диалоговые окна, поясняющие работу этих операторов.
10. Манипулирование окнами: изменение размера, цвета и др.
11. Сценарий в разделе body вызывает функцию, которая возвращает текст, введенный в диалоговом окне prompt ().
<html> <head>
<script type=text/javascript">
function askName() {
var name = prompt ("What is your name, please?11,"")
return name
}
</script>
</head>
<body>
<script type="text/javascript">.
document.write("Welcome to my web page, " + askName() + ".")
</script>
</body>
</html>
По событию onclick вывести это сообщение в окно статуса состояния и в другие диалоговые окна.
12. Адрес URL получен из свойства href объекта location.
<html> <head>
<script type="text/javascript">
function showLocation() {
alert("This page is at: " + location.href);
}
</script> </head>
<body onload="showLocation()"> Bu, be, by.
</body> </html>
Создать кнопку и по событию onclick вывести это сообщение в окно статуса состояния и в другие диалоговые окна.
13. Обработчики событий JavaScript.
14. Навигация по сайту
15. JavaScript и таблица стилей
16. Определение типа ОС клиента.
17. Определение типа браузера клиента.
18. Создание контекстного меню.
19. Раскрывающееся окно.
20. Таймер-часы.
21. Приветствие посетителя с учетом времени суток(утро, день, вечер).
22. Календарь.
23. Формы. Проверка информации, вводимой и посредством форм. Проверка наличия во вводимой строке определенных символов.
24. Рисунки на веб-сайте.
25. Слои на веб-сайте.
26. Вычисления на веб-сайте.
27. Создать игру типа: “Угадай задуманное число”.
28. Создать различные меню на JavaScript.
29. Создать объект калькулятор.
30. Создать объект бегущая строка.
31. Перекодировщик русских символов
32. Автоматическая регистрация страниц на поисковых системах. Программа выполняется на стороне клиента.
33. Время в JavaScript (получение и установка даты-времени).
34. Создать Web-страницу с «бегущим текстом» в строке состояния браузера
35. Задание задержек по времени при выполнении функций. Программирование картинок.
36. Управление слоями.
37. Создать Web-страницу со слоем, появляющимся при нажатии на кнопку «Невидимка», и исчезающем при повторном нажатии на кнопку «Невидимка».
38. Программирование форм. Создать Web-страницу с викториной из 7-ми вопросов с 5-ю возможными вариантами ответов.
39. Создание тестирующей программы.
40. Голосование
41. Создание фреймов.
42. Органайзер
43. Авторизация на JavaScript
44. Решение квадратных уравнений -------х2 +------х +-------- =0
45. Проверка доступности cookie.
46. Объекты JavaScript.
47. DOM.
48. DOM и AJAX.
49. Работа с текстовыми строками из формы: объединение, сравнение, нахождение длины, удаление HTML-тегов из строки, удаление пробелов вначале и в конце.
50. Перевод строки в разные кодировки: KOI8-R, WINDOWS-1251, UNICODE.
51. Конвертация даты из одного формата в другой.
52. Проверка данных, вводимых пользователем в форму:
а) Проверка обязательных для ввода полей
b) Проверка допустимости вводимых данных
c) Удаление HTML тегов
d) Удаление обратных слешей
52. Создать прототип для списка личностей(актеров, спортсменов, ученых, политиков, писателей). Личность:
{// свойства:
name //(имя);
birthYear //(год рождения);
country //(страна проживания, по умолчанию USA);
alive //(жив ли, по умолчанию – true).
}
Добавить методы:
setCountry() – присваивает название страны соответствующему свойству и проверяет является ли название страны корректным setBirthYear –присвавает свойству значение года рождения и проверяет являет ли значение корректным.
Список личностей реализуется с помощью объекта “Spisok”:
{ supermans // массив личностей;
length // количество членов в списке.
}
Добавить к списку следующие методы:
Add () (добавить в список), Remove() (удалить из списка), Replace() (заменить в списке). Заполнить список 5-10 элементами.
Написать функцию, которая будет при загрузке страницы создавать таблицу со списком актеров (для создания таблицы используйте функции insertRow и insertCell, описание которых можно посмотреть в MSDN). Таблица должна будет содержать следующие колонки: порядковый номер, имя, год рождения, страна, жив или нет.
Имя в таблице должно быть ссылкой, при нажатии на которую данные актера должны загружаться в форму (которая должна быть на странице), форма должна иметь два кнопки: Сохранить и Отменить, соответственно должны быть написаны функции для очистки формы и для сохранения данных (после сохранения данные в таблице должны обновиться).
Написать функции для сортировки данных в таблице: название каждой колонки должно быть ссылкой, после нажатия по которой они сортируются. По умолчанию сортировка должна идти по возврастанию, если же по какой-то колонке нажать дважды, то сортировка должна становиться по убыванию. Причем если при сортировке несколько актеров имеют одинаковый параметр (например, год рождения), то должны сравниваться имена актеров. Для изображения направления сортировки используйте стрелки в конце названия столбца (стрелки реализуются с помощью HTML-символов с кодами 9650 и 9660).