| free hosting image hosting hosting reseller online album e-shop famous people | ||
![]() ![]() |
||
|
|
HTML Kurs za web dizajn |
|
|
|
Lekcija 2
2-1 Obrabotka na tekst
Dosega nau~ivme kako da vneseme ednostaven tekst vo na{ata web strana.Vo ovaa lekcija }e nau~ime tehniki za obrabotka na tekst.Ovoj del od ve{tinite na pi{uvawe na html e najva`niot del od celiot kurs za web dizajn.Zatoa morate da go nau~ite zbor po zbor.
2-2 Promena na stilot na tekstot
Tekstot mo`eme da go napravime bold,italic ili underlined.Ako sakate da go napravite tekstot bold morate da go napi{ete pome|u <b> i </b> tagovite.
<body> Ova e mnogu <b> vazno </b> </body>
Vo gorniov tekst zborot ‘vazno’ e napi{an vo bold stil.Mo`ete da go napravite tekstot italic ako go stavite pome|u <i> i </i> tagovite. I,analogno mo`ete da go napravite va{iot tekst podvle~en ako go stavite pome|u <u> i </u> tagovite.
Primer:
<HTML> <HEAD> <TITLE>Primer 1, Lekcija 2</TITLE> </HEAD> <BODY> <B>Ovoj tekst e bold</B><br> <I>Dodeka ovoj e Italic</I><br> <U>a ovoj e underlined</U><br> <B><I>Pogledni go ova,ova e i bold i italic</I></B> </BODY> </HTML>
Vo gorniov primer mo`ete da gi vidite kombinaciite na ovaa tema. Mo`ete da go zabele`ite tagot <br> na krajot na sekoj red.Da vidime {to zna~i ovoj tag.Ako na krajot od va{iot red stisnete enter i o~ekuvate va{iot tekst da prodol`i vo nov red vo va{iot browser tekstot nema da izgleda taka.Toj celiot }e bide vo edna linija.Za da se po~ne so nov red vo html kodot morate da vnesete <br> tag.Isto taka obrnete vnimanie deka <br> tagot e eden od malkute tagovi vo html koi ne odat vo par.Za nego nema zavr{en tag.
2-3 Vgnezdeni tagovi
Vo prethodnite primeri vidovte vgnezdeni tagovi kako ovie:
<B><I>Pogledni go ova,ova e i bold i italic</I></B>
Morate da pazite koga gi vgnezduvate tagovite da ne preminuvaat eden preku drug.Ako to~niot red na vgnezduvawe ne e zapazen mo`e da se izvr{i pogre{na komanda.
2-4 Tekst so fiksna {irina
Kako {to znaete,obi~nite fontovi koristat razli~en horizontalen prostor.Na primer bukvata ‘w’ koristi pomalku prostor otkolku bukvata ‘7’.Ponekoga{ ni treba font so to~no ista {irina na site bukvi.Na primer,ako sakame da napravime tabela so brojki i sakame da gi naredime to~no edni vrz drugi.
Za da definirame vakov tip na tekst morame da koristime <tt> i </tt> tagovi.TT zna~i typewriter text.
2-5 Menuvawe na goleminata i tipot na font
Mo`eme da ja menuvame goleminata i tipot na fontot so koristewe na <font> i </font> tagovite.Koristeweto na ovie tagovi sami nema da smeni ni{to.Morame da koristime parametri za ovie tagovi.Ovie parametri specificiraat kakov tip na font ni treba.
2-6 Golemina na font
Za da ja smenimne goleminata na del od tekstot go pro{iruvame <font> tagot so slednive parametri.
<font size=n> .. ., </font>
kade n e golemina na font koi mora da bide pome|u 1 i 7.Ako vnesete nekoj tekst bez specificirawe na goleminata negovata golemina }e bide 3.
Primer:
<HTML> <HEAD> <TITLE>Primer 2, Lekcija 2</TITLE> </HEAD> <BODY> <FONT SIZE=1>1Ova e tekst </FONT><br> <FONT SIZE=2>2Ova e tekst </FONT><br> <FONT SIZE=3>3Ova e tekst </FONT><br> <FONT SIZE=4>4Ova e tekst </FONT><br> <FONT SIZE=5>5Ova e tekst </FONT><br> <FONT SIZE=6>6Ova e tekst </FONT><br> <FONT SIZE=7>7Ova e tekst </FONT><br> </BODY> </HTML>
2-7 Tip na font
Mo`eme da koristime font na del od tekstot so specificirawe na negovoto ime.
<font face=”Imeto na fontot”> . . . </font>
Imeto na fontot mora da se vnese vo navodnici. Primer:
<HTML> <HEAD> <TITLE>Primer 3, Lekcija 2</TITLE> </HEAD> <BODY> <FONT FACE="ARIAL">Ovoj tekst e vo ARIAL font</FONT><br> <FONT FACE="IMPACT">Ovoj tekst e vo IMPACT font</FONT><br> </BODY> </HTML>
Vo gorniov primer koristevme arial i impact font no mo`eme da stavime i bilo koj drug tip na font. Mora da se vnimava da koristime font koi go imame vo na{iot kompjuter. Zatoa treba da se vnimava na koristewe na nov font.Najdobro e da koristite windows fontovi,zatoa {to windows go koristat 95% od web surferite.
Alternativno mo`ete da koristite nekolku fontovi za sekoj del od va{ata strana.Vo ovoj slu~aj browser-ot }e bara alternativen font ako ne mo`e da go najde primarniot.
Primer: <font face=”Arial,Helvetica”> . . . </font>
2-8 Menuvawe na bojata na tekstot
Vo prethodnite lekcii nau~ivme kako da ja smenime bojata na pozadinata, a sega }e nau~ime kako da ja smenime bojata na tekstot.
Primer:
<HTML> <HEAD> <TITLE>Primer 4, Lekcija 2</TITLE> </HEAD> <BODY> <FONT COLOR="#FF0000">Ovoj tekst e so crvena boja.</FONT><br> <FONT COLOR="#00FF00">Ovoj tekst e so zelena boja.</FONT><br> <FONT COLOR="#0000FF">Ovoj tekst e so sina boja.</FONT><br> </BODY> </HTML>
Vo gorniov primer se koristeni razli~ni boi.Menuvaweto na boite vo numeri~ki format se pravi isto kako i menuvaweto na pozadinata.
2-9 Kombinirawe na atributite na fontot O~igledno e deka mo`eme da gi kombinirame parametrite vo <font> tagot kako {to sakame.Na ovoj na~in mo`eme da dobieme najrazli~en stil na tekst. Primer:
<B><I><FONT SIZE="5" FACE="IMPACT" COLOR="#00FF00"> Kako e ova ? </FONT></I></B>
2-10 Menuvawe na predodredenite boi na fontot vo web stranite.
Sekoj browser si ima svoi podesuvawa za boja na tekst,boja na linkovi,boja na poseteni linkovi i boja na aktivni linkovi. Predodredena boja na tekstot e crna.Linkovite naj~esto se sini.Za da gi smenite ovie boi morate da go koristite <body> tagot so pove}e parametri.
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#00FF00" ALINK="#FF0000">Nekoj tekst </BODY> BGCOLOR: pozadina na Web strana TEXT: Boja na tekst LINK: Boja na link VLINK: Boja na poseten link ALINK: Boja na aktiven link |