HTML + CSS Tutorijal - Moja prva web stranica! -

InoxFire · 07-04-2007, 19:30

Evo da napravim nekakav tutorijal o tome kako se rade web stranice, kad to vec radim u slobodno vrijeme.
1.) Napravite folder (bilo gdje, npr: "C:/") i nazovite ga WEB (znaci u nasem primjeru: "C:/WEB/")
2.) Otvorite Notepad, te prazan dokument snimite u folder WEB, ali pod "save as type" odaberite "all files" i datoteku nazovite PrviWeb.html
A sad na kodiranje

U vas dokument upisite ovaj kod:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"[Samo registrirani i aktivni članovi mogu vidjeti linkove ]
<html>
<body>
	Moja prva web stranica!
</body>
</html>

Nakon sto unesete tekst snimite dokument. Otvorite snimljenu datoteku u vasem omiljenom browseru. (ili jednostavno upisite u URL polje: C:/WEB/PrviWeb.html )
Eto napravili ste vasu prvu web stranicu

InoxFire · 05-21-2008, 13:35

HTML dokument se sastoji od više grupa, tj. *cijeli dokument mora biti unutar tagova html, pa se tako na početak dokumenta obavezno mora staviti <html> a na kraj </html> unutar njih dolaze dvije grupe (koje su obavezne i u koje se stavlja sav kod), prva je glava dokumenta (<head> i </head>), druga je tijelo dokumenta (<body> i </body>). pogledaj sliku 1.

slika 1.)

Glava - u ovaj dio koda se stavljaju podaci koji opisuju stranicu, npr. ime stranice (naslov), meta podaci, podaci o autoru...

Tijelo - u ovaj dio koda se stavljaju elementi koji će se prikazati krajnjem korisniku. Npr. tekst, slika, tablični podaci i sl.

Nadam se da vam je ovaj prvi dio jasan jer sve se vrti oko toga.

Prvi primjer koda (u prvom postu) ima dvije stvari koje ne zadovoljavaju ova pravila, pronađi ih i napiši u [Samo registrirani i aktivni članovi mogu vidjeti linkove ]

InoxFire · 06-02-2008, 10:50

Znači cijeli dokument se sastoji od tagova. Svaki tag ima svoje ime a sintaksa je takva da morate otvoriti i zatvoriti tag (osim u iznimnim slučajevima).
otvaranje tagova je jednostavno, u špicaste zagrade (znakovi manje i više) npr. <ime> a zatvara se isto tako samo se doda kosa crta prije imena npr.: </ime> a sadržaj taga se stavlja između tagova, evo jednog primjera:

<ime>InoxFire</ime>

Evo nekoliko stvarnih tagova koji su neophodni za izradu web stranica:

Naslovi - naslovi se djele u 6 različitih veličina tj. važnosti, naslov br.1 je najvažniji a ujedno i najveći od svih, zamislite to kao knjigu, naslov br.1 je naslov najveće cjeline, naslov br.2 je podnaslov te cjeline, naslov br.3 je podnaslov podnaslova 2 itd.
Naslovi se označuju oznakom H i brojem od 1-6, npr: <h1>Naslov br.1</h1>

ja bih to prikazao ovako:

<h1>Ja sam najvažniji naslov</h1>

<h2>Ja sam podnaslov 2</h2>

<h3>Ja sam podnaslov 3</h3>

itd. do broja 6!

Paragraf (<p>) - unutar paragraf tagova dolazi tekst, on dolazi ispod naslova a jedan naslov (ili podnaslov) može sadržavati nekoliko paragrafa.

Novi red (br />) - Kad želite preći u novi red a ne želite završiti paragraf koristite tag br, koji je ujedno i samozatvarajući tag, njega čim otvorite odmah ga i zatvarate jer između tagova ne dolazi ništa pa nema smisla otvarati pa zatvarati takve tagove te se to radi u jednom koraku a to izgleda ovako: <br />

Primjer jedne web stranice koja koristi tagove koje smo do sad naučili:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body>
    <h1>Moja web stranica</h1>

    <h2>Poglavlje 1</h2>
    <p>Ovo je jedan paragraf unutar poglavlja 1 <br />
    Sada sam u novom redu ali u istom paragrafu</p>
    <p>Sad sam u novom paragrafu ali još uvijek u prvom poglavlju.</p>

    <h2>Drugo poglavlje</h2>
    <p>Ovo je paragraf u drugom poglavlju</p>
        <h3>Ovo je prvo poglavlje unutar drugog poglavlja</h3>
</body>
</html>

Rezultat bi trebao ovako izgledati:

Moja web stranica

Poglavlje 1

Ovo je jedan paragraf unutar poglavlja 1
Sada sam u novom redu ali u istom paragrafu

Sad sam u novom paragrafu ali još uvijek u prvom poglavlju.

Drugo poglavlje

Ovo je paragraf u drugom poglavlju

Ovo je prvo poglavlje unutar drugog poglavlja

Faust Paladin · 07-20-2008, 13:23

OK, OK, sve je to super! A sada reci kako da ubacim porno film (ili neki drugi) na svoju stranicu. Moram li ga UP-LOADat na Tube pa staviti LINK ili nekako drugacije mogu sloziti?

Ajde reci brzo!