- •Минск, бгу,
- •Содержание.
- •Глава1. Компьютерные сети и протоколы…………………………..15
- •Введение в Интернет Коротко об истории Интернет
- •Как работает Интернет?
- •Система адресации
- •Способы подключения к сети
- •Сервисы Интернет
- •Передача файлов по ftp
- •Всемирная паутина www
- •Электронная почта
- •Задания по теме “Введение в Интернет”
- •Глава 1. Компьютерные сети и протоколы
- •Локальные сети
- •Распределенные и глобальные сети
- •Сеть vpn
- •Адресация в локальных сетях
- •Адресация в глобальных сетях и в Интернет
- •Понятие и краткое описание протоколов
- •Соотношение между tcp/ip и osi/iso
- •Межсетевой протокол iPv4
- •Транспортный протокол tcp
- •Протокол дэйтаграмм udp
- •Протоколы arp и rarp
- •Протоколы сетевого уровня
- •Протоколы электронной почты
- •Протоколы smtp и pop3
- •Протокол imap4
- •Спецификация mime
- •Протокол ftp
- •Http – Протокол передачи гипертекстов
- •Клиентский запрос http
- •Ответ сервера
- •Развитие прикладных протоколов: soap, rest, rpc
- •Безопасность в сети
- •Протокол ssl
- •Установление подлинности участников
- •Проблемы с кодировкой и Unicode
- •Задания по теме «Протоколы Интернет»
- •Глава 2. Проектирование и разработка сайтов
- •Виды сайтов
- •Этапы проектирования и разработки сайта
- •Модели проектирования и управление проектами
- •Итерационная (спиральная) модель
- •Программные средства управления проектами
- •Логическое проектирование дизайна сайта
- •Главная страница сайта
- •Внутренние страницы сайта
- •Оценки качества Веб – сайтов
- •Глава 3. Краткий обзор основных технологий разработки Веб приложений
- •Язык разметки гипертекста xml
- •Синтаксис xml
- •Объявление xml
- •Конструкции языка
- •Правильно построенные и действительные документы xml
- •Отображение xml документа
- •Словари xml
- •Вставка флэш в страницу
- •Язык ActionScript
- •Видео-аудио проигрыватели
- •Технология «клиент-сервер»
- •Язык Java на клиентской и серверной странице
- •Базы данных и язык sql
- •Нормализация модели данных
- •Язык sql
- •Команды определения структуры данных
- •Команды манипулирования данными
- •Команды управления транзакциями
- •Команды управления доступом
- •Извлечение данных, команда select
- •Секция where
- •Групповые функции
- •Секция having
- •Изменение данных
- •Команда insert
- •Язык разметки гипертекста html
- •Формы html
- •Новые элементы форм html5
- •Новый тип input – range служит для ввода значения из диапазона
- •Теги div и span
- •Метатеги
- •Новые возможности html5
- •Поддержка аудио
- •Поддержка видео
- •Атрибут Controls
- •Валидация документов
- •Каскадные таблицы стилей css
- •Способы включения каскадных таблиц стилей
- •Теги div , span и link
- •Свойства шрифтов (фонтов).
- •Заголовок1 Заголовок2 Заголовок3
- •Стили текста.
- •Цвет и фон.
- •Свойства списков
- •Свойства таблиц
- •Псевдоклассы
- •Псевдостили текста
- •Псевдоэлементы
- •Форматирование псевдоклассов и псевдоэлементов
- •Различные свойства
- •Представление документа в виде блоков
- •Отступы, поля, позиционирование
- •Границы элементов
- •Визуальное форматирование
- •Визуальные эффекты
- •Новое в css3
- •Глава 5. Язык JavaScript Введение
- •Включение скриптов JavaScript в html-код
- •Создание простых сценариев
- •Комментарии. Скрытие сценариев от браузеров
- •Отладка скриптов. Ввод и вывод данных
- •Описание языка Типы данных
- •Преобразование типа
- •Булев тип
- •Переменные типа Undefined и Null
- •Массивы
- •Операторы и выражения
- •Оператор присваивания
- •Арифметические операторы
- •Операторы сравнения
- •Функции пользователя
- •Передача параметров по значению и по ссылке
- •Глобальные и локальные переменные
- •Модель событий
- •Ключевое слово this
- •Перехват события.
- •Методы addEventListener, removeEventListener, attachEvent.
- •Исключения: throw/catch/finally
- •Объектная модель
- •Пользовательские объекты
- •Прототипы
- •Встроенные объекты String, Array, Date, Math Объект String
- •Объект Array
- •Объект Date (Дата)
- •Методы объекта Date
- •Коллекции
- •Свойства элемента innerHtml и outerHtml
- •Навигация по дереву документа
- •Создание новых узлов
- •Удаление и замена узлов в документе
- •Объект window
- •Свойства окна, передаваемые методу open()
- •Методы объекта window
- •Свойства и методы объекта navigator
- •Свойства и методы объекта history
- •Свойства и методы объекта location
- •Объект layer
- •Свойства объекта layer
- •Методы объекта layer
- •Использование каскадных таблиц стилей и объекта style
- •Модель ajax:
- •Класс xmlHttpRequest
- •Свойства класса
- •Методы класса
- •Создание экземпляра объекта
- •Использование dom
- •Объект FormData
- •Работа с cookie
- •Синтаксис http заголовка для поля Cookie
- •Способы задания значений cookie
- •Примеры на JavaScript
- •Глава 6. Язык серверных скриптов php
- •Инструменты для разработки
- •Как php работает
- •Описание языка Типы данных
- •Массивы и инициализация массивов
- •Операции и выражения
- •Операции сравнения
- •Логические операции
- •Строковые операции
- •Операторы управления
- •Функции
- •Рекурсивные функции
- •Аргументы функции
- •Область действия и время жизни переменных
- •Изменяемые (динамические) переменные
- •Внешние библиотечные функции
- •Функции для работы с массивами
- •Функции для работы со строками.
- •Функции форматных преобразований строк
- •Преобразование строк и файлов к формату html и наоборот
- •Преобразование html в простой текст
- •Преобразование строки к верхнему и нижнему регистру
- •Установка локальных настроек
- •Регулярные выражения
- •Perl-совместимые функции для работы с регулярными выражениями
- •Функции даты и времени
- •Математические функции
- •Объектно-ориентированное программирование в php Основные понятия ооп
- •Классы и Объекты
- •Конструкторы и деструкторы
- •Наследование классов и интерфейсов
- •Магические методы
- •Обработка ошибок
- •Ошибки php и журнал error_reporting
- •Чтение и запись бинарных файлов
- •Работа с каталогами в рнр
- •MySql – сервер: бд1; бд2; бд3; бд4;
- •Язык запросов sql
- •Операция соединения.
- •Команды sql для создания баз данных и таблиц
- •Выборка данных из таблиц бд
- •Работа с MySql (сохранение данных в базе данных).
- •Работа с MySql занесение и получение данных из базы данных
- •Организации работы с данными
- •Передача данных от клиента к серверу и обратно. Протокол http
- •Клиентские методы http
- •Обработка html-форм
- •Передача переменных из формы в скрипт.
- •Передача значений переменных по методу get
- •Передача данных из формы на сервер по методу get
- •Передача данных из формы на сервер по методу post
- •Php и различные формы
- •Обработка форм
- •Более сложные переменные формы
- •Глава 7. Лабораторные работы Лабораторная работа 1 (4 часа). Инструменты и средства создания простых сайтов
- •Лабораторная работа 3 (4часа). Применение каскадных таблиц стилей css
- •Трехколоночный контейнерный макет сайта
- •Лабораторная работа 4. Применение каскадных таблиц стилей css
- •Некоторые подсказки по синтаксису css:
- •1. Свойства шрифтов.
- •2. Свойства текста.
- •3. Свойства цвета и фона.
- •4. Свойства рамки.
- •5. Свойства списков.
- •6. Свойства изображений.
- •Форматирование блока
- •Лабораторная работа 5 (4 часа). Динамика и JavaScript на Веб –странице.
- •Ответить на следующие вопросы
- •Пример вывода даты и времени.
- •Пример вывода строки в стиле печатной машинки
- •Дополнительные задачи и упражнения по JavaScript
- •Лабораторная работа 6 по JavaScript (4 часа).
- •Проверка правильности заполнения формы на сайте
- •Методы объекта window
- •Методы focus() и blur()
- •Лабораторная работа 7. Php Задание 1. Массивы и строки Выполнить одно из перечисленных ниже упражнений
- •Задание 2. Функции
- •Задание 4. Работа с базами данных Выполнить одно из перечисленных ниже упражнений
- •Задание 5. Создание web-объектов Список заданий
- •Приложение 1. Курсовые работы Курсовая работа 1. Создание клиентских приложений
- •Курсовая работа №2. Сайты клиент-сервер
- •Каталог товаров
- •Система вопрос/ответ
- •Курсовая работа №3. Технологии разработки Веб – приложений Проекты сайтов
- •Перечень заданий
- •Приложение 2. Быстрая разработка Веб-приложений и cms
- •Начало работы с сайтом
- •Установка нового модуля
- •Создание шаблона
- •Создание индивидуальных шаблонов
- •Движок шаблонирования xTemplate
- •Создание нового шаблона
- •Удаление блока с формой входа на сайт
- •Включение блока для отображение популярных статей
- •Удаление ссылки "Далее" в отображение статьи
- •Drupal: практические примеры
- •Как заставить Drupal работать быстрее
- •Литература
Задания по теме «Протоколы Интернет»
Что такое IP адрес? Статический и динамический IP-адреса.
Web- псевдонимы(du.ru, null.ru)
Видеохостинг Google YouTube.
Мобильная телефония. Протоколы мобильного Интернет.
Мобильная 3G-сеть.
Видеочат, мобильное телевидение, веб-камеры.
Безпроводные устройства для доступа в Интернет.
Форматы мультимедийных и графических файлов.
Назначение основных сетевых протоколов.
Стек протоколов TCP/IP.
Вид заголовка и данные в TCP-пакете.
Вид заголовка и данные в IP-пакете.
Протоколы POP3 и SMTP. Заголовок и данные. Команды почтовых протоколов.
Протокол IMAP. Структура пакета, команды.
Протокол FTP. Структура пакета, команды.
Серверы FTP.
Почтовые серверы.
Протоколы физического и канального уровней.
Протокол ISQ. Модули работы с протокола.
Протокол IRС.
Протокол HTTP.
Протокол HTTPS.
Язык разметки HTML5
Адресация в Интернет. DNS.
Служба ISQ и мобильная связь.
IP-телефония. Skype.
Айфоны (IPhone) и Смартфоны.
Веб серверы
Протокол Wi-Fi.
Виды кодировок кириллицы
Система клиент-сервер.
Устройство и принципы работы http-сервера
Отличия протоколов IPv4 от IPv6
Адресация в IPv6
Разгонимся мысленно до 340км/час…
Улитки на уроке физики
Глава 2. Проектирование и разработка сайтов
Создание сайта можно разделить на следующие этапы: проектирование и разработка дизайна главной и вторичных страниц, включая разработку клиентской части, cоздание скриптов, выполняемых на стороне сервера, cоздание баз данных, тестирование и продвижение.
Виды сайтов
Сайт — это набор из нескольких десятков, (сотен или тысяч) веб-страниц, связанных вместе единой темой, общим оформлением, взаимными гипертекстовыми ссылками и, близким размещением (обычно в пределах одного домена). Условно выделяют следующие виды сайтов:
Личные страницы (home pages) – до недавнего времени самая массовая категория веб-сайтов. На этих сайтах может быть все что угодно: информация о себе, о детях, о кошках, цветах, путешествиях. В настоящее время значительная часть такой информации перенесена в социальные сети и блоги.
Сайт визитка – Краткий и компактный сайт, содержащий общую информацию о компании её товарах и услугах, а также необходимые контактные данные. Сайт-визитка — небольшой сайт с максимально простой и удобной системой навигации. Сайт-визитка идеально подходит для небольших компаний, которые хотят разместить информацию о себе и своих услугах в интернете, и впервые столкнулись с задачей создания сайта. Сайт-визитка имеет короткие сроки разработки и невысокую стоимость. Если сайт-визитка больше не удовлетворяет потребностям расширяющегося бизнеса, можно изменить его структуру до корпоративного сайта, Интернет-магазина или веб-портала.
Некоммерческие (академические) сайты — это сайты, принадлежащие всевозможным добровольным объединениям, временным проектам, международным или благотворительным организациям. К этой категории можно отнести и страницы научных центров, официальные сайты некоммерческих программных проектов а также организаций. Каждая страница некоммерческого сайта знает, что она хочет сказать своим читателям, и знает, зачем им это нужно. Результатом является логичное и последовательное оформление, сознательное использование академического стиля.
Образовательные сайты. К этой же категории можно отнести многочисленные страницы учебных заведений и университетов. Такие сайты содержат большие объемы образовательной информации.
Информационные сайты – сайт, который содержит исчерпывающую информацию по некоторой предметной области. Аналогично новостной сайт содержит информацию о последних событиях.
Контент-сайты. Контент-сайты являются, основными поставщиками информации и генераторами траффика. К этой категории относятся новостные сайты и колонки обозревателей, развлекательные и образовательные ресурсы.
Для сайтов этого типа содержание превосходит по важности оформление, так что средний уровень их дизайна ниже, чем у сайтов компаний. Рассчитанные на многократные регулярные визиты, такие сайты стремятся свести оформительские элементы к минимуму, чтобы читатели не тратили время на перекачивание графики. Ничто не должно отвлекать их их от информации, содержания, контента.
Промо-сайт – это сайт, являющийся рекламой товара или услуги.
Интернет магазин – сайт, предназначен для продажи товаров или услуг через Интернет. Сайт содержит каталог продукции, прайс-листы, систему заказов. Интернет-магазин позволяет избежать множества дополнительных расходов на аренде помещений и складов. Продавец получает возможность взаимодействовать с пользователем в любое время суток, получая высокую рентабельность собственного бизнеса. Интернет-магазин — идеальное решение для малого бизнеса, работа которого может быть организована одним или несколькими сотрудниками. Магазин в Интернете максимально ориентирован на целевую аудиторию. Управление Интернет-магазином осуществляется с помощью удобной CMS-системы, что позволит оперативно менять содержимое каталога товаров несколькими щелчками мыши. Удобная система приёма, обработки заказов и удалённого взаимодействия с покупателями. Возможность отслеживания действий пользователя на сайте, контроля их деятельности и анализ эффективности работы магазина. Каталог товаров должен содержать подробное описание и фотосъёмки товаров.
Портал – это очень большой веб-ресурс, который объединяет большое число различных Интернет-ресурсов в информационном пространстве компании, а также различные интерактивные службы.
Корпоративный сайт. Корпоративный сайт предоставляет клиентам полную информацию о компании: здесь размещаются сведения о предлагаемых товарах или услугах, описание политики компании, её истории, целей, особенностей, контактных сведений. Схемы работы корпоративного сайта следующая: Предоставление информации о компании на сайте > укрепление имиджа фирмы > увеличение продаж и прибыли. Большинство корпоративных сайтов содержит информацию не только о самой фирме, но и о ее продуктах.
Сайты самих дизайнерских компаний всегда интересны. Такой сайт обязан нравится потенциальным заказчикам и дизайнерам, отвечать жестким критериям, выработанным современной дизайн-культурой. Сайты веб-дизайнеров обычно немногословны - дизайн должен говорить сам за себя. На его первой странице часто не содержится вообще никакого текста, кроме названия фирмы и надписей на кнопках навигации (если же текст и есть, то чаще всего он нарочито загадочен, многозначителен, а не прямолинейно-рекламен. Вместо текста основное пространство страницы либо заполнено тщательно подготовленным, «ударным» визуалом или логотипом фирмы, либо просто оставлено пустым. Для дизайнерских сайтов всегда характерно активное использование пустоты, подчеркивающей их эстетский, антипрагматический стиль.
Рекламные сайты. В последнее время рекламный бизнес становится в Интернете все более прибыльным, и живущие за счет рекламы сайты растут и множатся.
Развлекательные сайты. Содержат музыку, видео, игры.
Сайты книг, фильмов, музыкальных альбомов и групп, спортивных команд не несут в себе почти ничего коммерческого. Если принадлежат они не самим издателям, киностудиям или музыкантам, а независимым поклонникам то, уступая чисто рекламным сайтам в уровне дизайна, нередко выигрывают в полноте и качестве информации.
