качества изображения. В целом, оптимизация достигается за счет уменьшения количества цветов в графических изображениях, использования сжатых и специальных форматов файлов и оптимизации параметров сжатия для отдельных фрагментов изображений.
Основная задача оптимизации – найти удачный компромисс между скоростью загрузки страницы и качеством представленных на ней изображений.
Для создания шаблона, в Photoshop собирается макет будущей страницы.
Web-страница содержит навигационные элементы, охватывающие все разделы сайта. Их расположение выбрано, исходя из максимального комфорта для пользователя. Для удобства перехода от одного раздела к другому, независимо от модели компьютера пользователя и типа установленного программного обеспечения элементы навигации всегда на виду, они выполнены в виде текстовых строк, позиционированных по центру табличных форм вблизи правой и левой границ страницы.
Другие навигационные элементы, выполненные в виде графических объектов – кнопок, расположены в средней части шаблона.
Таким образом, шаблонная страница сайта имеет вид графической схемы, представленной на рисунке 2.
Рис.2. Графическая схема расположения элементов шаблонной страницы сайта
В качестве background'a взят белый цвет. На месте логотипа добавлен слой с черной сеткой с наложенным черно-белым градиентом, а на месте заголовка использован темно-зеленый цвет (#62715A) и добавлен слой с изображением потока воды с отражающимися в нем лучами света. В элементах навигации задан светло-зеленый цвет (#ADB7A8) и наложены эффекты: внутрення тень черного цвета и градиент светло-зеленого цвета (#ADB7A8). В верхней части содержания был взят светло-желтый цвет (#FEBD00) и наложены эффекты: отбросить тень черного цвета, градиент светло-желтого цвета (#FEBD00) и штрихование. Остальная часть залита светло-серым цветом (#C4CAC1). На месте поля отображения основной графической и текстовой информации интерактивного методического пособия был использован светло-серый цвет (#EFF2ED) и наложены эффекты: отбросить тень черного цвета, наложение градиента светло-серого цвета (#EFF2ED).
Подбор шрифтов производился в связи с ассоциативным восприятием web-ресурса
|
