wyszukiwarka google

ContentStream

wtorek, 11 czerwca 2013

Galeria zdjęć HTML


jAlbum - program do tworzenia galerii zdjęć


jAlbum - darmowy program do tworzenia galerii zdjęć w html'u, a także do prezentacji zdjęć jako pokaz slajdów. Program mogą używać osoby, które nie miały styczności z html'em, jak i amatorzy, czy profesjonaliści html. Dzięki tej aplikacji możemy w łatwy sposób stworzyć galerię zdjęć i udostępnić ją na stronie www.




Instalacja programu

Pobieramy jAlbum 11.2.5
Następnie uruchamiamy pobrany plik. Pojawi się nam strona główna programu instalacyjnego i klikamy Dalej.
[kliknij na obrazek aby powiększyć]


W kolejnym etapie wybieramy ścieżkę instalacji programu klikając Przeglądaj albo zostawiamy ścieżkę domyślną. Klikamy Dalej.

[kliknij na obrazek aby powiększyć]


Czytamy warunki umowy licencyjnej i jeżeli się z nią zgadzamy, to zaznaczamy opcję Akceptuję warunki Umowy Licencyjnej, następnie klikamy Dalej.

[kliknij na obrazek aby powiększyć]


Jeżeli chcemy aby na pulpicie pojawiła się ikonka programu i/albo aby program był w Menu Start, to zostawiamy zaznaczone opcje i klikamy Dalej.

[kliknij na obrazek aby powiększyć]


Mając już ustawione wszystkie właściwości klikamy Instaluj.

[kliknij na obrazek aby powiększyć]


Czekamy aż wszystkie komponenty programu zostaną zainstalowane. Gdy instalacja dobiegnie końca klikamy w aktywny przycisk Dalej.

[kliknij na obrazek aby powiększyć]


Zostawiamy zaznaczoną opcję Uruchom jAlbum i klikamy Zakończ.

[kliknij na obrazek aby powiększyć]



Obsługa programu

W tej części skupimy się na utworzeniu przykładowej galerii zdjęć. W tym celu utworzymy sobie folder z przykładowymi zdjęciami i dodamy go do projektu, a więc po kolei...

Wybieramy Plik ---> Nowy projekt Albumu...  (skrót Ctrl+N). 

[kliknij na obrazek aby powiększyć]


Po czym pojawi się okno dialogowe z następującymi opcjami, które wypełniamy:
Nazwa albumu - wpisujemy nazwę, która będzie tematyką naszego albumu, np. wakacje 2013, wycieczka do Wrocławia.
Etykiety albumu - wpisujemy wyrazy kluczowe dokumentu.
Opis albumu - opisujemy szerzej tematykę albumu.
Jeżeli chcemy zmienić lokalizację całego projektu, to klikamy w opcję Więcej i w polu Lokalizacja albumu wskazujemy inną ścieżkę lokalizacji. Następnie klikamy Ok.

[kliknij na obrazek aby powiększyć]


Po utworzeniu nowego projektu dodajemy wcześniej przygotowany katalog ze zdjęciami. W tym celu wybieramy opcję Dodaj (możemy także wybrać opcję obok, czyli utworzyć nowy katalog bezpośrednio z programu i dodawać zdjęcia metodą "przeciągnij-upuść").

[kliknij na obrazek aby powiększyć]


Następnie pojawi się okno dialogowe i należy wskazać ścieżkę do folderu ze zdjęciami. Aby dodać folder przeciągamy go i upuszczamy do programu. Zamykamy okno dialogowe.

W tym momencie warto zwrócić uwagę na to, aby nazwa folderu nie zawierała polskich liter, żadnych znaków specjalnych (oprócz podkreślnika), ani spacji. Przykładowo folder może mieć nazwę: wroclaw_2013.

Uwaga: Należy zwrócić także uwagę, czy mamy zaznaczony odpowiedni projekt albumu.


[kliknij na obrazek aby powiększyć]


Teraz pojawi się nam pytanie: Jak chcesz dodać ten plik? - Najlepiej jak skopiujemy go do naszego projektu (będzie nam potrzebny, gdy będziemy chcieli udostępnić projekt na stronie www). Zatem klikamy Kopiowanie.

[kliknij na obrazek aby powiększyć]


Przechodzimy teraz do naszego katalogu. Możemy dodać podpis do zdjęcia. W tym celu najeżdżamy myszką na nazwę zdjęcia aż pojawi się napis Dodaj tytuł... i klikamy dwukrotnie. Następnie zmiany zatwierdzamy enterem.

Dodatkowo możemy kliknąć w opcję Edycja i tam mamy do wyboru, m.in.: napisy na zdjęcie, wyostrzanie, rozmywanie, kadrowanie, redukcja czerwonych oczu, itp.

[kliknij na obrazek aby powiększyć]


Na projekcie klikamy w trójkącik aby pojawiły się opcje projektu. Wybieramy opcję Utwórz album (skrót F9).

[kliknij na obrazek aby powiększyć]


Po wygenerowaniu albumu klikamy Podgląd i otworzy się nam przeglądarka internetowa.

[kliknij na obrazek aby powiększyć]

Dla przykładu została wybrana skórka Turtle i wygląd (kolorystyka skórki) Stonewall. Oczywiście można wybrać inną kompozycję projektu, wystarczy zmienić opcję i dostosować do własnych potrzeb. Możemy również zmienić właściwości skórki klikając w "koło zębate" widoczne poniżej na obrazku.
Jeżeli uznamy, że te dostępne w programie skórki nam nie odpowiadają, to możemy pobrać i zainstalować dodatkowe z Internetu klikając w odnośnik Więcej skórek.

Uwaga: Po każdej zmianie skórki i wyglądu musimy ponownie utworzyć album żeby zmiany były widoczne.

[kliknij na obrazek aby powiększyć]

W ten oto prosty i szybki sposób zrobiliśmy przejrzystą, fajną i ciekawą galerię zdjęć, którą możemy udostępnić znajomy w Internecie.

Oprócz dodawania zdjęć do galerii możemy także dodać pliki audio (np. mp3, wma, wav), czy video (np. avi, mpeg, mp4, flv).

 



Publikacja galerii zdjęć na stronie www

Jeżeli nie zmienialiśmy ścieżki zapisu projektu, to przechodzimy do:
C:\Users\[nazwa_folderu_uzytkownika]\Documents\My Albums\Testowy album.

Do opublikowania galerii potrzebujemy jedynie zawartość folderu o nazwie album.

Przykładową galerię można zobaczyć tutaj.

2 komentarze:

  1. Bardzo przydatny post. Mam do Pana pytanie, otóż jestem tegorocznym maturzystą, interesuję się programowaniem, chcę iść od października na studia w tym kierunku. Znam już XHTML/HTML, CSS, JS, PHP, MySql. Myśli Pan, że za kilka lat rynek pracy będzie zapełniony programistami czy warto jeszcze iść na taki kierunek? Bo obecnie jest bardzo dużo ofert pracy - http://www.klasterit.pl/praca/ jednak nie wiem jak będzie za kilka lat. - Mateusz

    OdpowiedzUsuń
  2. Szkoda, że nie działa już link z przykładową galerią. Chętnie zobaczyłbym jak to wygląda, czy opłaca się bawić w takie coś. Czy po prostu nie lepiej udostępnić zdjęć na dysku google bądź innym takim serwerze.

    OdpowiedzUsuń