- •Часть 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
Отрицательный результат поиска
Результатов поиска по конкретному запросу может не быть вообще и эту возможность необходимо учитывать при разработке страницы результатов.
Страница с отрицательным результатом поиска должна содержать следующие элементы:
Чёткое сообщение о неудаче поиска. Пользователь должен ясно понимать, что обработка запроса завершилась неудачей и, возможно, почему это произошло.
Механизм повторного поиска. Как и на странице положительного результата должен присутствовать текст исходного запроса, а также должна быть непосредственно доступна возможность повторного ввода поискового запроса.
Справочная информация. Обеспечить набор подсказок, помогающих понять, почему поиск закончился неудачей.
Причины неудач при поиске можно разделить на четыре группы:
Предмет поиска не существует на сайте. Эта проблема неразрешима.
Приближенные попадания. То, как пользователь производит поиск предмета, не совпадает с тем, как этот предмет проиндексирован (например, «автомобиль» - «машина»). Разработчик сайта должен продумать словарь, содержащий синонимы и родственные термины.
Орфографические ошибки. В идеале было бы иметь встроенную систему проверки орфографии или хотя бы обзавестись ссылкой на сайт, предоставляющий подобные услуги. Можно вести базу данных распространенных ошибок.
Неисправность поискового интерфейса.
7. Принципы разработки отдельных страниц узла (главная страница, splash-страница, страницы обратной связи, специальные навигационные страницы).
Принципы разработки отдельных страниц Главная страница
На главную страницу сайта многие попадают в первую очередь, и от нее зависит, продвинется ли посетитель дальше или покинет сайт.
Основная функция главной страницы — открыть пользователю назначение сайта. Открыв ее, пользователь должен понять, куда он попал, для чего служит данный ресурс, и что он может здесь найти.
Назначение главной страницы определяет её основные свойства:
Название и/или логотип компании должны иметь подходящий размер и располагаться в заметном месте страницы.
На странице необходим слоган, который бы четко характеризовал, чем именно занимается данная компания (или для чего предназначен web-узел).
Следует подчеркнуть особенности сайта, ценные с точки зрения пользователей, а так же отличие его от конкурентов.
Первостепенные задачи сайта должны быть четко выделены, чтобы, попав на главную страницу, пользователь знал, с чего ему начинать.
Оформление должно четко отличать главную страницу от остальных.
Главная страница должна сразу вводить постоянного пользователя в курс последних изменений и обновлений на сайте.
Splash-страница
Splash-страница — это страница, которая используется как заставка для представления сайта, чтобы произвести эффект и оставить сильное впечатление. При этом может использоваться графика, анимация и даже звук. Как правило, splash-страница отображается самой первой, демонстрируется некоторое время (достаточное для прокрутки анимационного ролика), а затем автоматически сменяется главной.
Большинство пользователей воспринимают заставку как нежелательный и раздражающий эффект. Поэтому должен быть предусмотрен простой и очевидный способ её пропустить (клавиша <Esc> или заметная текстовая ссылка). Кроме того, пользователей следует запоминать и демонстрировать им splash-страницу только при первом посещении.