Pagaliau praktika.

20 08 2008

XHTML, HTML, tag’ai, CSS, blablabla…. teorija be praktikos yra nieko verta. Juolab, kad iš manęs nekoks teorijos dėstytojas ;) Taigi, pradedam praktikuotis.

Kursim pirmą, labai paprastą puslapį.

Atsidarykitie notepad programą (arba, jei parsisiuntete, notepad++). Nukopijuokime ten savo paprastą šabloną

<html>

<head>
<title> ANTRAŠTĖ </title>
KITA INFORMACIJA APIE PUSLAPĮ
</head>

<body>
PUSLAPIO TURINYS
</body>

</html>

Pataisome jį. Ištriname mano komentarus (šituos “PUSLAPIO TURINYS” bei “KITA INFORMACIJA APIE PUSLAPĮ”). Gaunami štai ką

<html>

<head>
<title> ANTRAŠTĖ </title>
</head>

<body>
</body>

</html>

Išsaugokime tai kaip pirmas.html failą (File->Save as… ir pavadinimą rašome pirmas.html). Jei dirbate su notepad programa tai saugodami Encoding pasirinkite UTF-8. Atidarykime. Matome tuščia puslapį su antrašte “ANTRAŠTĖ”.

Sveikinu, sukūrėte savo pirmą puslapį :)

Pabandykite pakeisti “ANTRAŠTĖ” į, pavyzdžiui, “Mano pirmas puslapis”.

Atrodytų taip

<html>

<head>
<title>Mano pirmas puslapis.</title>
</head>

<body>
</body>

</html>

Išsaugokite. Atidarykite. Grožėkitės pakeista antrašte :)

O dabar pridėsime šiek tiek turinio. Pamenate, puslapio turinys yra tarp <body> tag’ų. Taigi tarp jų rašome “Sveikas, pasauli. Aš esu pirmas blynas”. Atrodytų kodas taip:

<html>

<head>
<title>Mano pirmas puslapis.</title>

</head>

<body>
Sveikas, pasauli. Aš esu pirmas blynas.
</body>

</html>

Išsaugokite. Atidarykite. Laukite sekančios pamokos :)

P.s. jei nerodo lietuviškų raidžių – nesijaudinkite, apie tai vėliau.


Veiksmai

Information

2 responses

25 11 2008
Darius

tai kur prapuolei ? kur daugiau tavo pamoku ? :)

26 11 2008
becenzuros

Heh, i’m back :)

Pakomentuokite