Tabele

Tabele ogrywają znaczną rolę przy tworzeniu stron internetowych. Chociaż tego nie widać bezpośrednio, ale przeważająca ilość stron internetowych, które sobie przeglądamy, została zbudowana z wykorzystaniem tabel.
Wykorzystanie tabel na stronach można podzielić na dwie kategorie:

  1. tradycyjna - czyli tabela wykorzystana jest podobnie jak w edytorze tekstu, są rybryki (wiersze, kolumny) w których można wpisywać teksty, wstawiać obrazki......zobacz przykład.
  2. O wiele częściej tabele wykorzystuje się do "pozycjonowania" (czyli ustawiania w odpowiednich miejscach na stronie) grafiki i tekstu na stronie internetowej. Stosuje się wtedy tabele o niewidocznych krawędziach .....zobacz przykład.

O ważności tabel niech świadczy chociażby fakt, że do ich obsługi w prgramie FrontPage Express przewidziano oddzielną opcję w menu !

Obsługa tabel jest zbliżona do obsługi tabel w edytorze tekstu.

Wstawianie tabeli na stronę

Aby wstawić tabelę wybieramy z menu Tabela>Wstaw tabelę.
Pojawi się okienko, w którym ustawiamy parametry naszej tabeli.

  • Wiersze - czyli ilość wierszy
  • Kolumny - ilość kolumn
  • Kolejność kolumn - zostawiamy jak jest
  • Wyrównanie - tutaj decydujemy o ułożeniu tabeli na stronie, mamy do wyboru cztery opcje:
    -Do lewej
    -Wyśrodkowane
    -Do prawej
    -Ustawienia domyślne (czyli do lewej)
  • Rozmiar obramowania - grubość linii. Jeśli chcemy aby tabela była niewidoczna należy ustawić grubość linii na 0
  • Uzupełnianie komórki - zmienia odstęp między obramowaniem komórki i jej zawartością.
  • Odstęp między komórkami - zmienia odstępy między komórkami
  • Szerokość - możemy tutaj zadeklarować jak szeroka ma być tabela. Zarówno w procentach (procent szerokości strony internetowej) jak i w pikselach (punktach na ekranie monitora). Jeśli nie ustawimy tej opcji, tabela sama dopasuje swoją szerokość do informacji jakie w niej zapiszemy.

Większość tych ustawień można zmieniać już po wstawieniu tabeli na stronę.
Jeśli ustawimy takie opcje jak na rysunku to otrzymamy taką tabelę (patrz poniżej)

Wprowadzanie informacji do tabeli odbywa się podobnie jak w edytorze tekstu. Do komórek tabeli oprócz tekstu można również wstawiać obrazki (robi się to tak samo jak podczas wstawiania obrazka na stronę)

   
   

Aby zmienić ustawienia tabeli naciskamy na niej prawym przyciskiem myszy. Mamy wtedy do wyboru dwie opcje (dotyczące tabel):

  • Właściwości tabeli - tutaj zmieniamy ustawienia dotyczące całej tabeli.
  • Właściwości komórki - tutaj zmieniamy ustawienia dotyczące pojedynczej komórki (tej na którą nacisnęliśmy myszką)

Właściwości tabeli - opcja ta pozwala zmieniać ustawienia dotyczące całej tabeli. Oprócz ustawień, które są nam już znane (podczas wstawiania tabeli). Możemy tutaj dodatkowo zmienić:

  • Tło tabeli - tabela może mieć swoje własne tło. Tłem tabeli może być (podobnie jak w przypadku strony) dowolny kolor lub też obrazek.
  • Możemy również zmienić kolory ramek tabeli

A efekt naszych działań może być np. taki jak tabela poniżej.

   
   

Właściwości komórki pozwalają z kolei zmienić ustawienia dotyczące pojedynczych komórek (dla każdej komórki mogą być one inne). Do najistotniejszych ustawień należy zaliczyć:

A efekt tych ustawień może być taki jak poniżej:

   
   

W menu TABELA programu FrontPage Express zawartych jest dużo doadatkowych funkcji pozwalających modyfikować ustawienia tabeli. Ich działanie jest podobne do funkcji znanych nam z edytorów tekstu. A więc możemy:

  • dodawać do tabeli wiersze lub kolumny
  • scalać (łączyć) kilka komórek w jedną całość
  • podzielić komórkę na kilka mniejszych
  • dodawać napis tytułowy do tabeli

Stosując te funkcje możemy uzyskać np. taki efekt jak poniżej

To jest tytuł tabeli

Uczestnicy turnieju GIFOMAT w trakcie rozwiązywania zadań

Możliwości stosowania tabel na stronach internetowych są bardzo duże, a efekty jakie osiągniemy zależą głównie od naszej pomysłowości..

Cofnij