О кройке веб-страниц (PSE 6+) |
||||
Как мы уже знаем, у Photoshop Elements есть множество скрытых умений. Одно из них - превращение обычных изображений в интерактивные веб-страницы. В качестве примера, возьмём макет фотогалереи. Если у вас нет времени на создание собственного макета, просто сохраните это изображение как JPEG файл и откройте в Photoshop Elements. В общих чертах, порядок превращения картинки в настоящую веб-страницу будет следующим: 1. Разрезаем изображение на функциональные элементы - заглавие альбома (фрагмент #03), панель текстовых ссылок (фрагменты #05-08), текущий снимок (фрагмент #13), миниатюры предпросмотра (фрагменты #11, 15, 17, 19) и т.д.. 2. Назначаем Интернет-адрес каждому навигационному элементу. Скажем, фрагмент #05 (Home) должен вести на главную страницу сайта, а фрагмент #23 (Next) - на следующую страницу фотоальбома. 3. Оптимизируем страницу, то есть, задаём формат и другие настройки сохранения фрагментов. При этом параметры оптимизации для каждого фрагмента могут быть разными. Например, основное фото (фрагмент #13) имеет смысл сохранить с высоким качеством, а фоновые фрагменты (#1, 2, 4, 10 и т.д.) - с существенно более низким. Такой подход позволяет уменьшить суммарный размер и, соответственно, время загрузки страницы. 4. Сохраняем документ в виде HTML-файла и набора изображений. На выходе у нас получается полноценная веб-страница с работающими ссылками. |
||||