- •Часть 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. Создание карты сайта
Карта сайта отражает визуальное представление структуры сайта. Сформированная карта сайта должна ясно показать все HTML-страницы в каждом разделе сайта: каждая страница изображается в виде прямоугольника и показываются самые главные связи. Создав карту, необходимо получить одобрение и подпись клиента. Карта всегда должна быть доступной и обновленной в соответствии с изменениями структуры сайта независимо от того, насколько трудоемка эта задача. Своевременное обновление карты сайта важно для ее достоверности.
3. Установка соглашений об именовании
Установка сделает работу над проектом более организованной. Без этого каждый сотрудник будет давать файлам произвольные имена, и возникнет полная неразбериха.
Следует обдумать два типа соглашений:
Организационные наименования. При этом способе присвоения имен страницам и разделам карты сайта просто присваиваются числовые или алфавитно-цифровые стандарты. Начальная страница может иметь номер 0.0. Подразделы в каждом первичном разделе обозначьте 1.1, 1.2, 1.3 и т.д.
Наименования HTML. Имена файлов страниц. Названия всех страниц проекта должны быть составлены в одном стиле, а сам стиль задокументирован.
4. Разработка макетов страниц
Макет — это чисто информационный каркас, в котором намечено содержимое, первичная и вторичная навигация, а также некоторые функциональные возможности. Прежде чем приступить к дизайну, можно оценить, что получится в итоге, изобразив на бумаге все элементы страницы.
5. Обеспечение навигации
6. Именование и маркировка
Наименование кнопок и пиктограмм, включая стиль формулировок, должно быть согласованным на всем сайте. На данной стадии работ определите, какие подсказки (значки и текст) будут использованы для подписи заголовков, маркировки и навигации.
7. Определение основных маршрутов пользователей
Внимательно изучив профили пользователей, следует разработать пользовательские сценарии: конкретные ситуации, в которых реальные пользователи могли бы оказаться на сайте. Выделите ряд типовых задач на сайте, например:
Заказ цветов на ДР;
Поиск и заказ платья.
Смоделируйте пользовательские маршруты — последовательности страниц, которые потребуется пройти пользователям для выполнения этих задач. Это позволит выявить недостающие экраны, которые были упущены при создании макетов и это даст возможность проследить как один экран связан со следующим.
13. Процесс разработки web-узла. Визуальное оформление и тестирование.
