
- •Часть 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
2. Эксплуатационный опрос
Какие разделы сайта будут обновляться (например, новости, фотографии, гороскопы, обзоры) и как часто (ежедневно, еженедельно, ежемесячно)? Каким образом будет обновляться сайт? Кто отвечает за изменение графики на сайте? Как часто будут добавляться новые разделы или темы? Будут ли они основаны на общем шаблоне сайта или будут независимыми?
3. Определение технических подробностей
Третий опрос, которому необходимо подвергнуть клиента — расширенный технический опрос, определяющий потребность в более сложных технологиях и во внутреннем программировании. Клиент должен дать ответ на следующие вопросы:
1. Необходимы ли на сайте такие компоненты как:
система поиска, персонализация (вход в систему), регистрация, функции безопасности, инструменты для опроса/голосования, подписка на новостные рассылки и т.п.
2. Нуждается ли сайт в интеграции с любой уже имеющейся базой данных? Если да, то какая это база данных (Access, MySQL, SQL Server)?
3. Какие технологии клиент считает обязательными для использования на сайте (например, Flash)?
4.Изучение аудитории
Каковы технические возможности аудитории? Стоит рассчитывать на пользователей с маленькими мониторами или большими? Отключают ли пользователи графику? Пользуются ли современными технологиями?
Аудитория сайта может быть четко сегментирована по целевым группам. Например, в случае корпоративного сайта можно выделить следующие категории пользователей: клиенты, бизнес-партнеры и контрагенты, СМИ, конкуренты, акционеры, инвесторы, соискатели работы, собственные сотрудники, органы власти, общественные организации. Эти категории имеют на сайте различные интересы и угодить всем практически нереально. Необходимо выполнить расстановку приоритетов и, в зависимости от главных целей сайта, выделить среди них основные, на которые следует ориентироваться.
Для каждой из целевых групп необходимо разработать собственный профиль. Если групп, интересами которых нельзя пренебречь, оказывается слишком много, это может вылиться в необходимость создания нескольких вариантов сайта (или некоторых его страниц).
В качестве элементов глобальной навигации в этом случае могут выступать ссылки на разделы «Для мужчин», «Для женщин», «Клиентам», «Акционерам» и т. д.
5.Анализ отрасли
Какие другие организации присутствуют на онлайновом рынке в данной отрасли? Подсказать это может сам клиент. Остальные организации можно выявить поиском в Yandex или Google. Изучить их сайты. Найти сайты в поисковике. Зарегистрироваться на них, полазить. Сравнить особенности сайтов. Какой понравился больше? Почему?
6. Составление первичной документации
Информация, собранная на этапе обследования предметной области служит для подготовки первичной документации по проекту: для составления бюджета, графиков работ, плана тестирования и распределения обязанностей в группе.
12. Процесс разработки web-узла. Разработка структуры сайта.
Разработка структуры сайта включает все, что касается его содержимого и информационной стратегии, определяющей как должна быть организована информация, чтобы пользователи сайта могли найти ее легко и быстро.
1. Структурирование сайта с точки зрения контента
Определение тематики контента. Тематику легко обозначить исходя из назначения сайта и его главных целей.
Аудит существующего контента. Необходимо привлечь клиента к ревизии контента, заставить его избавиться от устаревших и чуждых вещей. Это позволит максимально повысить объем информации, которая соответствует брендингу компании и отвечает ее главным бизнес-целям. В ходе аудита контента естественным образом происходит его организация — и в конце работы содержимое уже будет сгруппировано по темам.
Структурирование контента. На этом этапе содержимое еще может быть не написано, но уже должно быть определено в общих чертах.
Создание плана поставки контента. План поставки контента — это схема сбора, написания и поставки контента. Это обеспечивает реалистичную разбивку контента на отдельные порции, а не декларирует точную дату поставки сразу всех материалов. Помогите клиенту разбить контент на удобоваримые фрагменты. Определить, какие части контента понадобятся раньше, какие позже. Обсудить формат. Материалы, поступающие от клиента, должны поставляться в электронном виде в текстовом формате (.rtf или .htm) с понятными названиями файлов.