Własna galeria html w kilka minut

Jest to dział poświęcony tworzeniu intenetowej galerii html. Znajdziecie tu Państwo także generatory galerii zdjęć, skrypt galerii oraz tutorial jak stworzyć własną galerię html w programie Picasa. Tworzenie galerii html jest wbrew pozorom bardzo łatwe, a taka galeria www może powstać w kilka minut.

Chciałbyś pokazać swoje fotografie w Internecie, ale nie znasz html – jest rozwiązanie. Jeżeli nie mamy dostępu do żadnego serwera, nie znamy się w ogóle na webmasterstwie i domenach najlepszą metodą stworzenia galerii internetowej będzie wykorzystanie darmowego programu Picasa (Firma Google). Program pozwala stworzyć galerię internetową bez większego wysiłku w kilka minut. Nie potrzebne są nam serwery domeny itp. Cała procedura jest banalnie prosta.

Po pierwsze musimy ściągnąć program. Można to zrobić tutaj: Picassa (Google)

Jeżeli dostępne będą aktualizacje program je automatycznie zainstaluje. Pozwól mu na to. Po pierwszym uruchomieniu program powinien przeskanować pulpit i folder "Moje dokumenty" w poszukiwaniu obrazów. Jeżeli zdjęcia, które chcemy umieścić w galerii są zlokalizowane w innym folderze, należy go dodać: Plik→Dodaj folder do programu Picasa..

Aby stworzyć galerię wystarczy wybrać zdjęcia, które mają się w niej znaleźć, a następnie wcisnąć przycisk (na dole ekranu):

Jeżeli nie posiadasz konta Google, zostaniesz poproszony o rejestrację. Po zarejestrowaniu otrzymasz 1GB przestrzeni na swoje zdjęcia. Adres galerii będzie wyglądał następująca: picasaweb.google.pl/login/. Podczas ładowania zdjęć do galerii program zawsze będzie nas pytał, czy chcemy utworzyć nowy album, czy dodać zdjęcia do już istniejącego. Przy tworzeniu nowego albumu możemy podać jego tytuł i opis. Do każdego z albumów możemy wchodzić ze strony głównej galerii. Albumy mają adres: picasaweb.google.pl/login/tytułalbumu. Adres można zamienić na bardziej przyjazny za pomocą aliasu.

Jest to chyba najszybszy i najwygodniejszy sposób publikacji zdjęć. Program posiada również mnóstwo innych możliwości, które warto wypróbować. Począwszy od obróbki zdjęć po wypalanie płyt.

Generatory galerii html

Jeżeli chcemy zbudować sami galerię możemy w tym celu użyć generatora kodu. Z tym, że do jej publikacji konieczny będzie serwer. Możemy skorzystać z darmowego serwera.

W sieci jest cały ogrom generatorów galerii. Ja jako przykład wybrałem chyba najprostszy generator galerii jaki znalazłem – Web Album Generator (freeware). Generowana przez ten program galeria nie powala estetyką, ale sam generator jak i generowany przez niego kod jest bardzo prosty. W niedalekiej przyszłości postaram się opisać coś porządniejszego. Program jest bardzo intuicyjny w obsłudze, więc nie będę przedstawiał wszystkich opcji, a jedynie skupię się na najistotniejszych.

W pierwszej kolejności musimy dodać zdjęcia do albumu. Najlepiej zaimportować folder ze zdjęciami (Photos/Import folder of photos...). Można też dodać zdjęcia pojedynczo (Add phsoto) – wciśnięty klawisz Ctrl pozwala zaznaczyć kilka zdjęć na raz. Możemy również obracać zdjęcia (Rotate curetn photo). Gdy już mamy wszystkie zdjęcia w albumie klikamy (Generat Web Album) i przechodzimy do następnego ekranu. Tutaj możemy wybrać tytuł i opis naszej galerii.

W kolejnym etapie wybieramy kolory: tła (page colour), tekstu, linku oraz linku podświetlonego (hover link colour). Wartość "Custom" w menu koloru, pozwala nam na dokładniejsze określenie kolorów niż te wyszczególnione. Wybrany schemat można zapisać. Można też wybrać gotowy schemat kolorów z listy.

W następnym oknie wybieramy wielkość miniaturek (Thumbnail size), ilość rzędów (Rows) i kolumn.

Kolejny ekran pozwala na rozlokowanie elementów na stronie i decyduje o ostatecznym wyglądzie galerii. Wszytko widać na podglądzie, więc nie będę po kolei opisywał każdej opcji. Proponuję jednak zaznaczyć opcję (Navigate in Loop) – powoduje ona zapętlenie paska przewijania z miniaturkami (po dojściu do końca rozpoczyna od nowa), co moim zdaniem daje lepszy efekt. Proponuję też nie przesadzać z wielkością "Photo size". Proszę wziąć pod uwagę, że im większe zdjęcie, tym dłużej będzie się ładować. Poza tym jest jeszcze sporo osób używających na swoich komputerach rozdzielczości 800x600. Moim zdaniem wielkość zdjęcia 640x480 jest optymalna.

Teraz wystarczy wybrać katalog docelowy i galeria gotowa. Gratulacje! Plik index.html uruchamia galerię. Photoshop również posiada wbudowany generator galerii (Plik / automatyzuj / Galeria zdjęć Weba), jednak jest on dosyć niedopracowany, przynajmniej w wersji 7.0.

Poprzedni Następny