Dimitar Trpkovski

HTML Kurs za web dizajn

Lekcija 1

1-1 Voved

Web stranicite se obi~ni datoteki so .htm ili .html ekstenzii.Tie sodr`at kod nare~en “hyper text mark-up language” ili html.Ovoj kod koga se gleda na internet browser kako na primer Internet Explorer ili Netscape }e izgleda kako prekrasna web strana,no kodot pod web stranata mo`e da e mnogu kompliciran.

Za da dizajnirate html web strana imate dve opcii:

a.Mo`ete da koristite editor za web strani kako Microsoft FrontPage za da kreirate web strani.Toj raboti isto kako Word.Samo ispi{uvate tekst,vnesuvate grafika i ja snimate va{ata datoteka kako html strana. Duri i Word 2000 samiot mo`e da gi snima va{ite dokumenti vo html format.

Gledate deka web dizajnot e mnogu lesen.No naskoro samite }e voo~ite deka za profesionalna web strana treba i ne{to drugo.

b.Vtorata opcija e da go nau~ite html kodot i da pi{uvate html web stranici vo ednostaven tekst editor.Kako {to ka`avme a{iot kod }e izgleda kako web strana vo internet browser-ot.

1-2 Pri~ini za odbirawe na vtorata opcija

-Ako sakate da dizajnirate profesionalni web stranici koristej}i gi ovie alatki nema da bide dovolno.Morate da bidete zapoznaeni so html kodot.

-Rezultat od ovie editori e golem i zbunuva~ki kod.Negovoto odr`uvawe e mnogu te{ko.

-Ako podocna sakate da dizajnirate dinami~ki web stranici treba da go znaete html kodot.

-Ako na va{ata strana i treba formi za pra}awe na informacii do serverot i vra}awe na rezultantnite stranici vo va{iot browser morate da znaete html kod.

-Postojat i drugi pri~ini koi diktiraat da u~ime html kod.

1-3 Alatki koi }e vi trebaat

]e vi treba samo ednostaven editor za tekst za da go napi{ete html kodot.Na primer mo`e da koristite notepad vo Windows ili bilo koj drug editor za tekst vo drugite OS.Isto taka }e vi treba i Internet explorer,Netscape ili drug browser.Vo ovoj kurs }e pretpostavime deka rabotite vo Windows 9x/NT/2000.

1-4 Po~etok vo html

Otvorete go notepad i napi{ete go sledniov kod:

<html>

Zdravo Makedonijo!

</html>

Sega snimete go tekstot kako “page1.html”.Za da go vidite izgledot na ovaa datoteka vo va{iot browser otvorete ja vo istiot.Morate da ja vidite va{ata web strana vo va{iot browser.

<html> i </ntml> se vikaat tagovi.Prviot e po~eten tag,a vtoriot e zavr{en tag.Tagovi se ne{to kako komandi vo programskite jazici.<html> tagot mu ka`uva na browser-ot deka ova e po~etok na html dokument,a </html> deka toa e kraj.

1-5 HTML naslovni kodovi

Sekoja html strana mora da ima svoj naslov.Naslovot sodr`i va`ni informacii vo vrska so web stranata.Razli~ni tagovi se koristat za razli~ni delovi od naslovot.Naslovot na html strana e ozna~en pome|u <head> i </head> tagovite.

<html>

<head>

</head>

</html>

Informaciite za naslovot gi vnesuvame pome|u <head> i </head> tagovite.

1-6 Ime

Edna od mnogu va`nite raboti od naslovot e imeto.Imeto e siten tekst koj se pojavuva na gornoto kop~e od browser-ot.Primer:

<html>

<head>

<title> Naslov na stranata </title>

</head></html>

1-7 Teloto na web stranata

Sega na na{ata web strana i treba telo vo koe }e ja vnesuvame sodr`inata na web stranata.Po analogija }e gi koristime slednive tagovi:

Teloto doa|a vedna{ posle krajniot tag za naslovot.Taka na{ata web strana }e bide:

<html>

<head>

<title>Moja kompanija</title>

</head>

<body>

Dobrodojdovte na nasata web strana

</body>

</html>

Sega snimete go ova vo notepad kako “page2.html”.Potoa videte kako toa izgleda vo browser-ot.

1-8 Pro{iren <body> tag

Pove}eto html tagovi {to }e gi nau~ime imaat dodatni parametri i ekstenzii.Ovde }e nau~ime za ekstenziite na <body> tagot.

1-9 Pozadinska boja za teloto na web stranata

Ako sakate da ja smenite bojata na va{ata web strana,toa mo`ete da go napravite so slednovo pro{iruvawe na <body> tagot:

<html>

<head>

<title>Strana so pozadina vo boja</title>

</head>

Strana so pozadina vo boja

</body>

</html>

Ova }e ja promeni va{ata boja na pozadinata vo zelena.Formatot na sekoja boja e RRGGBB.Znaete deka sekoja boja se dobiva od osnovnite tri:Crvena (Red),Zelena (Green) i Sina (Blue).Vo html RR e vrednosta za crvena vo heksadecimalen format,GG vednosta za Zelena i BB za Sina.

Dvocifreniot broj mo`e da bide bilo koj broj pome|u 0 i 255(t.e.0 i FF).Pa taka ako napi{eme 00FF00 mislime na (red=0,green=255,blue=0) pa taka rezultatot e ~ista zelena boja.

Vaka mo`eme da producirame 16 milioni boi,no obrnete vnimanie deka site browseri ne se kompatibilni da gi prepoznaat site.Tie naj~esto rabotat so 256 boi,zatoa dobro e da ja testirate va{ata web strana so 256 boi.

1-10 Pozadina so slika

Mo`eme da koristime pozadina so slika na na{ata web strana namesto boja.Za ova potrebno e da imate gotova slika vo .jpg ili .gif format.Sega go pro{iruvame <body> tagot so imeto na slikata {to sakame da ja stavime kako pozadina.

Primer:

<HTML>

<HEAD>

<TITLE>Strana so slika vo pozadina</TITLE>

</HEAD>

<B>Stranica so slika vo pozadina</B>

</BODY>

</HTML>

Datotekata so slikata mora da bide vo ist folder so html dokumentot. Inaku browser-ot nema da mo`e da ja najde slikata.

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