Photoshop

Дизайн элементов

ДИЗАЙН ЭЛЕМЕНТОВ

Общие границы.

Общие границы – область документа, общая для нескольких или всех страниц сайта, например: меню или шапка сайта при размещении в общих границах становятся доступными на всех (или нескольких) страницах сайта.

При настройке общих границ можно включить кнопки переходов – панели ссылок, основанные на структуре переходов, как показано на рисунке ниже. При выборе кнопок переходов сверху кроме панелей ссылок добавляется Объявление (Заголовок страницы). Объявление – элемент, располагающийся в общих границах, но тем не менее отображающий заголовок текущей страницы.

Элементы

• Гиперссылки
• Меняющиеся кнопки – гиперссылки в виде рисунков кнопок, меняющих цвет при наведении мыши.
• Отдельные Изображения
• Фотоколлекции – набор уменьшенных изображений, при щелчке по которым осуществляется переход на полноценное изображение
• Таблицы
• Объявления
• Панели ссылок
• Формы и элементы форм

На данном этапе разрабатываются элементы дизайна сайта: изображения, анимации, прочие мультимедиа-элементы.

Основные программы:

• PHOTOSHOP, IMAGE READY - Растр. Графика (элементы навигации, панели, коллаж)

• FLASH - Анимация

В данной лекции будут рассмотрены 2 программы, используемые для создания элементов дизайна: Photoshop и Flash.

ОФОРМЛЕНИЕ САЙТА

Для оформления сайта могут быть использованы следующие элементы:

	ФОРМАТЫ	ПРОГРАММЫ
Растр. графика	Без потерь (png, gif)	PHOTOSHOP, IMAGE READY
С потерями (jpeg)
МУЗЫКА	Mp3, wav
ВИДЕО	Mpeg, avi
АНИМАЦИЯ	swf	FLASH

Интерфейс данной программы представлен на рисунке: Сверху главное меню, слева – панель инструментов для работы с изображениями, справа – окна, в центре главное окно с изображениям.

Дата добавления: 2014-01-07