5-dars (oddiy HTML sayt)
Xo’sh, HTML haqida uncha-muncha bilimga ega bo’lib oldik. endi shoshqaloqlik bo’lsa ham, qiziqishimiz so’nmasidan sayt tayyorlashga urinib ko’ramiz.
Demak, avvalo sayt uchun nom tanlaymiz, misol uchun "œbirinchi".
www.birinchi.uz jarangdora?! Lekin bizga hali domain (sayt uchun internetda nom) olishga bor"¦
2. Sayt uchun nom tanlangach, shu nom bilan papka tashkil qilamiz. Tashkil qilingan ("birinchi") papka ichida yana bitta papka tashkil qilamiz va uning ismini "œimages" deb nomlaymi, bu o’zbekchada "œrasmlar" degani, ya’ni sayt sahifalaridagi rasmlar saqlanadigan papka. Endi yana bitta papka - "œtexts" papkasini tashkil qilamiz, bu sayt sahifalarida yoziladigan matnlar saqlanadigan papka bo’ladi.
3. Xo’sh"¦ endi, "œТекстовс‹й документ" ochib olamiz va quyidagi kodlarni kiritamiz:
<head>
<title>www.birinchi.uz</title>
</head>
<body leftmargin="0″ marginheight="0″ marginwidth="0″ topmargin="0″>
<table width="700″ border="0″ cellspacing="0″ cellpadding="0″ align="center">
<tr height="100″>
<td bgcolor="#00ccff" width="700″ height="100″><h1>www.birinchi.uz</h1></td>
</tr>
<tr>
<td bgcolor="#2bff00″ width="700″><a href="index.html">Bosh sahiga[/url] | <a href="yangiliklar.html">Ynaigliklar[/url] | <a href=haqimda.html">O’zim haqimda[/url] | <a href="manzil.html">Manzil[/url]</td>
</tr>
<tr height="500″>
<td valign="top" width="700″ height="500″>
<table width="100%" border="0″ cellspacing="0″ cellpadding="0″ height="100%">
<tr>
<td align="center" valign="middle" bgcolor="#cfcfcf" width="150″><img src="images/rasmnomi.kengaytmasi" alt="birornarsa" height="300″ width="100″ border="0″ /></td>
<td valign="top">Sahifa matnini kiritamiz"¦.</td>
<td valign="top" bgcolor="#cfcfcf" width="150″><img src="images/rasmnomi.kengaytmasi" alt="birornarsa" height="32″ width="32″ border="0″ /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top" bgcolor="#00ccff" width="700″>www.birinchi.uz
Menich birinchi saytim.</td>
</tr>
</table>
</body>
</html>
Bular yozilgach ushbu faylni index.html deb nomlab, "œbirinchi" papkasining ichiga saqlaymiz.
Sharh:
1. <body leftmargin="0″ marginheight="0″ marginwidth="0″ topmargin="0″> - web-sahifaning ekran chetiga tegib turishini bildiradi"¦ ya’ni ekran cheti va web-sahifa orasida "œ0″ piksel, agar tushunarsiz bo’lsa shu yerga biror sonni yozing o’zgarishni ko’rasiz;
2. <table "¦ align="center"> - tablitsa ekran o’rtasida turadi, degani"¦.;
3. <h1>www.birinchi.uz</h1> - bu teg o’z ta’siridagi yozuvching kattaligi va semizligini birdaniga boshqarish imkonini beradi;
4. <a href="index.html">Bosh sahiga[/url] | <a href="yangiliklar.html">Yangiliklar[/url] | <a href=haqimda.html">O’zim haqimda[/url] | <a href="manzil.html">Manzil[/url] - bular Xudo xohlasa sayt menyusi bo’ladi, yodingizda bo’lsin so’zlarni link qilayotganingizda ochilishi kkerak bo’lgan fayl nomini va yo’lini to’g'ri kiriting! E’tibor bergan bo’lsangiz bu yerda faqatgina fayt nomini yozish bilangina cheklandim, chunki bu html fayllar bitta papka ichida bo’ladi va joriy faylning o’zi ham shu papkaning ichida bo’lganligi uchun papka nomi yozilmaydi, lekin e’tibor bergan bo’lsangiz rasm qo’yich uchun yo’l ko’rsatganimizda (<img src="images/rasmnomi.kengaytmasi" alt="birornarsa" height="32″ width="32″ border="0″ />) papka nomini yozgan edik, chunki rasm boshqa bir papke ichida bo’lganligi uchun ham shunday qildik.
Endi boshqa web-sahifalarni ham shu - index.html faylini tayyorlaganday tayyorlab olamiz va hammasini "œbirinchi" papkasining ichiga joylaymiz.