Internetowy podręcznik do nauki informatyki i innych przedmiotów w Zespole Szkół Ogólnokształcących STO64


Informatyka klasa 5 drugie półrocze:  1  2  3  4  5  6  7  8  9  10  11  12  |13|  14  15 
   
    Lekcja 13
  Web Builder - narzędzie GALLERY  
             
 

  
          

WEB BUILDER - GALLERY


Wstawienie elementu GALLERY na stronę internetową można zrobić na dwa sposoby:

1. Klikając na pasku narzędzi przycisk GALLERY



2. Wybierając z menu INSERT opcję EXTRA a następnie PHOTO GALLERY



Po wykonaniu jednej z powyższych czynności (punkt 1 lub 2) znaczek kursora myszki zmieni się na krzyżyk. Wówczas zaznaczamy myszką jakiś fragment strony. Po wykonaniu tej czynności pojawi się następujący element na stronie.



Klikamy dwa razyLPM w zaznaczony obszar (lub klikamy PPM i wybieramy opcję OBIECT PROPERTIES) aby włączyć okienko z właściwościami narzędzia GALLERY (takie jak na rysunku poniżej).



W okienku PHOTO GALLERY PROPERTIES (obrazek powyżej), w zakładce IMAGES (na obrazku w lewym górnym rogu) można zmienić następujące parametry:
  • ADD... - dodanie kolejnego obrazka do galerii
  • REMOVE - usunięcie obrazka z galerii
  • REMOVE ALL - usunięcie wszystkich obrazków z galerii
  • MOVE UP, MOVE DOWN - zmiana kolejności dodanych już zdjęć w galerii
  • COLUMNS - wybór liczby kolumn w galerii (liczba wierszy dopasowuje się automatycznie z zależności od parametru COLUMNS i liczby zdjęć w galerii)
  • ALIGMENT - wyrównanie zdjęć w poziomie (ma sens zmiana tego parametru gdy odznaczymy opcję MAINTAIN ASPECT RATIO)
  • CELL SPACING - odstępy między zdjęciami
  • MAINTAIN ASPECT RATIO - określa czy pomniejszone zdjęcia mają mieć zachowane proporcje (opcja zaznaczone) czy nie (wtedy wszystkie zdjęcia mają tą samą wielkość i ten sam kształt)
Dodatkowo w dolnej części okienka PHOTO GALLERY PROPERTIES znajduje się opcja TARGET, która określa miejsce wyświetlenia zdjęcia umieszczonego w galerii (rysunek poniżej listy):
  • OPEN IN THE SAME BROWSER WINDOW – otwórz w tym samym oknie przeglądarki
  • OPEN IN A NEW BROWSER WINDOW – otwórz w nowym oknie przeglądarki
  • OPEN IN A POPUP WINDOW– otwórz w wyskakującym okienku


Jeśli chcemy wstawić w naszej galerii podpisy pod zdjęciami musimy w okienku PHOTO GALLERY PROPERTIES przejść na zakładkę TEXT,



a następnie musimy zaznaczyć opcję INCLUDE TITLE



Wówczas pod zdjęciami pojawią się podpisy, dla których możemy zmienić następujące parametry:
  • FONT TYPE - typ (krój) czcionki
  • STYLE - styl czcionki:
    • REGULAR - normalny tekst
    • ITALIC - tekst pochyły (kursywa)
    • BOLD - tekst pogrubiony
    • BOLD ITALIC - tekst pogrubiony + kursywa
  • SIZE - rozmiar czcionki (wielkość od 1 do 7)
  • COLOR - kolor czcionki
  • ALIGMENT - wyrównanie tekstu:
    • LEFT - wyrównany do lewej
    • CENTER - wyrównany do środka (wyśrodkowany)
    • RIGHT - wyrównany do prawej
Domyślnie pod zdjęciami pojawiają się nazwy plików (bez rozszerzeń - np. dla zdjęcia brazek.jpg pojawi się podpis obrazek). Jeśli chcemy wprowadzić własny podpis wracamy do zakładki IMAGES, zaznaczamy wybrany obrazek na liście i w okienku THUMBNAIL TITLEwpisujemy własny podpis pod zdjęciem.

PRZYKŁAD

PODZIAŁ KRĘGOWCÓW

RYBY PŁAZY GADY
PTAKI PODZIAŁ KRĘGOWCÓW SSAKI


Wszystkie lekcje z tego kursu:  1  2  3  4  5  6  7  8  9  10  11  12  |13|  14  15 

 


Login:

Hasło
Załóż konto

Przypomnij hasło

 
Prawa autorskie- Zespół Szkół Ogólnokształcących STO64 im. Juliusza Słowackiego w Krakowie, autor projektu- nauczyciel STO64 Marek Czerwiński