Разработка веб-ресурса с использованием HTML, CSS, JavaScript, PHP. Применение базовых технологий для создания фотоархива в веб-интерфейсе. Захаркина В.В. - 8 стр.

UptoLike

Составители: 

14
Первые два можно попробовать реализовать, если фотографий
относительно немного.
Вырезать из каждой фотографии фрагменты одинаковых
пропорций (хоть квадратные) и миниатюры сделать на их основе.
Компоновка теперь не представляет трудностей.
Не стараться подгонять миниатюры под одинаковые пропорции.
Более того, сделать их явно различающихся по размеру.
Компоновку провести «вручную», стараясь создать
гармоничную
композицию.
Эти два подхода трудоемки и требуют продуманных дизайнерских
решений. Они могут дать замечательный результат, если
фотоматериала немного, но абсолютно нетехнологичны, если
фотоархив имеет значительный объем. Дальнейшее сопровождение
ресурса, связанное с пополнением архива, может стать
затруднительным.
Мы обсудим третий вариант компоновки, наиболее технологичный и
не требующий художественных дизайнерских подходов.
Если представленные на странице миниатюры имеют одинаковые
(или почти одинаковые) пропорции, проблем с расположением не
возникает: их можно расположить в горизонтальном (или
вертикальном) ряду, приведя масштабированием к одинаковой высоте
(ширине). Приведенные ниже миниатюры имеют немного разные
пропорции, но высота у них одинаковая, поэтому они хорошо
смотрятся в горизонтальных рядах:
Если же пропорции существенно разные, подобный вариант, видимо,
неприемлем:
15
Когда миниатюр немного, и они компонуются вручную, проблему
можно решить, разделив их на группы с примерно равными
пропорциями и выведя группы по отдельности. Но в случае, когда
страница с миниатюрами генерируется программно из базы данных, и
порядок вывода фотографий принципиально заранее неизвестен,
нужен другой подход. Удачным представляется вариант,
применяемый во
многих программах просмотра графики: вне
зависимости от пропорций изображения масштабируются таким
образом, чтобы вписаться в квадрат выбранного размера, и выводятся
в рамках. Выравнивание - по центру квадрата. В этом случае
органично выглядит и небольшой текст под изображением. Ниже
представлен фрагмент динамически сформированной страницы
фотоархива Д.С.Лихачева.
Компоновка, хоть и не отличается изысканностью, приемлемо
смотрится и, что самое главное для объемных архивов, абсолютно
технологична. Сама формулировка идеи представления миниатюр
звучит почти как алгоритм. Страницу с миниатюрами подобного типа
удобно формировать динамически с помощью клиентского или
серверного сценария.