Uporaba in urejanje tabel

Gradnik Besedilo in slika (Text & Image) v urejevalniku SiteKreator omogoča strukturiranje vsebin z uporabo tabel. Tabele zagotavljajo natančno pozicioniranje besedila, slik in drugih elementov, s čimer se prepreči nezaželeno zamikanje vsebin na različnih zaslonih ali v različnih spletnih brskalnikih

1. Dodajanje tabele na spletno stran

Za vnos tabele na spletno stran izberite enega od spodnjih dveh postopkov:

• 1. postopek (preko orodne vrstice):

  1. Odprite gradnik Besedilo in slika (Text & Image).

  2. V orodni vrstici kliknite ikono Vstavi tabelo (Insert Table).

  3. Ustvarjena bo osnovna tabela z 1 vrstico in 2 stolpcema.
      

     

     
      

• 2. postopek (s funkcijo povleci in spustip / Drag & Drop):

  1. V levem stranskem meniju kliknite Elementi (Elements).

  2. Razširite razdelek Tabele in seznami (Tables and Lists).

  3. Izberite želeni element tabele ter ga s funkcijo povleci in spusti (drag-and-drop) premaknite na ustrezno mesto na strani.

2. Upravljanje vrstic in stolpcev

Ko kliknete v posamezno celico tabele, se v desni orodni vrstici prikažejo možnosti za urejanje strukture:

• Dodaj vrstico zgoraj (Insert Row above)

• Dodaj vrstico spodaj (Insert Row below)

• Dodaj stolpec levo (Insert Column at left)

• Dodaj stolpec desno (Insert Column at right)

• Izbriši vrstico (Delete Row): Kliknite v celico vrstice, ki jo želite odstraniti, in izberite to možnost.

• Izbriši stolpec (Delete Column): Kliknite v celico stolpca, ki jo želite odstraniti, in izberite to možnost.

 

3. Dimenzioniranje in poravnava tabel ter celic

Velikost tabele in posameznih celic lahko določite v pikslih (px) ali odstotkih (%):

• Dimenzioniranje v odstotkih (%): Širina tabele ni fiksna, temveč se prilagaja širini vsebinskega območja ali matične celice. To zagotavlja odzivnost (responsiveness) na različnih ločljivostih zaslonov.

• Dimenzioniranje v pikslih (px): Tabela ohrani fiksno širino ne glede na velikost zaslona.

• Nastavitev širine stolpcev: Širino celic oz. stolpcev določite s klikom v celico in vnosom vrednosti v polje Širina (Width).

Opozorilo glede dimenzioniranja:

• Vsota širin vseh stolpcev v odstotkih ne sme presegati 100 %.

• Pri uporabi pikslov mora vsota širin posameznih stolpcev ustrezati celotni širini tabele.

• Če vnesena vsebina presegne določene dimenzije, se celica samodejno razširi. Pri lepljenju vsebin iz zunanjih virov bodite pozorni na morebitne skrite tabele večjih dimenzij.

• Poravnava tabele (Align Table): Določa položaj tabele na spletni strani (Levo / Left, Sredinsko / Center, Desno / Right).

• Vertikalna poravnava vsebine celice (Cell Alignment): Omogoča poravnavo vsebine znotraj celice glede na zgornji rob (Vrh / Top), sredino (Sredina / Middle) ali spodnji rob (Dno / Bottom).

4. Odmiki in robovi (Spacing, Padding, Border)

• Rob tabele (Border Width): Privzeta vrednost je 0px (brez roba). Širino roba določite v pikslih.

• Barva roba (Border Color): S klikom na polje Barva roba (Border Color) se odpre izbirnik barv (Color Picker). Vnesete lahko šestmestno kodo HEX (npr. #ffffff za belo barvo) ter potrdite z gumbom Izberi (Select). Za odstranitev barve izbrišite kodo HEX in kliknite Izberi (Select).

• Celični razmak (Cellspacing): Določa razmik med posameznimi celicami v pikslih.

• Obloga celice (Cellpadding): Določa razmik med robom celice in vsebino znotraj nje v pikslih.

5. Ozadja tabel in celic

Tabeli ali posamezni celici lahko določite barvno ozadje ali naložite sliko:

• Barva ozadja (Table / Cell Color): Izberite barvo iz predlagane palete grafičnega dizajna ali vnesite vrednost HEX. Za odstranitev barve izbrišite kodo HEX in potrdite spremembo.

• Slika ozadja (Background Image): Naložite sliko za ozadje tabele ali celice. Z namenskimi ikonami lahko določite začetni položaj slike (Position) ter način njene ponovitve po horizontali ali vertikali (Tiling).