- •Часть 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
Цветовая модель lab
В этой цветовой модели цвет состоит из:
Luminance - освещенность. Это совокупность понятий яркость (lightness) и интенсивность (chrome)
A - это цветовая гамма от зеленного до пурпурного
B - цветовая гамма от голубого до желтого
То есть двумя показателями в совокупности определяется цвет и одним показателем определяется его освещенность.
LAB - Это аппаратно-независимая цветовая модель, то есть она не зависит от способа передачи нам цвета. Она содержит в себе цвета как RGB так и CMYK, и grayscale, что позволяет ей с минимальными потерями конвертировать изображение из одной цветовой модели в другую.
Еще одним достоинством является то, что она, в отличие от цветовой модели HSB, соответствует особенностям восприятия цвета глазом человека.
Часто используется для улучшения качества изображения, и конвертирования изображений из одного цветового пространства в другое.
2. Понятия гипертекста, web-страницы, сайта. Основные параметры сайта. Три аспекта разработки web-узла.
Документ, содержащий гиперссылки, называется гипертекстом.
Гиперссылка — отображение, которое ставит в соответствие фрагменту одного документа другой документ (или точное место в другом документе). Гиперссылки используются, чтобы мгновенно перейти к просмотру любого документа, связанного по контексту с просматриваемым, независимо от места его расположения в Интернете. В частности, переход может осуществляться с помощью простого щелчка мыши по помеченному специальным образом фрагменту.
HTML — язык разметки гипертекста. Он состоит из команд, называемых тегами, с помощью которых задаются структура и параметры оформления документа. Простейшие теги позволяют выделить фрагмент документа полужирным или курсивом, задать цвет заднего фона и т.д. Но главной в языке является возможность создать гиперссылки, связывающие документы между собой.
Система имен в Интернете предусматривает для каждого подключенного к нему компьютера свой уникальный IP-адрес, который состоит из четырех однобайтовых чисел, записываемых через точку в десятичной форме (например, 127.0.0.1). Чтобы два разных компьютера не могли иметь одинаковые символьные адреса, применяется доменная система имен. Доменом называется часть символьного адреса, принадлежащая некоторому собственнику (например, домен ru принадлежит Российской Федерации).
Документ, размеченный с помощью HTML, называется HTML-страницей. Чтобы именоваться веб-страницей этот документ должен быть размещен на постоянно доступном узле сети Интернет, имеющем постоянный IP-адрес.
Веб-сайт — набор веб-страниц, связанных перекрестными гиперссылками, объединенных общей темой и созданных ради одной цели. Связь страниц реализуется продуманными средствами навигации по сайту и подчеркивается единством стиля.
Основные аспекты разработки web-сайта
1. Дизайн страниц
Этот аспект подразумевает разработку оригинального стиля сайта и его эстетически грамотное построение.
2. Безупречная техническая реализация
Сайт должен приемлемо выглядеть на разных мониторах и в разных браузерах. Программные компоненты сайта должны работать без ошибок. Скорость доступа к информации на сайте должна быть максимизирована.
3. Удобство пользования (юзабилити)
Пользователь, имеющий опыт работы с другими веб-ресурсами, должен без труда разобраться в назначении и структуре сайта и быстро найти на нем нужную информацию.
Важные параметры сайта
Время
Время ответа должно быть предсказуемым.
Если пользователь ожидает, что реакция системы будет быстрой, длительная задержка вызовет у них раздражение. В то же время задержка не будет раздражать пользователя, если он ожидает, что данное действие система будет выполнять медленно. Поэтому пользователь, например, согласится подождать минуту загрузки новой страницы, но не смирится с тем, что при наведении курсора мыши на кнопку рисунок на кнопке будет перезагружаться несколько секунд.
Время ответа становится особенно значимым, если для того, чтобы начать работу со страницей, пользователю приходится ждать загрузки всего экрана.
Размер
Чем больше размер страницы, тем дольше время ее загрузки. Кроме того, пользователям, которые оплачивают web-соединение по трафику, большой размер бьет по кошельку.
На размер страницы основное влияние оказывают ее графические элементы. Именно поэтому браузеры предоставляют возможность отключить всю графику и многие пользователи этой возможностью пользуются.
3. Основы построения гипертекста. Формы оформления гиперссылок.
