back
Mala skola programiranja>
"za one koji namaju pojma, sta je to"

Sadrzaj

  • HTML, sta je to?
  • Osnovno o kodiranju.
  • Grafika i slike.
  • Najvazniji tag-ovi.
  • Evo jednog HTML dokumenta
  • Savjet, kada pravis stranicu u HTML kodu:

    HTML, sta je to?


    HTML je kratica za Hyper Text Markup Language.
    Neki web-dokument se sastoji od HTML. To je jedna vrsta jezika, tako se moze reci.
    Citac tekstova, npr. Internet Explorer ili Netscape, tumace ovaj jezik. i pokazuju ti stranicu.
    Jedan HTML dokumenat je samo cist tekst, bez podebljanih ili ukosenih slova, velikih ili malih.
    Dakle, samo cist tekst. Mozes koristiti tzv. teksteditor kao Notepad ili Edit za HTML pisanje.
    Medjutim, apsolutno najjednostavnije je da koristis Microsoft Frontpage ili Adobe PageMill.
    Ako koristis jedan od navedenih, mozes raditi, ispravljati skoro kao i u obicnom programu
    za pisanje, dok ce program za tebe generisati HTML kod.
    "Microsoft Frontpage Expres" je test verzija Frontpage-a i dobijas je uz Internet Explorer
    4,0 ili visi.

    top


    Osnovno o kodiranju.


    Treba se naravno poceti od jednostavne stranice. Postepeno, kako se sticu veca znanja,
    mogu se praviti bolje i uspjesnije stranice.
    Dobar pocetak moze biti stranica na kojoj dajes obavjestenja o sebi, a i postavljas
    nesto materijala od kojeg ce se stranice inace sastojati.

    HTML fil-ovi moraju imati fil-nastavak html. naprimjer, index.html

    Da bi vidjeli kako izgleda dokumenat, moramo to pogledati na nett-citacu, koji se
    cesto naziva browser, naprimjer Netscape Navigator ili Internet Explorer.
    Da bi ovo postigli, moramo u "addresse" liniji napisati npr. c:\homepage\index.html,
    ili birati "open" na "fil" meny-ju, te na taj nacin potraziti zeljeni fil.

    HTML dokumenat se sastoji od nekih cudnih znakova koje mi nazivamo "tag-ovi",
    a to bi izgledalo otprilike ovako <.........>. Ovo ustvari daje instrukcije Browseru
    kako ce izgledati neki HTML dokumenat, hoce li imati podebljana slova, kosa itd.
    Postoji mnostvo tag-ova, od onih koji objasnjavaju kolika ce biti slova pa sve do
    onih koji objasnjavaju da ce se tu nalaziti neka tabela.

    Ovdje u ovoj maloj skolici ja cu ti predstaviti najkoristenjiji i najjednostavniji nacin
    kako da nacinis jednu malu i obicnu Web site.

    Sve ima kraj i pocetak, pa tako i svaka web stranica.
    TAG1Ovaj tekst je pod uticajem tag-1/T1, T2a ovaj tag-2/T2
    Kosa linija\ je markiranje kraja svakog tag-a, npr:a a/a,h a h, i a i itd.
    Svi tag-ovi nemaju obavezno i zavrsne, ali ako imaju, onda MORAS na kraju napisati i
    zavrsni tag! U prethodnoj recenici imas primjer.

    top


    Grafika i slike.


    Ako cemo pravo, starnica bez graficke obrade izgleda prilicno...nikako. Zato mora imati
    nesto graficke obrade. Uglavnom, sva grafika na Internetu je u JPEG ili GIF formatu.
    Grafika mora zauzeti najmanji moguci prostor, da bi se izbjeglo dugo cekanje na otvaranje
    stranice. Ako i imas ISDN, graficki opterecene stranice ce se tesko ucitati, a pri tome
    moras jos misliti i na one koji imaju obicnu Internet konekciju. Takvih je najvise.
    Cak i oni sa najbrzim vezama kao sto je ADSL i slicne, mogu imati problema sa
    otvaranjem graficki opterecenih stranica.
    Pravilo je, da je JPEG najbolji za fotorgafije, jer je kvalitet slike zavisan od dobrog
    "prepricavanja" boja i nijansi. GIF format najvise odgovara jednostavnoj grafici, npr tekstu.

    GIF slike mogu memorisati samo 2 do 256 boja, ili ti mozes sam birati koliko ce biti boja.

    GIF je format slike koji se nalazi uglavnom u dva standarda: GIF87 i GIF89a.
    GIF89a je taj koji omogucava memorisanje u formatu "interlaced". Interlaced znaci da se
    slika skida postepeno, prvo dobijes sliku loseg kvaliteta, a na kraju najbolju.

    JPEG uspjeva memorisati vise hiljada boja. JPEG mozes i komprimirati, ali ovdje moras
    naci neko srednje rjesenje: Sto manja velicina fil-a, to losiji kvalitet. Zato moras pronaci to
    srednje rjesenje, koje treba da bude izmedju kvaliteta i velicine fil-a.

    Slike stavljamo u HTML dokumenat sa tag-om: WIDTH="sirina" ALT="Ovaj tekst se pojavljuje kada kursorom misa prelazis slikom">


    top


    Najvazniji tag-ovi



    start-tag zavrsni tag
    a href="http://www.koluder.com" Moja web site/a
    Ako kliknes na "Moja web site" pojavice ti se stranica sa http://www.koluder.com.
    Ako zelis da postavis link za neku drugu stranicu koja je u istom katalogu ili mapi,
    link ce biti u mapi kada napises ime stranice, npr.:
    a href="html_skola.html"Slobodanova skola/a.

    start-tag zavrsni tag
    a href="mailto:slobodan@koluder.com"posalji/a
    Ako kliknes na "posalji", mozes poslati e-mail na slobodan@koluder.com.

    start-tag zavrsni tag
    font size=3 face="arial"Nekoliko rijeci i dobijamo ono sto treba/font
    Tekst izmedju font size=3 face="arial" i /font ce imati velicinu 3.
    Ovo navodimo sa "size=velicina". Mozes navesti velicine od 1-7, gdje je 1 najmanja,
    a 7 najveca. Tekst ce biti napisan slovima tipa "arial". Ovo navodimo sa face="tipslova"
    Ako ne navedes tag "face" ili ako ne postoji tip slova koji si ti naveo, browser ce koristiti
    standardna slova: za Internet Explorer su Times New Roman, a za Nescape Arial Narrow.
    Da bi mogao dobiti obojena slova mozes koristiti color="red".Ovo "red" mozes zamjeniti
    za zeljenu boju. Naziv boje mora biti na engleskom jeziku.

    Nekoliko primjera:

    izmedju tagova podebljan tekst
    podvucen tekst izmedju tagova
    slova u kurzivu izmedju tagova

    img src="slika.jpg" height="visina" width="sirina" alt="lijepa slika"
    Slika "slika.jpg" ce biti pokazana u browseru,
    src="........" je kod koji dobavlja sliku,
    height="broj" je kod koji navodi visinu sliku,
    width="broj" je broj koji navodi sirinu slike,
    alt="tekst" ovaj tekst se pokazuje kada misem prlazite preko slike.
    Ovaj tag nema svog zavrdnog tag-a.


    -----------------Horizontalna linija.
    ptag za novi odlomak/p
    br>tag za novi red, pise se na kraju starog reda.
    centercentrira tekst ili sliku/center

    slova ce biti najveca

    ,
    slova ce biti najmanja


    top


    Evo jednog HTML dokumenta




    (objasnjava browseru da je ovo HTML dokument. Markira start stranice.html.)
    (objasnjava browseru da je ovo HTML dokument. Markira start stranice.html.)

    titleNaslov stranice/title
    (Ovaj naslov stoji na vrhu ekrana na plavoj podlozi. To je i ime tvoje stranice.)
    meta name="description" content"="ovdje pises ono sto ce stajti u pretrazivacu kada
    nadje tvoju stranicu"
    meta name="keywords" content="ovdje pises rastavljene zarezima rijeci pomocu
    kojih ce pretazivac pronaci tvoju stranicu"

    body bgcolor="red"
    Iza body bgcolor="pises imena boja na engleskom,npr.blue,green,black"
    Ako zelis da imas neku sliku kao pozadinu, umjesto bgcolor="boja", ti ces
    napisati: background="slika.gif". Slika koju si odabrao\la ce pokriti cijelu stranicu.

    Izmedju svoju stranicu na Internetu.
    /body/
    /html/
    (objasnjava browseru da je ovo HTML dokument. Markira start stranice.html.)
    head
    title/Naslov stranice/title/
    (Ovaj naslov stoji na vrhu ekrana na plavoj podlozi. To je i ime tvoje stranice.)
    meta name="keywords" content="ovdje pises rastavljene zarezima rijeci pomocu
    kojih ce pretazivac pronaci tvoju stranicu"/

    /head/

    body bgcolor="red"
    Iza body bgcolor="pises imena boja na engleskom,npr.blue,green,black"
    Ako zelis da imas neku sliku kao pozadinu, umjesto bgcolor="boja", ti ces
    napisati: background="slika.gif". Slika koju si odabrao\la ce pokriti cijelu stranicu.
    Izmedju body i /body se nalazi sve ono sto ces vidjeti na ekranu kada nadjes
    svoju stranicu na Internetu.





    top


    Savjet, kada pravis stranicu u HTML kodu:



    Moras obavezno napraviti meta.......tag!
    Postavi ga izmedju /title/ i /head/ da izgleda ovako:

    meta name="description" content="tekst-pise gore"/
    meta name="keywords" content="tekst-pise gore"/
    meta name="author" content="upisi svoje ime"

    Nemoj se nikada kriti iza HTML koda, uvijek se predstavi na prvoj strani i upisi svoju e-mail.
    To ces uraditi ovako: a href="mailto:slobodan@koluder.com"/posalji/a/ e-mail. U ovom
    slucaju ce biti podvuceno i oznaceno bojom linka "posalji".

    Slobodan Koluder


    top