|
|
|
|
|
|
Флеш галерея на сайт или как создать флеш галерею быстро и бесплатно.
Друзья, как обещал рассказываю, как я делал флеш галерею для своего сайта, может кому пригодится:).
Для начала, почему не надо делать такую галерею:)) и недостатки флеш-галере:
- Достаточно трудоемко заливать и обновлять фотографии;
- Веб галерея "плохо" индексируется в поисковиках (очень серьезный недостаток, кому нужно раскручивать сайт);
- Некоторые движки флеш галерей кривые при внешней привлекательности. Например, одна галерейка на несколько сотен фотографий сожрала всю выделенную на хостинге процессорную мощнось и стала тормозить страшно, а была удобная.
- Пользователю для просмотра нужно иметь Adobe flash Player (есть почти у всех, но бывают исключения);
- Частенько проблемы с русским языком.
Достоинства флеш галереи?
- Красивая и симпатичная;
- Удобная для зрителя;
- Есть возможность побороться с пиратством своего контента, кому это надо.
Что нужно для создания флеш-галереи?
- Хостинг (~15$/год)(Желательно платный, не российский с живой техподдержкой, подойдет и бесплатный narod.ru на безрыбье);
- Зарегистрировать имя сайта, например malexeum.com (~20$/год);
- Отобрать красивые фотографии (был самый долгий этап с моим 500 гиговым архивом);
- Выбрать движок флеш гареи, например simpleviewer.net (5 бесплатных красивых, быстрых и удобных галерей с демками). Ограничения бесплатной версии: до 50 фотографий в галереи, нет встроенных разделов и категорий (как добавлять разделы - читайте ниже), маленький логотип simpleview внизу. Надо сказать расширенная версия галереи стоит довольно дешево, всего 45$, вот наиграюсь и обязательно прикуплю;
- Программа (Фотошоп, Пикаса, Лайтрум) для автоматического создания флеш галереи (использует скрипт движка), я использовал фотошоп CS4. Кстати можно использовать кросс платформенное приложение svbuilder.
Поехали (подробная инструкция по созданию веб-галереи):
- Отобрали фотографии по категориям в отдельные папки;
- В фотошопе Командой image-imagу size изменили размер фотографий до 500...800 пикселей. Поступили так со всеми фотографиями командой Automate-Batch фотошопа;
- В Adobe Bridge разложили фотографии категории в нужном порядке;
- Командой Tool-Batch rename изменили имена файлов (имена на английском);
- Скачали и установили скрипт для автоматического создания флеш галереи (В фотошопе он запускается File-Scripts-SimpleView;
- Старт и Финиш.
Выбрали папку с исходными картинками, папку для готовой галереи, название галереи, размер фотографий в веб-галереи, цвет фона, тип галереи и вид кнопочек, толщину рамки, место расположения меню.
uild !!!. ж-ж-ж-ж. 30 секунд и все готово.
Мы имеем:
готовую галерею, которая состоит из
первой страницы галереи index.html, папки IMAGES с фотографиями, папки thumbs с маленькими превьюшками, файла gallery.xml (список
фотографий и путь к ним в формате: <image imageURL="images/pic01.jpg" thumbURL="thumbs/pic01.jpg" linkURL="" linkTarget="" ><caption>Н</caption> )
Запускаем index.html и любуемся готовой флеш галереей.
Делаем категории флеш галереи.
Каждая категория должна находиться в своей папке. Категории прописываются в файле index.html, он будет одинаковый для каждой из категорий. Для тех кому в новинку создавать html страничку (как мне например), можно скачать готовую галерею с категориями. Надо поменять только путь к папке с файлами ( <a href = "../new/index.html">Новая галерея</a>) и добавить еще категорий ( <a href = "../new2/index.html">Еще одна галерея</a>).
Настраиваем русский язык.
Разные браузеры по разному относятся к русскому языку. Что бы победить крокозябры потребовалось:
В файлах index.html ("Content-Type" content="text/html; charset=UTF-8") прописать кодировку UTF-8, открыть файл gallery.xml в блокноте и сохранить Файл-сохранить как-Кодировка UTF-8.
Вот и все у нас готова симпатичная и бесплатная флеш галерея для прекрасных фотографий, осталось загрузить готовые галереи на наш хостинг в папку public.htm, используя любой ftp клиент (тотал командер например).
Есть вопросы - уточнения - улучшения, пишите.
Другие статейки malexeum.com/articles.php
|
|

|
|
|
|
|
|
|