- •Часть 1. Компьютерная графика и web-дизайн. Теоретические основы.
- •Цветовая модель rgb
- •Цветовая модель cmyk
- •Цветовая модель lab
- •Структура гиперссылки
- •Категории гиперссылок
- •Формы гиперссылок
- •Дизайн гиперссылок
- •Принципы юзабилити
- •Назначение навигации
- •Глобальная навигация
- •Нарушения навигации
- •Организация навигации при помощи закладок
- •О блако тегов
- •1. Сбор страниц
- •2. Индексирование страниц
- •Проблемы поисковых систем
- •Создание системы поиска
- •Интерфейс поиска
- •Дизайн страницы результатов
- •Отрицательный результат поиска
- •Принципы разработки отдельных страниц Главная страница
- •Splash-страница
- •Специальные навигационные страницы
- •Страницы для обратной связи
- •Выходные страницы
- •Страницы с фиксированными размерами
- •Масштабирование по горизонтали
- •Введение в web-типографику
- •Правила составления текстов для web
- •Главные правила текстового дизайна
- •Создание логотипа
- •Выбор цветовой гаммы сайта
- •2. Эксплуатационный опрос
- •3. Определение технических подробностей
- •4.Изучение аудитории
- •5.Анализ отрасли
- •6. Составление первичной документации
- •1. Структурирование сайта с точки зрения контента
- •Основные ошибки клиента
- •2. Создание карты сайта
- •3. Установка соглашений об именовании
- •1. Разработка концепции дизайна
- •2. Выверка
- •3. Создание графических шаблонов и руководства по стилю оформления
- •1. Подготовка к производству
- •2. Заключение договора о хостинге
- •3. Формирование файловой структуры
- •4. Компоновка страниц
- •5. Контроль качества
- •1. Передача сайта
- •2. Запуск
- •3. Сопровождение
- •Баннер с позиции рекламодателя
- •Баннер с позиции дизайнера
- •Часть 2. Разработка web-узлов. Практическое задание.
- •1. Запись данных: insert
- •2. Чтение данных: select
- •3. Обновление данных: update
- •4. Удаление данных: delete
- •Описание
- •Синтаксис
- •Описание
- •Синтаксис
- •Синтаксис
- •Аргументы
- •Описание, примеры
- •Связь между окнами
- •Строка параметров
- •Основные кроссбраузерные параметры
- •Заметки
- •Конструкция включений require
- •Конструкция включений include
- •Часть 3. Верстка и допечатный процесс.
- •1. Каждая статья должна иметь прямоугольную форму и состоять из прямоугольных блоков
- •2. Обтекаемая текстом фотография должна занимать по ширине целое число колонок
- •3. Колонку текста нельзя прерывать элементами графического дизайна
- •4. При вертикальной верстке элементы статьи должны располагаться в строгом порядке: 1) фотография, 2) подпись к фотографии, 3) заголовок, 4) текст
- •5. Из нескольких иллюстраций к статье следует выбирать одну ведущую
- •1. Материалы должны быть явно отделены друг от друга.
- •2. Материалы должны выстраиваться в иерархию.
- •3. Заголовки соседних материалов не должны слипаться.
- •4. Следует соблюдать иерархию фотоматериалов.
- •5. Полоса должна быть визуально сбалансирована.
- •6. Больше трёх-четырёх гарнитур на полосе использовать нельзя.
- •Часть 4. Операционные системы и компьютерные сети. Вопрос №1. Диапазоны ip-адресов локальных сетей, их назначение
- •Вопрос №2. Прямые и обратные dns-запросы, структура домена .In-addr.Apra
- •Вопрос №3. Напишите консольные команды и их параметры, позволяющие запускать, останавливать и перезапускать сервис Apache, а также просматривать прослушиваемые сервисами порты локального хоста
- •Вопрос №5. Напишите инструкции файла настроек Apache, запрещающие в текущем каталоге доступ ко всем файлам с расширением log отовсюду, кроме локального хоста
- •Вопрос №6. Напишите инструкции файла настроек Apache, разрешающие доступ в текущий каталог только прошедшим аутентификацию пользователям
- •Вопрос №7. Напишите инструкции файла глобальных настроек Apache, организующие виртуальный хост Вопрос №8. Опишите назначение поставляемых в пакете веб-сервера Apache утилит htpasswd, ab
Нарушения навигации
Хорошим тоном в организации сайта является помощь посетителю, который, например, ошибся при наборе адреса и запросил документ, которого на сайте по какой-то причине нет. Такая ситуация называется «ошибка 404».
Вместо стандартной страницы на английском языке, которая может только отпугнуть неопытного пользователя, уместно создать на сайте свою, более дружественную страницу с сообщением об ошибки.
Начать нужно с заголовка окна. Пока еще ничего не загрузилось, по одному только заголовку с надписью «страница не найдена» уже можно понять, что в адресе ошибка. Если пользователь набирал адрес руками и опечатался, он тут же нажмет на кнопку «стоп» и исправит адрес. Если он пошел по указанной где-либо неправильной ссылке, он может дождаться загрузки «404-й страницы» и сориентироваться на месте.
Чтобы помочь посетителю разобраться, на странице должна кратко быть представлена информация о причинах ошибки:
— неправильно набран адрес;
— такой страницы никогда не было на этом сайте;
— такая страница была, но по этому адресу ее больше нет.
Организация навигации при помощи закладок
Одним из популярных приемов оформления навигации . Главное преимущество что пользователь встречался с закладками в реальном мире и сразу понимает их назначение. Вкладки визуально выделяются на странице, поэтому их трудно не заметить. И, наконец, вкладки создают эффект физического пространства, их строго линейное расположение заставляет посетителя поверить, что один раздел находится впереди или позади другого, что дает ему дополнительную опору в виртуальном пространстве.
Недостатком такого подхода является отсутствие возможности расширения. Если на сайте появляются новые разделы, добавить новые закладки в уже существующий ряд может оказаться невозможным.
При построении навигации в виде закладок следует учитывать ряд требований:
– Закладки должны быть четко прорисованы. Для того, чтобы они создавали нужный эффект, необходима иллюзия того, что активная вкладка находится впереди других вкладок. Для этого активная вкладка должна иметь другой цвет или контрастный оттенок.
– Закладки должны быстро загружаться.
О блако тегов
Облако тегов – один из популярных в настоящее время . Представляет собой визуальное представление списка ключевых слов (тегов), ассоциированных с материалами сайта. В зависимости от частоты встречаемости ключевого слова оно отображается более крупным или более мелким шрифтом. Каждое ключевое слово в облаке тегов является гиперссылкой, щелкнув по которой, можно получить список соответствующих материалов (обычно с вводками). Часто присутствует только на главной странице сайта, помогая пользователю представить себе его тематику.
5.Глобальные поисковые системы.
Пользователи могут попасть на некоторый сайт тремя путями. Во-первых, по заранее известному адресу. Во-вторых, по ассоциативным ссылкам, ведущим с других сайтов. Но большинство из них приходит по ссылкам, генерируемым глобальными информационно-поисковыми системами.
Глобальные информационно-поисковые системы рассматривают всемирную паутину World Wide Web как единую полнотекстовую базу данных. Их задачей является выборка тех документов, которые удовлетворяют информационную потребность пользователя. Пользователь выражает свою информационную потребность посредством поискового запроса, сформулированного на некотором информационно-поисковом языке.
Работа глобальных информационно-поисковых систем проходит в три этапа:
