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