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


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

  
          

WEB BUILDER - TABLE





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

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



2. Wybierając z menu TABLE opcję INSERT TABLE



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 zrobieniu tego pojawi się zewnętrzny obrys tabeli oraz okienko INSERT TABLE.



W okienku INSERT TABLE można wstępnie wprowadzić następujące parametry tabeli:
  • NUMBER OF ROWS - liczba wierszy w tabeli
  • NUMBER OF COLUMNS - liczba kolumn w tabeli
  • BORDER SIZE - grubość zewnętrznej ramki tabeli
  • CELL PADDING - odległości kursora od brzegów komórki (marginesy)
  • CELL SPACING - odstęp miedzy komórkami tabeli (w pionie i poziomie)
Przykładową tabelkę z trzema wierszami i czterema kolumnami pokazano poniżej.



Jeśli chcemy zmienić jakieś parametry tabeli klikamy w jej obszarze PPM w wyniku czego pojawi się MENU KONTEKSTOWE jak na obrazku poniżej (część z tych opcji znajdziemy również w menu TABLE).



Na początek sprawdźmy opcję TABLE PROPERTIES...



W okienku TABLE PROPERTIES można zmienić następujące parametry:
  • BORDER SIZE, CELL PADDING, CELL SPACING - opisane wyżej
  • Obszar BACKGRUOND, okienko COLOR - tło całej tabeli w postaci jednolitego koloru
  • Obszar BACKGRUOND, okienko IMAGE - tło całej tabeli w postaci obrazka
  • Obszar CUSTOM COLORS, okienko BORDER - kolor ramki zewnętrznej tabeli i linii wewnętrznych
Następnie zobaczmy opcję CELL PROPERTIES...



W okienku CELL PROPERTIES można zmienić następujące parametry:
  • Obszar BACKGRUOND, okienko COLOR - tło pojedynczej komórki tabeli w postaci jednolitego koloru
  • Obszar BACKGRUOND, okienko IMAGE - tło pojedynczej komórki tabeli w postaci obrazka
  • Obszar ALIGMENT - wyrównanie tekstu w komórce
    • HORIZONTAL - wyrównanie w poziomie
      • LEFT - wyrównanie do lewej krawędzi komórki
      • CENTER - wyrównanie do środka komórki (wyśrodkowanie)
      • RIGHT - wyrównanie do prawej krawędzi komórki
    • VERTICAL - wyrównanie w pionie
      • TOP - wyrównanie do górnej krawędzi komórki
      • MIDDLE - wyrównanie do środka komórki
      • BOTTOM - wyrównanie do dolnej krawędzi komórki
  • Obszar BORDER, okienko COLOR - kolor ramki pojedynczej komórki
Jeśli zorientujemy się, że wstawiliśmy za małą liczbę kolumn lub wierszy klikamy PPM w komórce, obok której chcemy dodać wiersz lub kolumnę i z MENU KONTEKSTOWEGO wybieramy opcję INSERT ROWS OR COLUMNS...

Jeśli chcemy dodać kolumnę do tabeli to w okienku INSERT ROWS OR COLUMNS zaznaczamy opcję COLUMNS. Wówczas możemy ustawić następujące parametry:
  • NUMBER OR COLUMNS - podajemy ile dodajemy kolumn do tabeli
  • LEFT OF SELECTION - wybieramy jeśli chcemy dodać kolumnę po lewej stronie od zaznaczonej przez nas komórki tabeli
  • RIGHT OF SELECTION - wybieramy jeśli chcemy dodać kolumnę po prawej stronie od zaznaczonej przez nas komórki tabeli
Jeśli chcemy dodać wiersz do tabeli to w okienku INSERT ROWS OR COLUMNS zaznaczamy opcję ROWS. Wówczas możemy ustawić następujące parametry:
  • NUMBER OR ROWS - podajemy ile dodajemy wierszy do tabeli
  • ABOVE OF SELECTION - wybieramy jeśli chcemy dodać wiersz powyżej zaznaczonej przez nas komórki tabeli
  • BELOW OF SELECTION - wybieramy jeśli chcemy dodać wiersz poniżej zaznaczonej przez nas komórki tabeli
Jeśli okaże się, że wstawiliśmy tabelę ze zbyt dużą liczbą wierszy (lub kolumn), klikamy PPM w dowolnej komórce należącej do wiersza (lub kolumny), którego chcemy usunąć i z MENU KONTEKSTOWEGO wybieramy opcję DELETE ROW (lub DELETE COLUMN).


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