Быстрое построение простой веб-галереи
Если вы хотите поместить в Интернете фотогалерею со снимками, сделанными во время вашего последнего отпуска, или же пробные изображения, предназначенные для утверждения клиентом, то сделать это намного проще, чем кажется на первый взгляд. Для этого достаточно выбрать сначала встроенный шаблон, а затем немного изменить его, чтобы придать фотогалерее особый вид. Но самое замечательное, что большую часть правок вы можете делать прямо на странице, отображаемой на экране, а следовательно, все изменения будут вноситься оперативно и без задержки. Такая оперативная правка прямо на экране упрощает весь процесс, и даже если у вас нет особого опыта веб-дизайна, вы все равно сможете создать отличного вида веб-галерею за считанные минуты. И ниже будет показано, как это делается.
Прежде всего, перейдите к модулю Library, откройте панель Collections в левой области боковых панелей и щелкните на коллекции снимков, из которых требуется составить веб-галерею. Затем перейдите к модулю Web, чтобы автоматически поместить все эти снимки в веб-галерею (на рисунке они приведены в центральной области предварительного просмотра). По умолчанию в Lightroom выбирается серый шаблон HTML gallery (HTML-галерея) с миниатюрными изображениями фотографий на HTML-странице. Если щелкнуть на таком изображении, то фотография будет отображена крупным планом. Фотографии появляются в галерее в том же порядке, что и на панели пленки, и если вам нужно изменить этот порядок, то перетащите фотографии непосредственно на панели пленки, расположив их в другом порядке.
По умолчанию миниатюрные изображения фотографий в веб-галерее располагаются по шаблону HTML gal 1 е г у в три ряда и три столбца, как показано на предыдущем шаге данного упражнения. Но вы можете легко изменить такое расположение. Для этого перейдите к панели Appearance (Внешний вид) в правой области боковых панелей, где находится окно предварительного просмотра и оперативной компоновки сетки миниатюрных изображений в галерее. Поместите курсор на эту сетку, щелкните и перетащите курсор, чтобы указать требуемое количество рядов и столбцов миниатюрных изображений в галерее. Компоновка страницы веб-галереи сразу же откорректируется в соответствии с внесенными вами изменениями. На рисунке приведен пример изменения компоновки страницы веб-галереи, где фотографии теперь расположены в четыре столбца. Это настолько интуитивный способ, что оперативное расположение фотографий рядами и столбцами становится даже интересным.
До сих пор вы имели дело лишь с миниатюрными изображениями, но если вы или тот, кто просматривает веб-галерею, например ваш клиент, щелкнет на миниатюрном изображении фотографии, то она будет отображена в увеличенном виде, как показано на рисунке слева. Степень увеличения фотографии вы вольны выбрать сами. Так, по умолчанию фотография увеличивается до 450 пикселей по ширине, но при желании вы можете изменить ее размер ползунком Size из области Image Pages (Страницы с изображениями) на панели Appearance. Ниже этого ползунка находится флажок Photo Borders, включающий и отключающий появление границы обводки вокруг фотографии в увеличенном виде. А толщина этой обводки регулируется ползунком Width. В верхней части панели Appearance находится флажок, включающий и отключающий появление падающей тени позади фотографий. А флажок Section Borders (Границы раздела) включает и отключает появление пунктирных линий, отделяющих заглавие сайта от следующего ниже текста в верхней части страницы, а также фотографию от указываемой под ней контактной информации в нижней части страницы. При желании вы можете также изменить цвет этих линий. В средней части данной панели находится еще одна область, Grid Pages (Сетка страниц), но она предназначена для компоновки на странице миниатюрных изображений, а не фотографий, предварительно просматриваемых в увеличенном виде.
Текст, выводимый на веб-страницу, вы можете править непосредственно на самой странице, что существенно упрощает и ускоряет данный процесс. Для этого щелкните на метке-заполнителе соответствующего текста, чтобы выделить его и ввести новый текст, а затем нажмите клавишу «Return» (в Macintosh) или же клавишу «Enter» (в Windows), чтобы зафиксировать внесенные вами изменения. На рисунке слева приведен пример изменения заглавия сайта.
Совет: удаление фотографии
По умолчанию в веб-галерею включаются все фотографии из выбранной коллекции. Если же требуется исключить какую-нибудь фотографию из веб-галереи, удалите ее из самой коллекции или же выберите вариант Selected Photos из раскрывающегося списка на левом краю панели инструментов, расположенной ниже центральной области предварительного просмотра. В последнем случае в галерее останутся только выбранные фотографии.
Текст на странице правится следующим образом. Щелкните на конкретной метке-заполнителе текста прямо на странице, введите свой собственный текст и нажмите клавишу «Return» (в Macintosh) или же клавишу «Enter» (в Windows), чтобы зафиксировать внесенные изменения. Аналогичным образом вы можете ввести и поправить текст во всех остальных местах страницы. На рисунке приведен пример обновления информации на странице с пробными изображениями, помещаемыми в Интернете для утверждения клиентом. Итак, вы скомпоновали страницу из определенного количества рядов и столбцов миниатюрных изображений, выбрали степень увеличения и обрамление фотографий и ввели собственный текст на странице. Конечно, вы можете обойтись и выбираемым по умолчанию шаблоном HTML-страницы, но в Lightroom встроены и другие привлекательные шаблоны не только формата HTML, но Flash-ориентированные.
Для предварительного просмотра встроенных шаблонов перейдите к панели Template Browser в левой области боковых панелей и поместите курсор на конкретном шаблоне. Компоновка страницы по этому шаблону появится в окне предварительного просмотра на верхней панели Preview, как показано на рисунке. Если шаблон Flash-ориентированный, то в левом нижнем углу окна его предварительного просмотра появится небольшая буква f, а если это шаблон HTML-страницы, то появится обозначение HTML. Для того чтобы применить один из этих шаблонов, щелкните на нем. На рисунке приведен пример выбора шаблона Paper White (Белая бумага) с белым фоном, прокручиваемым слева списком миниатюрных изображений фотографий и элементами управления слайд-шоу, расположенными ниже фотографии, которая показывается крупным планом в центре страницы. Примечание: преимущество Flash-ориентированных шаблонов заключается в том, что они обладают встроенными средствами демонстрации слайд-шоу с плавными переходами между фотографиями. Кроме того, тем, кто просматривает вашу веб-галерею в Интернете, просто не удастся щелкнуть на фотографии и перетащить ее на свой компьютер, как это они могут сделать на HTML-ориентированных страницах.
Несмотря на то что Flash-ориентированные шаблоны не допускают установку определенного количества рядов и столбцов миниатюрных изображений, как в HTML-ориентированных шаблонах, тем не менее они позволяют изменить компоновку страницы. Для этого выберите любой Flash-ориентированный шаблон и перейдите к панели Appearance в правой области боковых панелей, а затем щелкните на раскрывающемся списке Layout в верхней части данной панели и выберите, например, вариант Scrolling (Прокрутка). Компоновка страницы сразу же изменится, а в нижней ее части появится прокручиваемый список миниатюрных изображений фотографий, как показано на рисунке слева. На панели Appearance имеются и другие элементы управления в виде раскрывающихся списков, из которых вы можете выбрать размеры увеличенных фотографий и их миниатюрных изображений.
Выбрав наиболее подходящий шаблон, размеры всех элементов и их расположение на странице и введя специальный текст, проверьте после этого окончательно скомпонованный вид страницы, щелкнув на кнопке Preview in Browser (Предварительный просмотр в браузере), расположенной в нижней части левой области боковых панелей. При этом запустится используемый по умолчанию веб-браузер, в окне которого отображается скомпонованная вами страница веб-галереи, как показано на рисунке слева. Щелкните по очереди на нескольких миниатюрных изображениях, чтобы проверить правильность отображения фотографий. Если вы считаете, что ваша веб-галерея готова для выгрузки в Интернет, перейдите к с. 390, но прежде вам предстоит еще немало потрудиться над тем, чтобы придать своей веб-галерее особый вид, чему, собственно, и посвящены последующие упражнения этой главы. Кроме того, существуют совершенно сногсшибательные Flash-ориентированные шаблоны, отсутствующие на панели Template Browser и доступные иным путем. И о них речь пойдет далее в этой главе.