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

UptoLike

ВУЗ: 

СПбГУ | Санкт-Петербург

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

Рубрика: 

10
аннотаций. Полномасштабное изображение выводится в отдельном
окне. Привожу фрагмент скриншота.
Технологический аспект
Скомпоновать материал можно исключительно средствами HTML,
применив таблицы.
Очевидно, что принципиальной разницы с точки зрения
программирования между этим и предыдущим вариантом нет. В
обоих случаях полномасштабное изображение выводится в отдельном
окне. Следовательно, для удобной реализации просмотра придется
привлечь язык клиентского программирования JavaScript.
Вывод изображений во фреймах
В предыдущих примерах полномасштабное изображение выводилось
в отдельном окне. Однако, если позволяет экранное пространство,
иногда уместно выводить крупное изображение во фрейме исходного
окна. При этом можно все же одновременно вывести ряд миниатюр, а
можно и заставить пользователя "пролистывать" изображения
последовательно.
11
Компоновка в двух фреймах
Хорошим решением может быть разбивка экранного пространства,
предназначенного для вывода элементов фотоархива, на два фрейма.
В одном фрейме разместить набор миниатюр, а в другом показывать
полномасштабные изображения.
Представляются очевидными два естественных варианта компоновки.
Выбор одного их них зависит от наличия на веб-странице прочих
элементов: заголовков, навигационных
панелей и т.д.
Впрочем, исходя из пропорций экрана монитора, первый вариант все
же выглядит предпочтительным. Но главное его преимущество перед
альтернативным – в более эстетичном расположении полосы
прокрутки фрейма с миниатюрами. Действительно, миниатюры в
общем случае не уместятся в видимой части фрейма, и появится
полоса прокрутки: в первом случае справа, а во втором – снизу
.
Вопрос: как улучшить второй вариант? Естественный ответ:
разместить фрейм с миниатюрами внизу, тогда полоса прокрутки
будет выглядеть естественно и не испортит впечатления. А сколько
еще таких вопросов возникает в процессе разработки…
Технологический аспект
Несмотря на, казалось бы, определенную структурную сложность,
этот вариант может быть реализован исключительно средствами
HTML. Это выгодно отличает его от предыдущих, явно требующих
хотя бы минимального клиентского программирования.

Страницы