- •Романчик в.С.
- •Минск, бгу, 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-сайта перед другими подобными ресурсами Интернет, а также о товарах и услугах, предлагаемых компанией.
Обычно при разработке сайтов применяют одинаковую или близкую компоновку главной страницы. Вверху слева помещается название и логотип компании. Затем может идти раздел "Новости", потом - раздел с названием "О компании", содержащий историю фирмы. Далее идет раздел "Услуги". На главной странице торгового сайта можно также разместить раздел "Статьи", содержащий статьи о товарах и услугах и, например, "Полезное". В последнем можно предоставить ссылки на бесплатное скачивание и руководство по настройке и использованию программ, используемых в Интернет. Последним разделом, который обязательно должен присутствовать на главной странице Интернет-магазина и не только, является раздел с названием "Контакты". Здесь нужно разместить не только телефон, и Skype компании, но и фактический адрес. В этом разделе может быть представлена точная схема проезда. Естественно, на главной странице торгового сайта обязательно должны быть приведены картинки и фото предлагаемого товара, ведь благодаря им посетитель сможет быстрее и лучше понять суть вашего бизнеса.
Вот пример простой и удобной компоновки главной страницы:
- О компании (название компании)
- Новости
- Название основного вида деятельности или предлагаемых товаров
- Как выбрать компанию, обеспечивающую данную услугу?
- Свяжитесь с нами
У сайта должна быть только одна главная страница. Поэтому в пределах сайта термины "Главная" ("Home") должны относиться только к этой странице. Оформление главой страницы должно четко отличать ее от остальных страниц сайта. Для этого применяется либо слегка измененный дизайн, который, тем не менее, согласуется с оформлением и характером всего сайта.
Рекомендации по дизайну главной страницы
Назначение сайта: Название или логотип компании должны иметь подходящий размер и располагаться в заметном месте страницы. Обычно это верхний левый угол. Постарайтесь не перегружать эту область визуальными эффектами. Количество ключевых задач должно быть небольшим (1-4), а область страницы вокруг нее - незаполненной.
Информация о компании: Кроме названия и назначения компании добавьте к странице рекламный лозунг, который бы четко характеризовал деятельность компании. Лозунг должен быть коротким и метким. Так, например, лозунг комании Яндекс "Найдется все". (еще один - “Мы обуем всю Россию”). От лозунгов можно отказаться, если в имени компании раскрывается ее назначение или если компания известна как Microsoft.
Стиль содержимого сайта:
Выбирая слова, ориентируйтесь на язык пользователей, а не компании. Строго следите за применением прописных букв и соблюдением стилевого. Формулируя задания для пользователей сайта, используйте повелительное наклонение, например "Введите название города". Избегайте восклицательных знаков.
Использование примеров для краткого обзора содержимого сайта: Каждый пример должен сопровождаться ссылкой на подробное описание данного продукта и фотографии.
Ссылки: Чтобы показать, что данное слово является ссылкой, подчеркните его и выделите голубым. Цвета просмотренных и непросмотренных ссылок должны различаться. Если функция ссылки отличается от обыкновенного перехода на другую страницу и состоит в загрузке PDF-файла, отправке электронного сообщения, запуске аудио- или видеопроигрывателя об этом должно быть сказано явно.
Навигация:
Главная панель навигации должна находиться в заметном месте страницы, предпочтительно рядом с ее основной частью. Не следует размещать верхнюю горизонтальную панель навигации над графическими элементами наподобие горизонтальных границ или баннеров. Страница не должна содержать активной ссылки на саму себя.
Поиск:Главная страница должна содержать непосредственно поле для ввода поисковых запросов, а не просто ссылка на страницу поиска.
Ссылки на службу сайта:Не добавляйте на сайт службы, не имеющие отношения к его основной тематике. Например, не обязательно добавлять ссылку на прогноз погоды, если никакого отношения ни к новостям, ни к погоде этот сайт не имеет.
Графика и анимация:Позвольте пользователю самому решать, хочет ли он видеть анимированную заставку к сайту - не запускайте ее по умолчанию или обеспечьте легкий и понятный способ ее отключения.
Графическое оформление:
Постарайтесь обойтись без горизонтальной полосы прокрутки. Все главные элементы главной страницы по возможности должны находиться (выше линии сгиба) (в первом экране страницы, доступном без вертикальной прокрутки) для наиболее распространенного разрешения экрана. Используйте гибкую структуру главной страницы, чтобы ее размер мог автоматически приспосабливаться к различным разрешениям экрана.
Раскрывающиеся окна и промежуточные страницы: Пользователи, набравшие в адресной строке обозревателя главный URL Вашего сайта либо пришедшие на него по ссылке, должны попадать сразу на настоящую главную страницу. Откажитесь от раскрывающихся окон.
Рекламные объявления: Рекламные баннеры других компаний следует вынести на периферию страницы.
Самые лучшие главные страницы не только информативны, просты и понятны. Они еще должны быть адресованными лично посетителю. Персонализация главной страницы очень важна. Оформление главной страницы должно отличать ее от остальных страниц сайта.