SHAXSIY WEB-SAYT TAYYORLASH
- Mamlakatimizning hozirgi kundagi dolzarb masalalaridan biri yoshlarga har
tomonlama chuqur bilim berishdir. Ayniqsa axborot texnologiyalarining
rivojlanib borayotgan bir paytda kompyuter soxasiga bo’lgan qiziqishni
uyg’otishga e’tibor berish har doimgidek muhimdir. Xususan, internet tizimida
ishlaydiganlar soni kundan-kunga oshib bormoqda. Bu esa yoshlarimizning veb
saytlar yaratish buyicha qiziqishlari taboro ortib borganidan dalolat
beradi.
Web-dizayn haqida internet
saytlaridan biz ko'pgina ma'lumotlar olishimiz mumkin. lekin u ma'lumotlarning
deyarli hammasi rus va ingliz tillarida. O'zbek tilidagi ma'lumotlar kamligi
aksariyat yoshlarimizning veb-dizayn bilan erkin shug'ullanishlariga imkon
bermaydi. Mana shularni hisobga olgan holda bu sahifa o'zbek tilida yaratildi
va asrimiz yoshlariga albatta asqotadi deb umid qilamiz. Siz ushba saytimizdan
o'zingizga kerakli ma'lumotlarni topa olsangiz va albatta bu ma'lumotlar
asosida bir - biridan go'zal saytlar yaratsangiz bu mustaqil O'zbekiston
yoshlarining katta yutuqlari bo'ladi deb o'ylaymiz.
Sahifa bilan tanishish davomida qisqacha bo'lsada veb-saytlar yaratish uchun
HTML tilida qanday ishlash bo'yicha tavsiyalar olishingiz mumkin. Buning uchun
veb-saytlar yaratish uchun eng qulay bo'lgan dasturlardan biri Macromedia
dreamweawer mx 2004, rasmlar ustida erkin ishlash imkonini beruvchi Photoshop
7.0 dasturlaridan xabardor bo`lishingiz lozim.
.
HTML haqida tushuncha
HTML nima? Avval ana shu savolga javob beraylik.
Internetning WWW hizmati asosan web-sahifalarga bog‘liq ekan, ular qanday
yaratiladi? – degan savol tug’ulishi tabiiy. Web-sahifalar HTML (Hypertext
Markup Language – Gipermatnli markerlash tili) tilida yoziladi. HTML –
dasturlash tili hisoblanmaydi. Bu tilda hujjat (web-sahifa) tayyorlash uchun
Windowsning Bloknot kabi oddiy matn muharriri yetarli. HTML tilining buyruqlari
"<” va ">” belgilari orasiga yoziladi va deskriptor yoki teg
deb ataladi. Masalan, yozuvi HTML tilidagi hujjatning boshlanishini
anglatadi.
Demak, HTML – oddiy matn muharririda deskriptorlardan foydalanib yoziladigan
til. HTML-hujjat – deskriptorlar qo‘llanilgan HTML matnli fayl bo‘lib, u
web-sahifani tashkil etadi. HTML-hujjat fayli nomining kengaytmasi "html”
bo‘ladi. HTML-hujjatni web-brouzerlar yordamida hotiraga yuklansa, u ekranga
web-sahifa ko‘rinishida chiqadi.
HTML tili (muntazam) muttasil rivojlanib bormoqda. O‘z navbatida web-brouzerlar
ham yangilanib turilibdi. Hozirgi kunda web-sahifa tayyorlash uchun asosan
HTML.4 tilidan foydalaniladi. Uning ba’zi buyruqlarini "eski”
web-brouzerlar (Internet Explorer-3, Internet Explorer-4) bajara olmaydi.
Bundan tashqari turli web-brouzerlar, masalan, Internet Explorer va Netscape
ham bir biridan bir oz farq qiladi. Shu sababli bitta HTML-hujjat turli
web-brouzerlarda bir oz farq bilan aks etishi mumkin.
Quyida HTML-hujjat va unga mos web-sahifa namunasi keltirilgan.
HTML da sayt yaratishda asosiy
qoidalarga albatta e'tibor berish lozim. Sahifalar 2 qismga bo'linadi. Bosh
qismi (HEAD) va tana qismi (BODY).
HEAD qismida siz ishlayotgan sahifaning SARLAVHAsi, uning METAsi, STILlari (bu
teglar haqida to'liqroq ma'lumotni sahifa davomida ko'rishingiz mumkin) ga oid
teglar saqlanadi.
BODY qismida esa asosiy ma'lumotlar, ya'ni siz sayt orqali ko'rsatib bermoqchi bo'lgan
ma'lumotlar, rasmlar, musiqiy fayllar va shu kabi fayllarni Internet Explorer
sahifasida namoyish etish uchun beriladigan buyruq teglari joylashadi.
HTML teglarining yozilishini asosiy qoidasi bor ular albatta < va >
belgilari orasiga olib yoziladi.
Misol tariqasida < head > Ma'lumotlar < /head > ko'rinishida yozish
mumkin. E'tibor bersangiz TEG larni yozishda biz tegni ochdik < head > va
ma'lumotlarni kiritib < /head > tegi bilan yopdik. Demak teglar ochiladi
va odatda / belgisi bilan yopiladi. Aynan ana shu buyruqlar berilmay qolsa ham
siz kutgan natija chiqmasligi mumkin.
Umuman < D > ko‘rinishdagi deskriptor uchun < /D > deskriptori
mavjud bo‘lib, birinchisi biror amal boshlanishini bildirsa, ikkinchisi shu
amal yakunlanganini bildiradi.
.
TEGlar haqida
Teglar nima? Teglar bu HTML tilidagi buyruqlardir. Biz teglarni deskriptorlar
deb ham atashimiz mumkin. Har qanday web sahifalardagi ma'lumotlar albatta
teglar yordamida o'qish uchun qulay va ko'rinishli qilib yaratiladi.
< HTML > -Hamma ma'lumotlar va amal bajaruvchi teglaraynan ana shu
tegning orasida yozilishi lozim.
< HEAD > -Asosan shrift yoki stillar, ko`pincha bizfoydalanadigan
skriptlar HEAD tegi orasida joylashtiriladi.
< TITLE > -Sahifaning sarlavhasi TITLE tegi orasiga olib yoziladi
< BODY > - Hamma ma'lumotlar - matnlar, rasmlar va shu kabi ma'lumot
beruvchi ob'ektlar tana qismi body - tegi orasida joylashtiriladi.
Endi tekstlar bilan ishlashni ko'rib chiqamiz. Biz sahifamizga ma'lumotlarning
asosiy qismini tekst sifatida qo'yamiz. Shuning uchun tekstlarni tartib bilan
chiroyli dizaynda namoyish etish sahifaning o'qimishli bo'lishiga yordam
beradi. Tekstlar yozilishi qatorida yangi qatordan, abzatsdan yozilishi mumkin.
Buning uchun Demak tekstlarga rang tanlash ham alohida nozik did talab qiladi.
Biz tekstga < p > va < /p > teglaridan foydalanamiz.
Textni qalin, yotiq va tagiga chizilgan holda yozish uchun <b></b>,
<i></i> va <u></u> teglari orasida yozish kifoya. Tekst
orqali boshqa sahifaga yo'l korsatmoqchi bo'lsangiz albatta HREF tegida
foydalanasiz. Misol uchun
<a href="http://connect.uz"> www.connect.uz</a>
Ko'rinishda yo'l ko'rsatsak albatta WWW.CONNECT.UZ sahifasi ochiladi.
Yana tekstlarni har-xil sarlavhalarda ham yozish mumkin.
<H1> <H2> <H3> <H4> <H5> <H6>
Biz albatta sahifa yaratishda jadvallardan ham foydalanamiz. Buning uchun
<table> - Jadval, <td> - jadval ustuni va <tr> - jadval
qatorlari teglaridan foydalaniladi.
Birlashgan katak Birlashgan katak
Alohida kataklar
<table
width="100%"bordercolor="#0000FF" border="1">
<tr>
<td colspan="2"><div align="center">Birlashgan
katak</div></td>
<td width="45%" rowspan="3"><div
align="center">Birlashgan katak</div></td>
</tr>
<tr>
<td width="30%"><div align="center">Alohida
kataklar </div></td>
<td width="25%"><div
align="center"></div></td>
</tr>
<tr>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
</tr>
</table>
Quyida jadval va unga mos bo'lgan codlarni ko'rdingiz.
Ana endi sahiga rasm qo'yish uchun foydalaniladigan teg IMAGE bilan tanishamiz.
IMAGE tegi faqatgina sahifaga rasmlarni joylashtirish uchun foydalaniladi.
Rasmla sahifalarni qiziqroq va tasavurga boyroq qilib ko'rsatadi. Demak rasm
qo'yish uchun <image> tegini kiritamiz va scr="" qo'yib
qo'shtirnoq orasiga rasm olinadigan manzil ko'rsatiladi. Albatta
wigth="" va height="" buyruqlarida rasmning kengligi va
balandlik parametrlari ko'rsatiladi. alt="" tegidan foydalanib rasmga
izoh yozish mumkin. Pastdagi rasmda shu rasm va unga mos kodlar ko'rsatilgan.
<img src="Nuriston.jpg"
alt="Qarshi shahridagi "Nuriston" akademik litseyining
ko`rinishii" width="300" height="225">
Biz qisqacha bo'lsada HTML ning teglari - buyruqlari bilan tanishib chiqdik.
O'ylaymizki ana shu arzimas ma'lumotlar yangi boshlovchilar uchun ozgina
bo'lsada yordam beradi.
Endi sizga Shaxsiy veb sayt yaratish uchun ma’lumotlar beramiz.
Shaxshiy veb-sayt yaratishda birinchi navbatta uning texnologiyalari haqida
ma’lumotga ega bo`lish lozim.
Sayt yaratayotgan har bir shaxs saytning dezayniga e’tibor berish lozim. Bundan
tashqari saytning banneriga saytga mos holda nom qo`yish kerak hamda
bannerining dizayniga katta ahamiyat berish kerak chunki ko`p hollarda saytning
banneriga qarab saytga baho beriladi.
Shaxsiy veb-sayt yaratishda
uzi haqidagi ma’lumotlardan kelib chiqqan holda sahifalardan iborat linklar
bo`lishi lozim.
Saytning har bir sahifasini
tayyorlashda uning mazmuniga va tashqi ko`rinishiga katta e’tibor berish lozim
bo`ladi. Har bir sahifa tayyorlanayotgan paytda sahifa matnlari ko`p bo`lib
ketishi foydalanuvchini zeriktirib qo`yishi mumkin. Shuning uchun har bir
sahifada mazmunli ma’lumot hamda albatta chiroyli sur’atlar o`rin olishi lozim.
Quyida "Ish faoliyatim" sahifasini ko`rinishi keltirilgan:
Shaxsiy web-sayt tayyorlashda
"O`zim haqimda”, "Yutuqlarim”, "Mening oilam, "Mening
dustlarim”, "Fotolavhalar”, va "Yangiliklar” sahifalardan tashkil
etilsa, ushbu tayyorlagan saytingiz ajoyib chiqadi.
O`ylaymanki, yuqorida keltirilgan ma'lumotlardan foydalanib shaxsiy
web-saytingizni yaratasiz degan umiddaman.
|