- •Романчик в.С.
- •Минск, бгу, 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
Глава 4. Веб – дизайн и обработка гипертекстовых документов
Веб-дизайн
Под термином веб-дизайн понимают проектирование структуры веб-ресурса и обеспечение клиенту удобства пользования ресурсом. К Веб-дизайну относятся: логика построения сайта и предоставления информации на экране, создание привлекательного и функционального интерфейса сайта, наиболее удобные решения подачи информации.
Стили сайтов
Cтиль сайта должен определяться теми проблемами, которыми занимается клиент. Стиль должен выгодно отличать данный ресурс от подобных сайтов.
В настоящее время выделяют некоторые общие направления стилей: классический, хай-тек, табличный, пиктографический, минимализм, журнальный, газетный, текстовый, фирменный, стиль Web 2.0.
Классический стиль поддерживает строгие лаконичные формы и неброские цвета. Таким стилем хорошо сообщать публике прогнозы рынка forex, экономические новости и биржевые сводки.
Сайты, имеющие много информации, придерживаются текстового стиля, где важна четкая определенная структура, а графика имеет второстепенное значение.
Газетный стиль подходит для тех сайтов, которые имеют большое количество перекрестной информации, поскольку в этом стиле выделена табличная верстка, на всех страницах присутствуют ссылки на темы рубрик.
К художественному стилю часто прибегают крупные корпорации и студии дизайна.
Техно-стиль или хай-тек это стиль, где за основу берутся каркасы моделей, трехмерные конструкции, роботы и части металлических изделий.
Минимализм в веб-дизайне означает использование простоты классических геометрических форм и минимального количества цвета и красок. Многие известные дизайнеры вернулись к старому заключению «все гениальное — просто». Белый фон, черный или серый шрифт, минимум графики, максимум «юзабилити» и информативности. Одной из первых «громких» работ в стиле clean & simple стал портал американской газеты New York Times.
Фирменный стиль для компании означает несколько вещей. В первую очередь, это логотип. Логотип — это герб бизнеса, успешный выбор которого сделает компанию запоминающейся для клиентов. Во-вторых, уникальное оформление визиток, фирменных бланков и сайта обеспечивает уникальность рекламной и корпоративной продукции компании. Фирменный стиль станет гарантией доверия и узнаваемости компании среди потребителей, способствуя росту её положительной репутации на рынке.
Одним из наиболее популярных сейчас является стиль Web 2.0. Он прост в исполнении, имеет небольшое число колонок, выравнивание по центру, удобную навигацию. Для пользователей он привлекателен крупным текстом, яркими цветами и объемными эффектами, оригинальными иконками.
Коммерческие сайты в основном выполняются в классическом, текстовом, газетном и художественном стиле.
Какие части и разделы может содержать сайт
Главная страница есть на любом сайте. Она несет в себе навигационную функцию, большинство пользователей приходят именно на нее. На ней должны быть ссылки на разделы сайта. На главной странице должно быть приветствие, из которого посетитель может понять что это за сайт, и что на нем есть. Здесь можно разместить блок с коммерческими предложениями.
Статьи. На сайте желательно дать клиентам раздел, в котором можно почитать материалы по теме.
Новости. Новости несут ту же функцию, что и статьи, только постоянно обновляются.
Магазин или раздел с описанием услуг. Рядом со статьями или новостями могут отображаться товары и услуги. Таким образом Вы превратите читателей в покупателей.
Блог. Хорош для любого сайта. Его можно сделать как альтернативу новостному разделу.
Форум. Нужен для оказания технической поддержки и для общения посетителей.
FAQ. Часто задаваемые вопросы и ответы. В этом разделе можно описать вопросы и ответы в подддержку товаров. Кроме помощи клиентам это еще и страницы, которые генерируют поисковый трафик.
Файловый архив. Это может быть документация, программное обеспечение, фотографии.
Портфолио. Нужно для студий Веб-дизайна, фрилансеров, разработчиков ПО. Своего рода витрина, на которой представлены лучшие образцы работ.
Обратная связь. Форма обратной связи или данные для связи с менеджером, администратором должна быть на любом сайте.
Рассылка. Она необходима, чтобы иметь контакт с посетителями.
Поиск. Если у Вас есть все, что описано выше, то поиск просто необходим.
Информеры: погода, курсы валют, календарь
Регистрация/Авторизация на сайте проводится в случае, если предполагается предоставление некоторых дополнительных услуг
Какие части и разделы должны быть на сайте
С точки зрения юзабилити на любом сайте необходимо следующие элементы:
1. Логотип сайта
2. Название страницы
3. Разделы и подразделы
4. Локальная навигация
5. Индикаторы «Вы находитесь здесь»
Пример. Что должно быть на основном бизнес-сайте
• Новости
• Статьи
• Блог
• Форум
• FAQ
• Форма обратной связи
• Магазин или раздел с описанием услуг
• Портфолио
• Файловый архив
• Рассылка
• Поиск
Пример. Что должно быть на сайте для заработка контекстной рекламой
• Новости
• Статьи
• Блог
• Форум
• FAQ
• Форма обратной связи
• Файловый архив
• Рассылка
• Поиск
Все то же самое, кроме прямой продажи услуг.
В любом случае, на сайте должен быть уникальный и качественный контент. Это залог успеха любого сайта