- •Часть 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
Специальные навигационные страницы
Помимо главной страницы на сайте может быть еще несколько страниц, сфокусированных на навигации, а не на представлении информации. Такие страницы встречаются в основном на сложных сайтах большого объема.
Карта сайта используется для обеспечения структурного обзора web-сайта. На ней изображаются все страницы сайта, сгруппированные по разделам и подразделам. Каждая страница представлена в виде ссылки (текстовой или графической). Щелкнув по такой ссылке, можно быстро перейти к нужной странице. На карте сайта может быть помечено текущее расположение пользователя, а также выделены все посещенные им страницы. Карта сайта может быть текстовой или графической
Индекс сайта — это перечень его содержимого, организованный в алфавитном порядке. Форма индекса практически всегда является текстовой. Индекс может разрабатываться вручную или же на основе автоматических методов. Одно из решений — разработка регулируемого словаря, а затем автоматическая индексация страниц на основе ключевых слов, содержащихся в этом словаре.
Страницы для обратной связи
Простейший вариант обеспечения обратной связи с пользователями сайта — контактная страница, описывающая несколько способов связи с владельцем сайта: телефон, факс, электронная почта и т.д. Может присутствовать и непосредственно форма для ввода сообщения.
Гостевая книга — это механизм оставления сообщений непосредственно на сайте, когда комментарии одних пользователей могут читать другие. Страницы с сообщениями связаны линейной навигацией в хронологическом порядке, на одной странице, как правило, помещается несколько сообщений. Администратор сайта может добавлять собственные комментарии и удалять пользовательские записи.
Форум — механизм обратной связи, при котором пользователи могут оставлять комментарии к комментариям других пользователей, таким образом комментарии выстраиваются не в линейном, а в древовидном порядке. Запрограммировать форум сложнее, чем гостевую книгу и зачастую на сайтах используются стереотипные решения, разработанные на стороне. При этом форум воспринимается как самостоятельный сайт, поскольку резко отличается от остальных страниц по дизайну.
Выходные страницы
Выходная страница — та, на которой пользователь заканчивает работу с сайтом. Для большинства сайтов выходной может являться каждая страница (пользователь находит на ней интересную для себя информацию и удовлетворенный покидает сайт).
Сайты, предназначенные для решения специфических задач, таких как закачка программного обеспечения, заказ товара через Интернет, осуществление операций с акциями и т.п., должны иметь вполне конкретную выходную страницу. Выходная страница формирует чувство, что визит закончен. Это важно с позиции практичности сайта, т.к. пользователь не беспокоится о том, правильно ли он закончил выполнение задачи.
Выходная страница может поблагодарить пользователя за визит, подвести итог его действий на сайте (список купленных товаров) и предоставить некоторую дополнительную информацию. Выходная страница может не содержать элементы глобальной навигации, но должна позволить пользователю при необходимости продолжить работу с сайтом.
Некоторые сайты, имеющие выходную страницу, позволяют себе злоупотребления по отношению к пользователю. Например, открывают несколько дополнительных всплывающих окон со ссылками на связанные сайты (или с рекламой), когда пользователь покидает выходную страницу. Это недопустимо, поскольку подрывает уважение к ресурсу.
8. Правила форматирования web-страниц. Особенности разработки страниц с фиксированными размерами и масштабируемых страниц.
