- •Часть 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
Создание системы поиска
Процесс добавления к сайту поисковой системы.
Выбор объектов индексирования. Далеко не всегда представляется необходимым индексировать все страницы сайта. Обычно присутствует определенная область, в которой пользователю понадобится вести поиск.
Выбор метода индексирования информации.
— система автоматически добавляет в индекс все слава, встречающиеся на рассматриваемых страницах;
— система автоматически добавляет в индекс все слова из определенных областей страниц (например, ограничивается заголовками);
— существует специальный словарь с ключевыми словами для поиска и слова из этого словаря сопоставляются конкретным страницам вручную.
Выбор модели поисковой системы. Вместо разработки собственного «движка» можно ознакомиться с рынком имеющихся моделей и приобрести ту, которая наиболее подходит для условий, установленных на шаге 1 и 2.
Разработка интерфейса поиска.
Разработка страницы результатов.
Индексирование информации. Поисковая система просматривает весь сайт, имеющийся на настоящий момент и создает его индекс. Может возникнуть необходимость оптимизировать индекс вручную.
Интегрирование поисковой системы с интерфейсом поиска.
Тестирование и наблюдение.
Интерфейс поиска
Поисковая система (если она есть) должна быть доступной с каждой страницы сайта. При этом есть два варианта доступа:
— На каждой странице сайта в одном и том же месте размещается поле для ввода поискового запроса (и соответствующая ему кнопка Search). Это решение может подойти по стилю не каждому сайту.
— Поисковая система выполнена в виде отдельной страницы сайта, ссылка на которую включена в набор сервисов глобальной навигации.
Поисковая страница (как и страница результатов поиска) должна быть выполнена в стиле всего сайта.
Лучший дизайн поисковой страницы минималистичен. Обязательные элементы — поле для ввода запроса и кнопка начала поиска.
Если на сайте поддерживается возможность расширенного поиска (или используется собственный язык запросов), она должна быть легко доступна, но не отображаться по умолчанию, чтобы не отпугивать количеством разнообразных опций спешащего пользователя. Идеальный вариант реализуется с помощью JavaScript: при щелчке по кнопке (или ссылке) «расширенный поиск» на странице появляются дополнительные поля.
Если для поиска необходимы инструкции, то они должны быть легко доступны, но не отображаться по умолчанию. Пользователь, знакомый с сайтом, не должен отвлекаться.
Дизайн страницы результатов
Страница результатов должна предоставлять пользователю максимальный объем информации, чтобы он сразу мог определиться, какие результаты ему понадобятся. Её могут составлять следующие элементы:
Исходный запрос. Обязательно. Пользователь не должен вспоминать, какие именно параметры он указал в своём запросе.
Диапазон поиска и найденные результаты. Стоит продемонстрировать общее число просмотренных документов и количество найденных совпадений.
Контекст текущего результата. Должен присутствовать индикатор, демонстрирующий, какую часть результатов пользователь просматривает в данный момент (например, 3 страница из 9).
Заголовки страниц или документов.
Краткое содержание. Можно взять несколько первых строк найденного документа или несколько строк, входящих в окружение искомого термина.
Дата и время. Следует показывать как дату создания, так и дату последнего обновления найденных документов.
Тип результата. Если кроме HTML-страниц могут быть выданы данные в виде файлов документов их формат (документ Microsoft Word или Acrobat Reader) должен быть обязательно указан.
Важность результатов (релевантность найденного документа запросу). Может выражаться в неявном виде — путем определенного порядка следования результатов.
Совпадение ключевых слов. Следует указать какие именно ключевые слова совпали — лучше всего путем выделения (цветом или начертанием) их среди окружения.
Навигация. Среди множества результатов должно быть легко перемещаться. Это можно реализовать с помощью перечня страниц результатов, а так же ссылок «Следующие 10 результатов». Пользователь должен иметь возможность настраивать число результатов на одну страницу.
Уточняющий запрос. Пользователь должен иметь возможность провести дополнительный поиск внутри уже полученного набора результатов.