_____amaliy mashg’ulot
Mavzu: Web sahifa yaratish asoslari, texnologiyalari va usullari.
Ishning maqsadi: Sayt yaratish asoslari, texnologiyalari va usullarini o’rganish.
Nazariy qism:
Sayt yaratishni noldan boshlab o’rganishni hohlovchilar uchun bir necha qisimdan iborat darslarni e’lon qilishga ahd qildik.Avvalambor veb sayt o’zi nima degan savolga javob topishga urinib ko’rsak.Soddaroq qilib aytadigan bo’lsak veb sayt bu HTML tilida yozilgan va bir biri bilan gipermurojaatlar (ruscha-гиперссылка, yoki oddiy tilda- ссылка, inglizcha- hyperlink) vositasida bog’langan fayllar to’plamidan iborat.
Bu darslar asosan amaliy natijaga tezroq olib borishini maqsad qildik va shuning uchun Html qanday til uni kim va qachon ihtiro qilgan va hokazo qabilidagi savollarga javob berish bizning maqsadimizga kirmaydi.
Malumki har qanday fayl o’zining qanday dasturda yaratilgani,yoki qanday dastur uchun yaratilganiga qarab fayl kengaytmasiga ega bo’ladi. Masalan Office Word dasturida yaratilgan hujjat faylnomi.doc yoki faylnomi.docx, Bloknot dasturida yaratilgan hujjat faylnomi.tx, Photoshop dasturida yaratilgan hujjat faylnomi.psd va hokazo kengaytmalarga ega bo’ladi. Shunga ko’ra faylnomi.psd kengaytmali faylni kompyuterda ishga tushirishga harakat qilsak u avtomatik ravishda Photoshop dasturida ishga tushadi faylnomi.mp3 kengaytmali faylni ishga tushirishga harakat qilsak u biror bir .mp3 fayllarni o’qishga mo’ljallangan AIMP mi yoki bosqa kompyuteringizda o’rnatilgan mos dasturda ishga tushadi.
Demak biz veb sayt yaratishni hohlasak veb saytlarni ochishga mo’ljallangan dasturlarda ishga tushirishga moslangan fayllar yaratishimiz lozim bo’ladi va bu fayllar faylnomi.html kengaytmasiga ega bo’ladi.Barchamizga ma’lumki veb sahifalr Internet Explorer, Mozilla Firefox, Google Chrome, Opera singari dasturlarida ya’ni Brauzerlarda ishga tushiriladi.
Ishni bajarish tartibi:
Kompyuterning ish stolida bo’lajak saytingiz fayallarini saqlash ucnun biror papka yarating va unga masalan saytim.uz deb nom bering.
Kompyuteringizda Bloknot— dasturini ishga tushiring va unda quyidagi qatorlarni yozishni boshlang:
Bu satrlar quydagilarni anglatadi . -yani yaratilayotgan hujjat turi html - html hujjatning boshlanishi qatori esa html hujjatning tugashini anglatadi.Ushbu < va >-belgilari orasiga yozilgan so’zlar teglar deb ataladi Teglar ochuvchi va yopuvchi teglarga bo’linadi .Yopuvchi teg ochuvchi tergdan / (slesh)-belgisi bilan farq qiladi. Yani ochuvchi - yopuvchi teg ekan.Ammo html da yopuvchisi bo’lmagan toq teglar ham uchraydi bularga
, kabi teglar misol bo’ladi va kelgusi darslarimizda bu teglar haqida to’htalib o’tamiz.
Ishimizni quyidagich davom ettiring.
Yani va teglari orasiga va teglarini yozing. head-inglizch so’z bo’lib bosh -degan ma’noni anglatadi-Yani hujjatimizning bosh qismini boshladik. va teglari orasiga yozilgan qatorlar brauzer ekranida ko’rinmaydi. Bu teglar orasiga sayt foydalanuvchilariga ko’rinmaydigan ammo saytimiz ishlashi uchun muhim bo’lgan boshqa teglarni yozamis.Bu teglar satytimizning qisqacha sharhi (description)yoki kalit so’zlar(keywords)
kabi yozilgan metateglar, CSS fayliga yo’l ko’rsatuvchi ssilkalar Saytimizga turli javascriptlarni ulovchi teglar bo’lishi mumkin va bu haqda keyingi darslarda mukammalroq to’htalib o’tamiz.
va teglari orasiga va teglarini yozing. Bu teglar orasiga yaratayotgan hujjatimizning asosiy sarlavhasi yoziladi va u brauzerning hujjat sarlavhasini ko’rsatuvchi qismida aks etadi.
1
2
3
4
5
6
|
Bu mening birinchi veb sahifam
|
va teglari orasiga yozilgan sarlavha muhim ahamiyatga ega bo’lib Yandex va Google qidiruv tizimlari saytingiz qanday mavzuga bag’ishlanganini aniqlashida va ma’lumot qidiruvchilarning so’rov natijalarida ko’rsatilishida katta ahamiyatga ega bo’ladi.
Saytimizni yaratishdagi keyingi bosqichga o’tsak.Endi yopiluvchi tegidan keyin va
va
Salom dunyo!!! Men o'zimning birinchi veb sahifamni yaratdim!
Do'stlaringiz bilan baham: |