- •Минск, бгу,
- •Содержание.
- •Глава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 работать быстрее
- •Литература
Главная страница сайта
Главная страница является самой важной страницей любого веб-сайта. Большинство пользователей приходят на нее. Главная страница должна содержать приветствие, из которого посетитель может понять что это за сайт, и что на нем есть. На главной странице должны быть ссылки на разделы сайта.
Главная страница дает представление обо всем сайте - о его содержимом, дизайне, навигационной системе, структуре. Поэтому ее дизайн должен быть эргономичным. Например, назначение начальной страницы коммерческого или корпоративного сайта заключается в том, чтобы дать представление пользователям о данной компании, о товарах и услугах, предлагаемых компанией о преимуществах перед другими компаниями.
На главной странице сайта могут быть разделы: Статьи. В разделе можно почитать материалы по теме. Новости. Несут ту же функцию, что и статьи, только постоянно обновляются. Магазин или раздел с описанием услуг. Рядом со статьями или новостями могут отображаться товары и услуги. Блог. Блог можно сделать как альтернативу новостному разделу. Форум. Нужен для оказания технической поддержки и для общения посетителей. FAQ. Часто задаваемые вопросы и ответы. В этом разделе можно описать вопросы и ответы в поддержку товаров. Эти страницы генерируют также поисковый трафик. Файловый архив. Это документация, программное обеспечение, фотографии. Портфолио. Нужно для студий Веб-дизайна, фрилансеров, разработчиков ПО. Своего рода витрина, на которой представлены лучшие образцы работ. Обратная связь. Форма обратной связи или данные для связи с менеджером, администратором должна быть на любом сайте. Рассылка. Она необходима, чтобы иметь контакт с посетителями. Поиск. Если у Вас есть все, что описано выше, то поиск просто необходим. Информеры: погода, курсы валют, календарь. Регистрация/Авторизация на сайте проводится в случае, если предполагается предоставление некоторых дополнительных услуг
Оформление главной страницы должно отличать ее от остальных страниц сайта. Для этого применяется либо слегка измененный дизайн, который согласуется с оформлением и стилем всего сайта. К проблемам дизайна главной страницы отнесем следующие вопросы и разделы:
Назначение сайта: Название или логотип компании должны иметь подходящий размер и располагаться в заметном месте страницы. Обычно это верхний левый угол. Нельзя перегружать эту область визуальными эффектами.
Информация о компании: Кроме названия и назначения компании к странице часто добавляется рекламный лозунг(слоган), который бы четко характеризовал деятельность компании. Лозунг должен быть коротким и метким. Так, например, лозунг компании Яндекс "Найдется все" (еще один - “Мы обуем всю Россию”). От лозунгов можно отказаться, если в имени компании раскрывается ее назначение или если компания известна как Microsoft.
Стиль содержимого сайта:
Выбирая слова, следует ориентироваться на язык пользователей, а не компании. Следует следить за применением прописных букв и соблюдением текстового стиля. Формулируя задания для пользователей сайта, надо использовать повелительное наклонение, например "Введите название города". Избегайте восклицательных знаков.
Использование примеров для краткого обзора содержимого сайта: Каждый пример должен сопровождаться ссылкой на подробное описание данного продукта и фотографии.
Ссылки: Ссылки подчеркиваются и выделяются голубым цветом. Цвета просмотренных и не просмотренных ссылок должны различаться. Если функция ссылки отличается от обыкновенного перехода на другую страницу и состоит в загрузке PDF-файла, отправке электронного сообщения, запуске аудио- или видеопроигрывателя об этом должно быть сказано явно.
Навигация:
Главная панель навигации должна находиться в заметном месте страницы, предпочтительно рядом с ее основной частью. Не следует размещать верхнюю горизонтальную панель навигации над графическими элементами наподобие горизонтальных границ или баннеров. Страница не должна содержать активной ссылки на саму себя.
Поиск: Главная страница должна содержать непосредственно поле для ввода поисковых запросов.
Ссылки на службу сайта: Не добавляйте на сайт службы, не имеющие отношения к его основной тематике. Например, не обязательно добавлять ссылку на прогноз погоды, если никакого отношения к погоде этот сайт не имеет.
Графика и анимация: Позвольте пользователю самому решать, хочет ли он видеть анимированную заставку к сайту - не запускайте ее по умолчанию или обеспечьте легкий и понятный способ ее отключения.
Графическое оформление:
Постарайтесь обойтись без горизонтальной полосы прокрутки. Все главные элементы главной страницы по возможности должны находиться (выше линии сгиба) (в первом экране страницы, доступном без вертикальной прокрутки) для наиболее распространенного разрешения экрана. Используйте гибкую структуру главной страницы, чтобы ее размер мог автоматически приспосабливаться к различным разрешениям экрана.
Раскрывающиеся окна и промежуточные страницы: Пользователи, набравшие в адресной строке обозревателя главный URL Вашего сайта либо пришедшие на него по ссылке, должны попадать сразу на настоящую главную страницу. Откажитесь от раскрывающихся окон.
Рекламные объявления: Рекламные баннеры других компаний следует вынести на периферию страницы.
Большинство сайтов применяют стандартную компоновку главной страницы. Вверху слева помещается название и логотип компании. Затем может идти раздел "Новости", потом - раздел с названием "О компании", Далее идет раздел "Услуги". На главной странице торгового сайта можно также разместить раздел "Статьи", содержащий статьи о товарах и услугах и, например, "Полезное". В последнем можно предоставить ссылки на бесплатное скачивание и руководство по настройке и использованию программ, используемых в Интернет. Последним разделом, который обязательно должен присутствовать на главной странице, является раздел "Контакты". Здесь нужно разместить не только телефон, и Skype компании, но и фактический адрес и точную схему проезда. На главной странице торгового сайта обязательно должны быть приведены картинки и фото предлагаемого товара.
Самые лучшие главные страницы не только информативны, просты и понятны. Они еще должны быть адресованными лично посетителю. Персонализация главной страницы очень важна.
Приведем несколько рекомендаций для улучшения дизайна сайта.
1. Посетитель должен сразу понять, куда он попал и что он может найти на сайте. На главной странице сайта должно быть 2-3 абзаца с описанием основных услуг компании.
2. Услуги должны иметь ссылки с главной страницы .
3. Навигация – интуитивно понятна, любой раздел должен быть достижим за 2-3 клика мышью.
4. Желательно иметь диалоговую форму для отправки заявок
5. На сайте с разветвленной структурой должны быть были дополнительные навигационные элементы (навигационная строка «хлебные крошки») и дополнительные дублирующие меню.
7. Дизайн главной страницы может отличаться от дизайна внутренних страниц сайта, но все страницы должны быть выполнены в едином стиле.
8. В человеке - 80% воды, в Интернете - 99%. Пользователя следует защищать от больших объемов информации, упорядочивая информацию.
9. Люди не читают веб-страницы, а просматривают. Они задерживаются на словах и выражениях, которые привлекают внимание.
10. Пользователи избегают медленно загружающихся сайтов.
