InternetDołączanie galerii do własnej strony

    Dołączanie galerii do własnej strony

    Teraz, kiedy masz już przygotowany ciekawy i atrakcyjny internetowy album utworzony z własnych fotografii, możesz go podpiąć do swojej strony WWW i zastąpić poprzednią galerię. Na tym etapie niezbędne będzie zastosowanie prostego kodu HTML.

    Dołączanie galerii do własnej strony

    Umieszczanie albumu fotografii na własnej stronie WWW

    Przygotowany i opublikowany album w internecie możesz podłączyć do swojej witryny w formie odnośnika, z użyciem kodu HTML.

    Krok 1

    Uruchom program WebSite X5 i kliknij Start. W kolejnym wyświetlonym oknie aplikacji zaznacz opcję Edytuj istniejący projekt i kliknij ..., aby wybrać zapisany na dysku projekt.

    Krok 2

    W wywołanym oknie znajdź i zaznacz plik, np. moja - strona domowa.iwp, i kliknij Otwórz, aby załadować projekt do programu. Kliknij Dalej.

    Obraz

    Krok 3

    Teraz możesz już edytować swoją stronę. Kliknij zakładkę Planowanie witryny i z listy podstron wybierz i dwukrotnie kliknij dział Galeria. Zostaniesz przeniesiony do zakładki Tworzenie stron, gdzie zmienisz konstrukcję obecnej galerii i podłączysz nowy album. Zalecamy, aby struktura tej podstrony składała się z trzech kolumn. Lewą kolumnę możesz wypełnić obiektem Obraz, wybierając z dysku fotkę, która będzie miniaturą twojej nowej galerii. Natomiast na przecięciu drugiej i trzeciej kolumny przeciągnij obiekt Tekst, a następnie dwukrotnie go kliknij.

    Obraz
    Obraz

    Krok 4

    Możesz edytować obiekt. Podłączymy galerię w formie odnośnika prowadzącego do galerii na twoim serwerze WWW. Z paska narzędziowego wybierz </>, aby zezwolić na kod HTML, który będzie niezbędny do wprowadzenia odnośnika do zewnętrznej galerii.

    Obraz

    Krok 5

    Po włączeniu ikony</> możesz już korzystać z kodu HTML. Galeria powinna mieć tytuł i krótki opis, dlatego wpisz odnośnik według następującego wzoru:

    <a href=”http://www.adresstrony.pl/nazwagalerii”> Tytuł galerii</a>

    Krótki opis galerii W naszym przykładzie link do galerii wygląda tak:

    <a href=”http://www.mateusznosel.strefa.pl/galeria01”>Parada brazylijska</a>

    W pierwszą sobotę września głównymi ulicami Warszawy przeszedł kolorowy korowód. W paradzie wzięło udział kilkaset osób. Zakończ edycję przyciskiem OK.

    Obraz

    Krok 6

    Wygląd tekstu możesz modyfikować, korzystając z narzędzi edycyjnych. Warto zwiększyć i pogrubić tytuł galerii. Wtedy link do galerii będzie bardziej czytelny. Powinieneś uzyskać taką podstronę (patrz obrazek). Pamiętaj, aby zmienić datę ostatniej aktualizacji strony, jeżeli wprowadzasz jakiekolwiek zmiany.

    Obraz

    Krok 7

    Teraz możesz już wyeksportować zaktualizowaną stronę na dysk i opublikować ją w internecie, przechodząc do zakładki Eksport.

    Obraz

    Galeria jako ramka wbudowana na stronie WWW

    Innym sposobem podłączenia zewnętrznej galerii zdjęć do strony WWW jest zastosowanie ramki wbudowanej (tzw. iframe). Do tego zadania niezbędna jest znajomość prostego kodu HTML. Korzystając z takiego rozwiązania, strona z internetowym albumem fotograficznym zostanie wczytana i załadowana bezpośrednio na podstronie Galeria.

    Krok 1

    W zakładce Planowanie witryny wybierz z listy podstron i dwukrotnie kliknij dział Galeria. Na tej podstronie usuń dodatkowe wiersze i kolumny, tak aby pozostała tylko jedna kolumna i jeden wiersz. Wypełnij komórkę obiektem Tekst, który po przeciągnięciu kliknij dwukrotnie.

    Obraz

    Krok 2

    W trybie edycji obiektu wybierz z paska narzędziowego ikonę </>, aby zezwolić na użycie kodu HTML, który będzie niezbędny do zastosowania ramki wbudowanej.

    Obraz

    Krok 3

    Po włączeniu ikony </> możesz już korzystać z kodu HTML. Wprowadź kod według następującego wzoru:

    <iframe width=”700” height=”500” frameborder=”0” src=”http://adresstrony.pl/nazwagalerii”>Twoja przeglądarka nie obsługuje ramek wbudowanych</iframe>

    gdzie width to szerokość, a height to wysokość ramki wbudowanej. W src podaj link do galerii na serwerze. Zakończ edycję przyciskiem OK. W naszym przykładzie link wygląda tak:

    <iframe width=”700” height=”500” frameborder=”0” src=”http://mateusznosel.strefa.pl/galeria01”>Twoja przeglądarka nie obsługuje wbudowanych ramek</iframe>

    Krok 4

    Jeżeli podałeś poprawny link do galerii, uzyskasz podstronę Galeria, na którą się załaduje twój internetowy zewnętrzny album fotograficzny:

    Obraz

    Wybrane dla Ciebie