Dimitar Trpkovski

HTML Kurs za web dizajn

Lekcija 6

6-1 Voved

Na{eto u~ewe za tabelite go zapo~navme vo prethodnata lekcija i sega }e prodol`ime.Kako {to ka`avme tabelite se mnogu va`ni za profesionalno dizajnirawe na web stranici.

Vo ovaa lekcija }e pokrieme pove}e opcii za keliite na tabelite, nivnata golemina i ne{to za toa kako mo`eme da napravime razli~ni delovi od slika da poka`uvaat na razli~ni linkovi.

6-2 [irina na kolona

Vo prethodnite lekcii nau~ivme kako mo`eme da ja odredime visinata i {irinata na keliite.

Primer:

<HTML>

<HEAD>

<TITLE>Tabela:Sirinata na kolonite ne e specificirana</TITLE>

</HEAD>

<BODY>

<TR>

<TD>GORE DESNO</TD>

</TR>

<TR>

<TD>DOLU DESNO</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Vo gornava tabela nemame determinirano golemina na dve kelii vo prviot red.Na ovoj na~in nema da mo`ete da ka`ete kako ovie kelii }e se pojavat vo razli~ni browser-i i vo razli~ni rezolucii.

Mo`ete da ja determinirate {irinata na sekoja kolona vo tabelata so specificirawe {irina na kolonata vo prviot red.Samo bidete pretpazlivi za to~nosta na merkite koi gi vnesuvate.Na primer ako va{ata tabela e {iroka 200 pikseli,toga{ i sumata na site {irini na koloni mora da e to~no 200.

Primer:

<HTML>

<HEAD>

<TITLE>Primer 6-1a</TITLE>

</HEAD>

<BODY>

<TR>

<TD WIDTH=260>gore desno</TD>

</TR>

<TR>

<TD>dolu desno</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Koga odreduvate {irina za prviot red ne morate da odreduvate {irina za drugite redovi.

Ako sakate kelija da bide prazna,ne smeete da ja zaobikolite definicijata za taa kelija.Vnesete ja definicijata za kelijata i potoa vnesete   pome|u <td> i </td> tagovite.Kako {to znaete ova zna~i prazno mesto.Morate da vnesete barem prazno mesto inaku kelijata nema da se pojavi kako prazna.

Primer:

<HTML>

<HEAD>

<TITLE>Primer 6-2</TITLE>

</HEAD>

<BODY>

<TR>

</TR>

<TR>

<TD>dolu desno</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Vo gorniov primer imame dve prazni kelii no imame specificirano i golemina na tabela i na kelija t.e. tabelata nema da go izgubi svojot oblik.Ako gi odstranime goleminite ne mo`eme da garantirame kako toa }e se odrazi na razli~ni rezolucii.

Zaradi ovie pri~ini vi sovetuvame da gi odreduvate vo sekoja tabela {to ja koristite.Nemojte da koristite fiksna golemina.Namesto toa koristete procentualna golemina.

6-3 Mesto vo kelijata

Mo`eme da specificirame i drugi dve va`ni golemini.Mestoto vo kelijata e mesto pome|u franicite na kelijata i sodr`inata vo nea kako tekst,sliki itn.

Primer:

<HTML>

<HEAD>

<TITLE>Primer 6-3</TITLE>

</HEAD>

<BODY>

Mesto vo kelijata : <BR><BR>

<TR>

<TD>GORE DESNO</TD>

</TR>

<TR>

<TD>DOLU DESNO</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Predodredena vrednost za ovaa opcija e 1.Toa zna~i deka sodr`inata na kelijata }e ima razdale~enost od 1 piksel so granicite.Ako ne sakate voop{to mesto morate da nazna~ite vrednost 0.

6-4 Razdale~enost na kelija

Ova e parametar koj ja definira razdale~enosta pome|u vnatre{niot i nadvore{niot del na tabelata.Vo su{tina tabelata e konstruirana od dve granici.

Ako ja zgolemite ovaa vrednost }e imate debela granica.Predodredena vrednost za ovaa opcija e 2.Ako stavite 0 }e imate mnogu tenka granica.

Primer:

<HTML>

<HEAD>

<TITLE>Primer 6-4</TITLE>

</HEAD>

<BODY>

Sirina na granici: <BR><BR>

<TR>

<TD>GORE DESNO</TD>

</TR>

<TR>

<TD>DOLU DESNO</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Isto taka mo`ete da gi me{ate ovie dve opcii za da dobiete specifi~ni tabeli.

6-5 Tabeli i sliki

Ponekoga{ vi treba slika koja na koga }e stisnete na razli~en del od nea }e ve odnese na razli~ni linkovi.Prethodno nau~ivme kako da koristime slika kako link.

Vo ovoj specijalen slu~aj treba da ja ise~ete slikata na tolku delovi kolku {to vi treba i da ja stavite vo tabela bez granici.Potoa }e stavite razli~en link na sekoja kelija.

Na ovoj na~in }e dobiete razli~en link na razli~en del od slikata.

	free hosting image hosting hosting reseller online album e-shop famous people