- •Минск, бгу,
- •Глава 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. Быстрая разработка Веб-приложений
- •Начало работы с сайтом
- •Создание контента
- •Установка нового модуля
- •Создание шаблона
- •Включение блока отображение популярных статей
- •Удаление
Задания для подготовки рефератов
Что такое IP-адрес? Статический и динамический IP-адреса.
Web-псевдонимы(du.ru, null.ru)
Видеохостинг Google YouTube.
Мобильная телефония. Протоколы мобильного Интернет.
Видеочат, мобильное телевидение, веб-камеры.
Безпроводные устройства для доступа в Интернет.
Форматы мультимедийных и графических файлов.
Назначение основных сетевых протоколов.
Стек протоколов TCP/IP.
Вид заголовка и данные в TCP-пакете.
Вид заголовка и данные в IP-пакете.
Протоколы POP3 и SMTP. Заголовок и данные. Команды почтовых протоколов.
Протокол IMAP. Структура пакета, команды.
Протокол FTP. Структура пакета, команды.
Серверы FTP.
Почтовые серверы.
Протоколы физического и канального уровней.
Протокол ICQ. Модули работы с протокола.
Протокол IRС.
Протокол HTTP.
Протокол HTTPS.
Язык разметки HTML5.
Адресация в Интернет. DNS.
Служба ICQ и мобильная связь.
IP-телефония. Skype.
Айфоны (IPhone) и Смартфоны.
Веб-серверы.
Протокол Wi-Fi.
Виды кодировок кириллицы.
Система клиент-сервер.
Устройство и принципы работы http-сервера.
Отличия протоколов IPv4 от IPv6.
Адресация в iPv6.
Разгонимся мысленно до 340 км/ч…
Улитки на уроке физики
Глава 2. Проектирование и разработка сайтов
Создание сайта подразделяется на несколько этапов: проектирование и разработка дизайна главной и вторичных страниц, включая разработку клиентской части; cоздание скриптов, выполняемых на стороне сервера; cоздание баз данных; тестирование; продвижение.
2.1. Виды сайтов
Сайт – это набор из нескольких десятков, (сотен или тысяч) веб-страниц, связанных вместе единой темой, общим оформлением, взаимными гипертекстовыми ссылками и близким размещением (обычно в пределах одного домена). Условно выделяют следующие виды сайтов:
Личные страницы (home pages) – до недавнего времени самая массовая категория веб-сайтов. На них может быть все что угодно: информация о себе, о детях, о кошках, цветах, путешествиях. В настоящее время значительная часть такой информации перенесена в социальные сети и блоги.
Сайт-визитка – краткий и компактный сайт, содержащий общую информацию о компании, ее товарах и услугах, а также необходимые контактные данные. Сайт-визитка – небольшой сайт с максимально простой и удобной системой навигации. Он идеально подходит для небольших компаний, которые хотят разместить информацию о себе и своих услугах в интернете, и впервые столкнулись с задачей создания сайта. Данный сайт имеет короткие сроки разработки и невысокую стоимость. Если сайт-визитка больше не удовлетворяет потребностям расширяющегося бизнеса, можно изменить его структуру до корпоративного сайта, Интернет-магазина или веб-портала.
Некоммерческие (академические) сайты – это сайты, принадлежащие всевозможным добровольным объединениям, временным проектам, международным или благотворительным организациям. К этой категории можно отнести и страницы научных центров, официальные сайты некоммерческих программных проектов, а также организаций. Каждая страница некоммерческого сайта целевая и адресная. Результатом является логичное и последовательное оформление, сознательное использование академического стиля.
Образовательные сайты. К этой же категории можно отнести многочисленные страницы учебных заведений и университетов. Такие сайты содержат большие объемы образовательной информации.
Информационные сайты – содержат исчерпывающую информацию по некоторой предметной области. Аналогично новостной сайт содержит информацию о последних событиях.
Контент-сайты – являются, основными поставщиками информации и генераторами траффика. К этой категории относятся новостные сайты и колонки обозревателей, развлекательные и образовательные ресурсы.
Для сайтов этого типа содержание превосходит по важности оформление, так что средний уровень их дизайна ниже, чем у сайтов компаний. Рассчитанные на многократные регулярные визиты, такие сайты стремятся свести оформительские элементы к минимуму, чтобы читатели не тратили время на перекачивание графики, так как ничто не должно отвлекать их от информации, содержания, контента.
Промо-сайт – это реклама товара или услуги.
Интернет магазин – сайт, предназначенный для продажи товаров или услуг через Интернет, содержит каталог продукции, прайс-листы, систему заказов. Интернет-магазин позволяет избежать множества дополнительных расходов на аренде помещений и складов. Продавец получает возможность взаимодействовать с пользователем в любое время суток, получая высокую рентабельность собственного бизнеса. Интернет-магазин – идеальное решение для малого бизнеса, работа которого может быть организована одним или несколькими сотрудниками. Магазин в Интернете максимально ориентирован на целевую аудиторию. Управление Интернет-магазином осуществляется с помощью удобной CMS-системы, что позволяет оперативно менять содержимое каталога товаров несколькими щелчками мыши. Удобна также и система приема, обработки заказов и удаленного взаимодействия с покупателями. Кроме того обеспечивается возможность отслеживания действий пользователя на сайте, контроля их деятельности и анализ эффективности работы магазина. Каталог товаров должен содержать подробное описание и фотоснимки товаров.
Портал – это очень большой веб-ресурс, который объединяет значительное число различных Интернет-ресурсов в информационном пространстве компании, а также разные интерактивные службы.
Корпоративный сайт – предоставляет клиентам полную информацию о компании: здесь размещаются сведения о предлагаемых товарах или услугах, описание политики компании, ее истории, целей, особенностей, контактных сведений. Схема работы корпоративного сайта следующая: предоставление информации о компании на сайте > укрепление имиджа фирмы > увеличение продаж и прибыли. Большинство корпоративных сайтов содержит информацию не только о самой фирме, но и о ее продуктах.
Сайты дизайнерских компаний всегда интересны. Такой сайт должен нравиться потенциальным заказчикам и дизайнерам, отвечать жестким критериям, выработанным современной дизайн-культурой. Сайты веб-дизайнеров обычно немногословны – дизайн должен говорить сам за себя. На его первой странице часто не содержится вообще никакого текста, кроме названия фирмы и надписей на кнопках навигации (если же текст и есть, то чаще всего он нарочито загадочен, многозначителен, а не прямолинейно-рекламен). Вместо текста основное пространство страницы либо заполнено тщательно подготовленным «ударным» визуальным материалом или логотипом фирмы, либо просто оставлено пустым. Для дизайнерских сайтов всегда характерно активное использование пустоты, подчеркивающей их эстетский, антипрагматический стиль.
Рекламные сайты. В последнее время рекламный бизнес становится в Интернете все более прибыльным, и живущие за счет рекламы сайты растут и множатся.
Развлекательные сайты. Содержат музыку, видео, игры.
Сайты книг, фильмов, музыкальных альбомов и групп, спортивных команд не несут в себе почти ничего коммерческого. Если принадлежат они не самим издателям, киностудиям или музыкантам, а независимым поклонникам то, уступая чисто рекламным сайтам в уровне дизайна, нередко выигрывают в полноте и качестве информации.
