- •Часть 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. Обтекаемая текстом фотография должна занимать по ширине целое число колонок
Фотография, которая чуть-чуть заползает на соседнюю колонку текста, производит впечатление неряшливости. Если же снимок сильно заходит на соседнюю колонку, оставшийся текст вынужден размещаться в очень узком пространстве, отчего получаются неаккуратные рваные края при выключке по левому краю или «коридоры в тексте» при выключке по ширине.
Чтобы фотография заняла целое число колонок, можно воспользоваться одним из следующих простых приемов:
Изменить размер фотографии (отмасштабировать ее пропорционально).
Кадрировать фотографию, т.е. обрезать ее с краю (при условии, конечно, что край фотографии не представляет ценности).
Изменить число колонок в материале.
Правило целого числа колонок может не применяться в следующих случаях (рис.11):
Материал должен верстаться в одну колонку (книга), или же ширина изображения заведомо меньше ширины колонки. Однако следует следить, чтобы для текста оставалось достаточно свободного места сбоку.
Изображение помещается в текст с обтеканием по контуру.
3. Колонку текста нельзя прерывать элементами графического дизайна
Когда фотография помещается в центре статьи, она разрывает собой колонку с текстом. В результате статья может смотреться лучше, но этот прием дезориентирует читателя. Вместо того чтобы искать продолжение текста под фотографией, он автоматически переходит взглядом на соседнюю колонку.
Не должны прерывать колонку текста и другие графические элементы. Стоит также опасаться и текстовых врезок, особенно когда по стилю они походят на заголовки.
4. При вертикальной верстке элементы статьи должны располагаться в строгом порядке: 1) фотография, 2) подпись к фотографии, 3) заголовок, 4) текст
Доказано, что именно в таком порядке глаз читателя осваивает материал. Придерживаясь его при верстке, дизайнер облегчает читателю восприятие.
Под вертикальной версткой понимается такая, при которой ширина фотографии совпадает с шириной самой статьи. В этом случае отступление от приведенного порядка является грубой ошибкой верстки:
Если фотографию поместить под заголовком, заголовок будет отрезан от основного текста и станет восприниматься отдельно от него.
Если фотографию поместить в центр статьи, она разорвет колонку текста, что недопустимо (см. выше).
Фотография, находящаяся под текстом, теряет в выразительности. Кроме того, она может быть воспринята читателем как реклама или как снимок, относящийся к другому материалу.
5. Из нескольких иллюстраций к статье следует выбирать одну ведущую
Правильный дизайн должен управлять взглядом читателя, «водить» его по полосе. Если материал сопровождается несколькими одинаковыми по размеру снимками, взгляд читателя будет хаотически перебегать от одного к другому. Необходимо расставить приоритеты, привлечь читателя к наиболее интересной фотографии, сделав её крупнее остальных.
Основные элементы газетной полосы.
Правила верстки различаются для первой полосы газеты и для её внутренних полос.
Назначение первой полосы — привлечь внимание читателя. Внутренние полосы должны информировать читателя.
Для первой полосы характерны следующие элементы
Логотип — название газеты, выполненное специальным шрифтом. Кроме названия и слогана содержит номер и дату выхода газеты, а также её цену.
Анонс-блоки — привлекают внимание к лучшим материалам номера. Могут представлять собой просто текстовые цитаты, а могут сопровождаться иллюстрациями. В газетах анонсы удобно размещать в ряд над логотипом, тогда они гарантированно будут бросаться в глаза на прилавке. Такие анонсы называют «небесными коробочками».
Статья с переносом — материал, который начинается на одной полосе, а заканчивается на другой. В конце первой части материала ставится строка переноса, сообщающая, на какой полосе искать продолжение. Это может быть просто текстовая надпись, а может быть стилизованная стрелочка. В начале второй части тоже помещается строка переноса. Подзаголовок над продолжением статьи не повторяется.
Индекс — список наиболее значимых статей с указанием их страниц.
Следующие элементы встречаются только на внутренних полосах:
Колонцифра — строка с номером страницы, датой и названием газеты.
Колонтитул — надпись, помещаемая в верхней части каждой страницы.
Выходные данные — обязательная информация об издании, включающая адрес редакции, состав редколлегии, информацию о типографии, тираж номера и т.д. Обычно печатаются на последней полосе газеты.
Остальные элементы могут использоваться на любой странице:
Рубрика — короткая строка над заголовком, раскрывающая категорию материала. Рубрика является дополнительным средством визуального отделения материалов друг от друга, помогает разнообразить полосу, может прояснить содержание материала, дополняя собой заголовок. Если в газете используются рубрики, их набор должен быть строго ограничен: только в этом случае они будут ориентировать постоянного читателя и при этом выдерживать стиль издания.
Инфографики — это диаграммы, таблицы или карты, наглядно отображающие информацию.
Правила верстки газетной полосы.
