- •Часть 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
5. Контроль качества
Контроль качества (QA). Здесь необходимо отследить и исправить все недочеты: орфографические ошибки, осиротевшие и некорректные гиперссылки, неправильно расположенное содержимое и т.д.
Процедур для контроля качества:
Упрощенная проверка. Проверка без определенного заранее плана.
Альфа-тестирование. Первое испытание сайта после завершения производства и настройку функциональности, но до общественного показа.
Юзабилити-тестирование. Анализ взаимодействия пользователя с интерфейсом через действия в конкретных пользовательских задачах.
Проверка контента. Подтверждает правильность его размещения, правописание и синтаксис.
Бета-тестирование. Заключительная проверка перед запуском.
Проверка загрузки. Используются специальные программы, которые моделируют одновременную работу на сайте многочисленных пользователей, чтобы определить пределы возможностей сервера.
Проверка функциональности. Подтверждает соответствие фактических функциональных возможностей запланированным техническим требованиям.
Проверка модулей. Проверка отдельных компонентов веб-страницы для подтверждения их правильного функционирования.
Регрессивное тестирование. Подтверждает, что старый код работает как положено и во время устранения ошибок не внесено никаких новых проблем.
Проверка безопасности. Подтверждает, что БД и информация транзакций защищены от неавторизованных пользователей или хакеров.
Перед проведением QA желательно составить план контроля качества.
Резюме всех целей контроля качества, включая его методологию, график проверок и распределение ресурсов;
Список подлежащих проверке браузеров, платформ и ОС;
Список подлежащих проверке вариантов скоростей связи;
Список конкретных маршрутов или функций, которые должны быть проверены;
План проверки устраненных ошибок до запуска сайта;
15. Процесс разработки web-узла. Запуск и сопровождение.
1. Передача сайта
В большинстве случаев работы по проектированию и формированию сайта выполняет одна группа, а эксплуатацию сайта, его постоянную поддержку обеспечивает другая. Переход сайта из состояния разработки в состояние текущей поддержки обычно определяется его запуском. В это время одна группа заканчивает все разработки и передает все материалы и файлы другой, которая будет осуществлять текущий дизайн, производство и обновление сайта.
Пакет передачи — это подборка всех материалов и документации проекта. Он включает все исходные файлы, изображения, шаблоны и спецификации, необходимые другой команде или лицу для сопровождения сайта после начального запуска. Пакет должен быть записан на компакт-диск и содержать, по крайней мере, следующие компоненты:
Все многослойные файлы Photoshop/Fireworks;
Шрифты (или информация о том, где их приобретать);
Все иллюстрации и фотографию (включая информацию об авторских правах);
HTML-страницы и шаблоны;
Руководство по стилю оформления в HTML-формате;
Технические спецификации;
Корневой каталог сайта и другие необходимые файлы.
2. Запуск
К моменту перемещения сайта на постоянный сервер все испытания должны быть завершены, а производство должно быть заморожено. Должен существовать план устранения всех оставшихся дефектов на месте после запуска.
Задолго до даты запуска необходимо продумать стратегию анонсирования сайта. Будет ли этим заниматься только внешняя команда разработчиков или это задачи и внутренней команды? Будут ли привлекаться рекламные агентства?
Ручная регистрация в ключевых поисковых системах более эффективна для продвижения сайта.
Запуск может быть мягким и жестким. Мягкий запуск — это спокойный перенос сайта на действующий сервер. Иногда мягкий запуск означает также готовность сайта не в полном объеме. Жесткий запуск — это ситуация с крайним сроком, с незыблемой датой, которая обычно обусловлена жесткими ограничениями по времени. Всегда предпочтительнее планировать мягкий запуск.
