Kompjuter Biblioteka

WEB dizajn 1.deo

Dragi moji, drage moje,
    Da biste počeli da se bavite WEB dizajnom hteli vi to ili ne  morate poznavati  osnove HTML  jezika da bi ste kasnije mogli da  koristite neki od  viyuelnih editora za generisanje vaših zamisli.
     Zato želim da Vam na najjednostavniji način pretstavim HTML da biste kasnije mogli sami da nastavite sa radom.
   
   

Šta je ?

 

    HTML (HyperText Markup Language) je veoma jednostavan jezik koji služi za izvršavanje programa na daljinu. Ovaj jezik predstavlja standard za Internet dokumente.

    Sa razvojem Interneta došlo je do pojave nove vrste dokumenata - hiperteksta. To je tekst koji sadrži veze ili linkove ka drugim dokumentima ili na samog sebe. Preciznije, hipertekst je skup stranica u obliku datoteka, međusobno povezanih linkovima koje su umetnute u stranice. Na ove linkove se može kliknuti. Za razliku od običnog teksta, koji se čita linearno (sleva na desno, odozgo naniže), hipertekst se čita prateći hiper-veze u tekstu, dakle, ne nužno na linearan način.

 

    HTML stranice imaju ekstenziju .html ili .htm, a nalaze se u određenom direktorijumu servera vezanog na Internet, što ih čini dostupnim na web-u.

    Hipertekst je, tekst koji sadrže veze ili linkove ka drugim dokumentima ili na samog sebe. Preciznije, hipertekst je skup stranica, u obliku datoteka, međusobno povezanih linkovima koje su umetnute u stranice. Na ove linkove se može kliknuti. Za razliku od običnog teksta, koji se čita linearno (sleva na desno, odozgo naniže), hipertekst se čita prateći hiper-veze u tekstu, dakle, ne nužno na linearan način.

    Postoji veći broj jezika koji omogućavaju da se precizno opiše izgled i sadržaj jednog teksta. Od posebnog su značaja:

• SGML (skr. od Standard General Markup Language),
• TeX i LaTeX (za matematičke tekstove),
• PostScript (jezik laserskih štampača),
• RTF (skr. od Rich Text Format), ...

 

    Najznačajniji jezici za opis hiperteksta su:

• SGML,
• HTML (skr. od HyperText Markup Language), pojednostavljena verzija SGML-a,
• XHTML (skr. od Expandable HTML) i
• XML (skr. od Extensible Markup Language, "kompromis" između preterane složenosti SGML-a i jednostavnosti HTML-a; njegova standardizacija je u toku)

 

    Za generisanje HTML stranice potreban je najobičniji tekst editor, na primer Notepad.

Nalazi se u Start meniju pod Programs->Accessories.

 

    Pisanje programa pomoću tekst editora Notepad

    Prvo je potrebno startovati Notepad program. U okviru Windows operativnog sistema, na statusnoj liniji treba pronaći dugme Start i pritisnuti ga. Od ponuđenih opcija treba pronaći opciju Run i treba aktivirati ovu opciju. Na prozoru koji se pojavio postoji tekst polje. U njega treba upisati notepad (slika 1).

 

Slika 1 Aktivirana opcija Run

 

    Nakon aktiviranja dugmeta OK, dobija se prozor tekst editora Notepad (slika 2).

 

Slika 2 Aktiviran prozor tekst editora Notepad

 

    Na beloj površini piše se kod za HTML stranicu. Stranica se u svakom trenutku može snimiti aktiviranjem na meniju opcija File, pa opcije Save. Sačuvati stranicu pod nazivom proba.htm Kod snimanja stranice treba obratiti pažnju da dokumenat koji u ovom slučaju treba da predstavlja HTML stranicu mora imati ekstenziju html ili htm.

 

Testiranje HTML stranice u Internet browseru

 

    Prvo je potrebno startovati Internet Explorer program. U okviru Windows operativnog sistema, na statusnoj liniji treba pronaći dugme Start i pritisnuti ga. Od ponuđenih opcija treba pronaći opciju Programs>>Internet Explorer i treba aktivirati ovu opciju.

    U meniju izabrati opciju File>>Open pri čemu se otvara dijalog prozor Open kao na slici 3. i pritiskom na dugme Browse pronaći html stranicu proba.htm .

Slika3. Dijalog prozor Open

 

    Nakon aktiviranja dugmeta OK, dobija se prozor koji predstavlja izgled HTML stranice u Internet Exploreru.

 

    Za pisanje HTML programa mogu se koristiti i specijalni alati, na primer Front Page. Stranica se može videti u okviru Web browser-a, Netscape Navigator ili Internet Explorer

 

    HTML komande se pišu u vidu tzv. TAG-ova. Jedan tag je ustvari komanda koja govori browseru sta i     kako da uradi tj. na koji nacin da prikaze sadrzaj vase stranice.

    HTML tagovi su "case insensitive" tj. svejedno je da li ih pisete malim ili velikim slovima.

Tagovi se pišu unutar oznaka "<" i ">" (bez znakova navoda) npr: .

Ovaj tag se nalazi na početku svakog HTML dokumenta

govori browseru da je fajl koji je upravo počeo da učitava HTML dokument i da kao takvog treba i da ga prikaže.

Na kraj HTML dokumenta se stavlja završni HTML tag:.

Ovaj tag govori browseru da je to kraj HTML dokumenta. Većina tagova ima i početni i završni tag. Završni tag se dobija dodavanjem znaka "/" i označava mesto na kom prestaje dejstvo početnog taga.

Vrste tagova

• prosti tagovi za opisivanje jednostavnih elemenata logičke strukture. Oblika su: <X>
• složeni tagovi su zagrade oblika <X> y X> kojima je opisan izgled dela teksta y.
• atributi složenih obeležja oblika: <X A1=a A2=b ...> y </X> koji pružaju dodatne informacije, obično o grafičkom izgledu, dela teksta y

WEB dizajn [Odgovori]

Ovo je lepo i prilično prihvatljivo,ali mogli bi dodati i objašnjenja nekih manje poznatih reči