- •Минск, бгу,
- •Глава 1. Компьютерные сети и протоколы
- •Глава 2. Проектирование и разработка сайтов……………………….62
- •Глава 3. Краткий обзор основных технологий разработки Веб приложений…………………………………………………………..……......90
- •Глава 4. Информационный обмен, html и css.…..……………….132
- •Глава 5. Язык JavaScript………………………………………………..202
- •Глава 6. Язык серверных скриптов php…………...…………………286
- •Глава 7. Лабораторные работы……………………..………………….400
- •Введение Коротко об истории Интернет
- •Как работает Интернет?
- •Система адресации
- •Способы подключения к сети
- •Сервисы Интернет
- •Электронная почта
- •Передача файлов по ftp
- •Всемирная паутина www
- •Глава 1. Компьютерные сети и протоколы
- •Локальные сети
- •Распределенные и глобальные сети
- •Сеть vpn
- •Адресация в локальных сетях
- •Адресация в глобальных сетях и в Интернет
- •Адресация в iPv6
- •Доменные имена
- •Url адреса
- •Понятие и краткое описание протоколов
- •Соотношение между tcp/ip и osi/iso
- •Межсетевой протокол iPv4
- •Формат пакета iPv6
- •Формат заголовка пакета iPv6
- •Заголовки расширения iPv6
- •Маршрутный заголовок
- •Транспортный протокол tcp
- •Протокол дейтаграмм udp
- •Протоколы arp и rarp
- •Протоколы сетевого уровня
- •Протоколы электронной почты
- •Протоколы smtp и pop3
- •Протокол imap4
- •Протокол ftp
- •Протокол передачи гипертекстов
- •Клиентский запрос http
- •Ответ сервера
- •Развитие прикладных протоколов: rpc, rest, soap
- •Безопасность в сети
- •Протокол ssl
- •Шифрование данных
- •Установление подлинности участников
- •Реализация ssl
- •Как избежать блокирования сайтов
- •Проблемы с кодировкой и Unicode
- •Задания для подготовки рефератов
- •Адресация в iPv6.
- •Глава 2. Проектирование и разработка сайтов
- •2.1. Виды сайтов
- •2.2. Этапы проектирования и разработки сайта
- •2.3. Модели проектирования и управление проектами
- •2.3.1 Модель водопада для управления проектами
- •2.3.2 Итерационная (спиральная) модель
- •2.3.3 Технология Microsoft Solutions Framework (msf)
- •2.3.4 Другие технологии управления проектами
- •2.4. Программные средства управления проектами
- •2.5.1. Стили сайтов
- •2.6. Логическое проектирование дизайна сайта
- •2.7. Главная страница сайта
- •2.8. Внутренние страницы сайта
- •2.9. Оценки качества Веб-сайтов
- •2.9.1. Оценки качества для e-commerce
- •2.9.2. Ключевые индикаторы для e-commerce
- •2.9.3. Определение качества и рейтинга сайтов учебных заведений
- •2.9.4. Оценка качества и стоимости сайта
- •Глава 3. Краткий обзор основных технологий разработки Веб-приложений
- •3.1. Язык разметки гипертекста xml
- •3.1.1. Синтаксис xml
- •Объявление xml. Первая строка xml-документа называется объявление xml.
- •Конструкции языка xml. Повторим еще раз содержимое xml-документа: набор элементов, секций cdata, директив анализатора, комментариев, спецсимволов, текстовых данных.
- •3.1.2. Правильно построенные и действительные документы xml
- •Отображение xml-документа. Наиболее распространены три способа преобразования xml-документа в отображаемый для пользователя вид:
- •3.3. Язык ActionScript
- •3.3.1. Видео-, аудиопроигрыватели
- •3.5. Технология «клиент-сервер»
- •3.6. Программирование для серверов
- •Язык Java на клиентской и серверной странице
- •3.7. Базы данных и язык sql
- •Нормализация модели данных
- •3.8. Язык sql
- •Команды управления транзакциями
- •Извлечение данных, команда select
- •Секция where. Директива where содержит условия отбора (предикат). Синтаксис where выглядит следующим образом:
- •Групповые функции. Если нас интересуют не строки таблицы, а некоторые итоги, мы можем использовать в процессе выборки колонок таблиц групповые функции (табл. 3.5.).
- •Команда insert. Добавление новых записей в таблицу осуществляется посредством команды insert. Она имеет следующий синтаксис:
- •Глава 4. Информационной обмен, нтмl и css
- •4.1. Язык разметки гипертекста html
- •4.2. Ссылки
- •4.3. Списки
- •4.3. Формы html
- •4.2.2. Новые элементы форм html5
- •Поддержка видео
- •4.2.3. Новые возможности html5
- •Поддержка аудио
- •4.3. Каскадные таблицы стилей css
- •4.3.1. Способы включения каскадных таблиц стилей
- •Заголовок 1 Заголовок 2 Заголовок 3
- •4.4. Цвет и фон
- •Свойства таблиц
- •4.5. Псевдоклассы
- •Псевдоэлементы
- •4.5.1. Форматирование псевдоклассов и псевдоэлементов
- •Различные свойства
- •Отступы, поля, позиционирование
- •Границы элементов
- •Новое в css3
- •Глава 5. Язык JavaScript
- •5.1. Включение скриптов JavaScript в html-код
- •Создание простых сценариев
- •Комментарии.
- •Отладка скриптов. Ввод и вывод данных
- •5.2. Описание языка
- •5.2.1. Типы данных
- •Преобразование типа
- •5.2.2 Операторы и выражения
- •Оператор присваивания
- •Арифметические операторы
- •Операторы сравнения
- •Оператор with
- •Оператор switch
- •5.3. Функции
- •5.3.1. Стандартные функции.
- •Eval() : позволяет выполнить строку, содержащую выражение, как javascript-код. Это полезно когда код формируется в ходе выполнения скрипта. Пример реализации простейшего калькулятора приведен ниже:
- •5.3.2. Функции пользователя
- •5.3.3. Передача параметров по значению и по ссылке
- •5.3.4. Глобальные и локальные переменные
- •5.3.5. Модель событий
- •Ключевое слово this
- •5.3.6. Модель событий JavaScript 1.2 и объект Event.
- •5.4. Объектная модель
- •5.4.1. Пользовательские объекты
- •5.4.2. Прототипы
- •5.4.3. Исключения: throw/catch/finally
- •5.4.4. Встроенные объекты String, Array, Date, Math Объект String. Экземпляр объекта можно объявить двумя способами:
- •Объект Array
- •Объект Date (Дата)
- •Методы объекта Date
- •5.5.1. Коллекции
- •Свойства элемента innerHtml и outerHtml
- •Навигация по дереву документа
- •Создание новых узлов
- •Удаление и замена узлов в документе
- •Объект window
- •Свойства окна, передаваемые методу open()
- •Методы объекта window
- •Свойства и методы объекта navigator
- •Свойства и методы объекта history
- •Свойства и методы объекта location
- •Объект layer
- •Каскадные таблицы стилей и объект style
- •Модель ajax:
- •5.6.1 Класс xmlHttpRequest
- •Использование dom
- •Работа с cookie
- •5.7.2. Манипуляции с dom
- •5.5.3. Блочная верстка
- •5.7.3. Обработка событий
- •5.7.3. Обработка событий
- •5.8. Примеры на JavaScript
- •Глава 6. Язык серверных скриптов php
- •Инструменты для разработки
- •Как php работает
- •Описание языка Типы данных
- •Массивы и инициализация массивов
- •Операции и выражения
- •Операции сравнения
- •Логические операции
- •Строковые операции
- •Операторы управления
- •Функции
- •Рекурсивные функции
- •Область действия и время жизни переменных
- •Изменяемые (динамические) переменные
- •Внешние библиотечные функции
- •Функции для работы с массивами
- •Функции для работы со строками.
- •Функции форматных преобразований строк
- •Преобразование строк и файлов к формату html и наоборот
- •Преобразование html в простой текст
- •Установка локальных настроек
- •Регулярные выражения
- •Функции даты и времени
- •Математические функции
- •Объектно-ориентированное программирование в php Основные понятия ооп
- •Классы и Объекты
- •Конструкторы и деструкторы
- •Наследование классов и интерфейсов
- •Магические методы
- •Обработка ошибок
- •Ошибки php и журнал error_reporting
- •Чтение и запись бинарных файлов
- •Работа с каталогами в рнр
- •MySql – сервер: бд1; бд2; бд3; бд4;
- •Команды sql для создания баз данных и таблиц
- •Выборка данных из бд
- •Выборка данных из таблиц бд
- •Работа с MySql (сохранение данных в базе данных).
- •Работа с MySql занесение и получение данных из базы данных
- •Организации работы с данными
- •Передача данных от клиента к серверу и обратно. Протокол http
- •Клиентские методы http
- •Обработка html-форм
- •Передача переменных из формы в скрипт.
- •Передача данных на сервер по методам get и post
- •Ввод данных из различных форм
- •Работа с e-mail
- •Cookies-наборы
- •Сессии (Сеансы)
- •Отмена регистрации сеансовых переменных
- •Сериализация объектов
- •Вывод графических данных с помощью рнр
- •Получение информации об изображении
- •Функции рисования прямых и кривых линий
- •Заливка изображений
- •Удаление и изменение цветов палитры
- •Создание прозрачности в изображениях
- •Рисование с помощью кистей
- •Использование шрифтов и вывод строк
- •Слияние изображений с помощью gd
- •Глава 7. Лабораторные работы Лабораторная работа 1 (4 часа). Инструменты и средства создания простых сайтов
- •Лабораторная работа 3 (4часа). Применение каскадных таблиц стилей css
- •Трехколоночный контейнерный макет сайта
- •Лабораторная работа 4. Применение каскадных таблиц стилей css
- •1. Свойства шрифтов.
- •2. Свойства текста.
- •3. Свойства цвета и фона.
- •4. Свойства рамки.
- •5. Свойства списков.
- •6. Свойства изображений.
- •Лабораторная работа 5 (4 часа). Динамика и JavaScript на Веб – странице.
- •Ответить на следующие вопросы
- •Лабораторная работа 6 по JavaScript (4 часа).
- •1.Проверка правильности заполнения формы на сайте
- •Методы объекта window
- •Задание 2. Функции
- •Задание 4. Работа с базами данных Выполнить одно из перечисленных ниже упражнений
- •Задание 5. Создание web-объектов Список заданий
- •Drupal: практические примеры
- •Приложение 1. Курсовые работы Курсовая работа 1. Создание клиентских приложений
- •Курсовая работа №2. Сайты клиент-сервер
- •Каталог товаров
- •Система вопрос/ответ
- •Курсовая работа №3. Технологии разработки Веб – приложений
- •Приложение 2. Быстрая разработка Веб-приложений
- •Начало работы с сайтом
- •Создание контента
- •Установка нового модуля
- •Создание шаблона
- •Включение блока отображение популярных статей
- •Удаление
Электронная почта
Электронная почта (e-mail) позволяет за несколько секунд передавать на огромные расстояния не только текстовое письмо, но и бинарные файлы с графикой или звуком в виде вложений в письмо. Протоколы, используемые при работе с электронной почтой, называются SMTP и РОРЗ, первый «отвечает» за отправку исходящей корреспонденции, второй -- за доставку входящей. Входящая почта записывается в «электронный почтовый ящик» – каталог на почтовом сервере. Обратившись к серверу и забрав почту, абонент может прочитать ее, уже разорвав соединение с Интернет.
Адреса электронной почты выглядят следующим образом: Имя_абонента @адрес_почтового_сервера. Знак @ («ат») отделяет адрес почтового сервера от имени каталога абонента, куда это письмо сервер запишет по получении, где оно будет храниться, пока его не заберет пользователь или не истечет срок хранения. Часть адреса почты, находящаяся справа от @ называется доменом и описывает местонахождение почтового ящика. Самый правый поддомен называется доменом верхнего уровня и чаще всего обозначает код страны, в которой находится адресат. Абонентское имя и пароль пользователь получает при создании почтового ящика на сервере провайдера.
Определение. Провайдер – это фирма, обладающая специальной лицензией и предоставляющая за определенную плату или бесплатно частным лицам и организациям доступ в Интернет с помощью ресурсов собственного сервера.
Передача файлов по ftp
Протокол FTP предназначен для передачи файлов через Интернет. На базе этого протокола реализованы процедуры даонлоада и аплоада данных.
Определение. Даонлоад (download – скачивание) — это процесс копирования файлов с удаленного компьютера-сервера на компьютер-клиент. Аплоад (Upload –выгрузка, закачка) – обратный процесс, загрузка файлов на удаленный компьютер-сервер.
Всемирная паутина www
Говорят, что Всемирная паутина Веб стоит на «трех китах»: HTTP(HyperText Transfer Protocol – протокол передачи гипертекста), HTML(HyperText Markup Language – язык разметки гипертекста) и система адресации URL. Изобретателем всемирной паутины является Тим Бернерс-Ли – разработчик перечисленных технологий. В 1989 г, работая над внутренней компьютерной сетью, Т. Бернерс-Ли предложил глобальный проект, известный как Всемирная паутина. В рамках проекта, кроме разработки URL, HTTP и HTML Бернерс-Ли написал первый в мире веб-сервер «httpd» и гипертекстовый веб-браузер «WorldWideWeb». В 1991 году он написал первый веб-сайт http://info.cern.ch/, который сейчас хранится в архиве.
Веб (World Wide Web –Всемирная паутина) -- глобальное информационное пространство, основанное на физической инфраструктуре Интернета и протоколе передачи данных HTTP. Три основных составляющих системы WWW: распределенная информационная система, мультимедиа, гипертекст.
Распределенная информационная система позволяет хранить информацию на компьютерах-серверах, которые объединены в сеть Интернет. Пользователи получают информацию из сети при помощи браузеров – программ просмотра WWW-документов.
Гипертекст – это способ представления информации в WWW в виде документов, содержащих как внутренние ссылки, так и гиперссылки на документы, хранящиеся на другом сервере. Гипертекстовые документы пишутся на языке HTML и представляют собой текстовые файлы, содержащие текст и теги разметки.
Мультимедийная составляющая WWW – этоинформация включающая не только текст, но и графику, видео и звук.
После размещения HTML-документа на сервере его называют «веб-страницей» или веб-сайтом. Для просмотра Web-ресурсов используются различные браузеры, из них наиболее часто используются Internet Explorer, Mozilla Firefox, Opera, Google Chrome. Для улучшения дизайна и отображения сайта широко применяется технология CSS (Cascading Style Sheets — каскадные таблицы стилей), позволяющая задавать единые стили оформления для множества веб-страниц.
С 1994 г основную работу по развитию Всемирной паутины взял на себя Консорциум W3C, который разрабатывает для Интернет единые протоколы и стандарты.
В настоящее время Всемирная паутина быстро развивается, отметим две тенденции в развитии: семантическая сеть и социальная сеть. Семантическая паутина предполагает улучшение связности и релевантности информации через введение новых форматов метаданных.
Определение. Релева́нтность (relevant – уместный, относящийся к делу) – степень соответствия поискового запроса и найденного в ответ на запрос материала.
Семантическая сеть – это концепция сети, в которой каждый ресурс был бы снабжен описанием, понятным компьютеру. Семантическая сеть открывает доступ к четко структурированной информации для любых приложений, независимо от платформы и от языков программирования. Программные приложения смогут сами находить нужные ресурсы, обрабатывать информацию, классифицировать данные, выявлять логические связи, делать выводы.
Для создания понятного компьютеру описания ресурса в семантической паутине может использоваться формат RDF (Resource Description Framework – среда описания ресурса). Эта модель для представления данных основана на синтаксисе XML.
Социальная сеть часто возлагает работу по упорядочиванию имеющейся в Интернет информации и созданию нового контента, на самих пользователей. Создание контента самими пользователями называют технологиями «wiki». С помощью такой технологии создана энциклопедия – «Wikipedia».
Существует популярное понятие Web 2.0, обобщающее сразу несколько современных направлений развития Всемирной паутины.
Задания для подготовки рефератов
Способы подключения пользователя к сети Интернет. Определение скорости, стоимости, надежности соединения и передачи данных.
Сравнение браузеров по различным характеристикам.
Установка и настройка браузера. Работа со службами.
Безопасность на локальном компьютере и в сети.
Интернет как средство коммуникации: электронная почта, чаты, форумы, служба мгновенных сообщений ICQ.
Сервисы почты Outlook и Outlook Express. Почтовая служба Google. Защита от спама.
Службы Google. Чат + GoogleTalk.
Интернет как информационный источник. Различные виды сайтов: визитки, корпоративные сайты, интернет-магазины, тематические сайты, порталы, форумы.
Новостные сайты, подписка на RSS.
Образовательные ресурсы. Дистанционное обучение.
Технология wiki. Wikipedia.
Размещение сайта в сети.
Интернет-сервер. Размещение в сети.
Поиск информации в сети. Поисковая система Google. Сложные запросы.
Сравнение поисковых систем Nigma, Google, Cuil, Yandex, Rambler.
Передача текстовой информации по сети. Архивация файлов. Форматы для текстовых файлов.
Передача файлов по FTP
Работа с графическими файлами.
Работа со звуком. Создание, редактирование звуковых файлов.
Работа с видео. Создание, редактирование, проигрывание видео файлов.
Создание логотипов: группы, курса, специальности, факультета.
Создание образовательных мультимедийных средств.
Технологии графики для Web- дизайна(Flex, Flash и др.)
Реклама на сайте и в Интернет.
Баннеры -- виды и стандарты.
Социальные сайты и сети.
Блоги.
FaceBook
Live Journal -- сервис для ведения блогов
Youtube -- видеосервис
Сервисы Google и Google Мар.
Перевод содержимого сайта на другие языки.
Регистрация сайта в поисковых системах.
Способы продвижения и повышения рейтинга сайтов.
Тестирование сайта.
Поддержка сопровождение и обновление сайта.
Службы бесплатного хостинга.
Проверка usability web-сайта.
Безопасность компьютера в сети. Компьютерные вирусы и антивирусы.
Использование информации, являющейся частной собственностью лиц.
Машинный перевод
Виртуальная реальность
Twitter
Смартфоны и мобильные устройства
Операционные среды классов Android
Iphone
Оперрационные среды для Iphone
Технологии передачи данных: Bluetooth, Wi-Fi, Wireless
Использование Skype.
Мобильная 3G и 4G-связь
Цифровые технологии и Интернет
Платежные системы E-pay и др.
Крупнейшие провайдеры Беларуси. Сравнение условий провайдеров Беларуси с условиями провайдеров России, Евросоюза и США
Кто владеет информацией, тот владеет миром…
Банкир Натан Ротшилд
