Cool School se mijenja

Početna

Podaci o autoru

Ime: Damir Vrbanec

Predmet: Informatika

Škola: IV. OŠ Varaždin, Varaždin

Pogledaj sve članke ovog korisnika!

Tablice na web stranicama

1) Ubacivanje tablice na web stranicu

Tablicu ubacujemo na web stranicu pomoću glavnog izbornika
Table / Insert / Table (slika 1 - Ubacivanje tablice na web stranicu pomoću glavnog izbornika.jpg)
ili kraće razvlačenjem pomoću ikone na alatnoj traci (slika 1.jpg)

 

Zadatak
Na jedan od načina napravimo tablicu koja će imati 3 stupca i 2 retka!
Ako pogledamo u HTML kod primječujemo da je za tablicu otvoren posebni tag u kojem naziremo debljinu ruba tablice (border) veličine 1px (slika 2 - HTML kod web stranice sa tablicom.jpg)

u kojem naziremo debljinu ruba tablice (border) veličine 1px ()

2) Izmjena svojstva tablice

Krenimo mjenjati svojstva naše tablice!
Desnim klikom miša na tablici (slika 3 - Put do svojstva tablice skočmim izbornikom.jpg) otvaramo svojstva tablice (Table properties) (slika 4 - Prozor svojstva tablice.jpg)

Zadatak
Promjenimo debljinu okvira tablice na 4.

Zadatak
Ispunimo ćelije tablice tekstom i slikom…

 

3) Završna obrada tablice


Sad naša tablica izgleda ovako: (slika 5 - Primjer ispunjene tablice na web stranici.jpg)
Širine i visine redaka i stupaca možemo urediti prema želji povlačenjem mišem ili promjenama u svojstvima tablice i ćelije (Cell Properties).

Uređivanje tablica na web stranici naoko izgleda vrlo slično uređivanju tablica u Wordu. To je istina ali postoji jedna velika prednost rada s tablicama na web stranicama. Naime, tablice na web stranicama mogu poslužiti kao vrlo dobri “kosturi” razmještanja teksta, slika i svih drugih sadržaja na našim web stranicma. U to smo se uvjerili s našom tablicom iz gornjeg primjera. Do pravog izražaja dolaze i one tablice koje ne vidimo – tablice koji su skrivene! Kako sakriti tablicu na web stranica da bude nevidljiva???

Cijela je poanta je u debljini okvira teblice (Border) kojega treba postaviti na vrijednost 0 čime naše tablica doista postaje “kostur” koji razmješta sve druge elemente web stranice na njoj.


4) Skrivene tablice – “kosturi” web stranica

Uvjerimo se zajedno – postavimo debljinu okvira tablice na nulu!

Kad je debljina okvira tablice jednaka nuli naša tablica ima crtkane okvire koji nestanu kad web stranicu pogledamo u našem web pregledniku… (slika 5.jpg)

 

Naučili smo koristiti tablice na web stranicama.

Tablice nam služe kao vrlo jednostavan način razmještanja ostalih podataka na web stranici (teksta, slike, animacije, poveznica…)

Tablice kojima postavimo debljinu okvira na nulu postaju nevidljive – “kosturi” kojima razmještamo ostale elemente web stranica

 

 



Pogledano: 3929 puta.  Dodano: 01.04.2008. 17:17:16 od Damir Vrbanec
  Ocijenite članak:

Ocjena: 2.3/5 (Broj glasova: 65)