"Web sayt", "Web sahifa". β
Web sayt - oddiygina qilib tushuntiradigan bo'lsam, tasavvur qiling qo'lingizda kitob bor. Kitob nima haqida bo'lishi mumkinβ π Tarix, matematika, huquq, iqtisod, yozuvchilar hayoti va hokazolar! Sayt ham xuddi shunda ma'lum bir faoliyatga va hodisaga bag'ishlangan ma'lumotlar majmui hisoblanadi!
π Web sahifa - web saytning tarkibiy qismi. Web saytni kitobga qiyoslagandik, demak web sahifa bu saytning bir varag'i desak xato bo'lmaydi!
π Bizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
Web sayt - oddiygina qilib tushuntiradigan bo'lsam, tasavvur qiling qo'lingizda kitob bor. Kitob nima haqida bo'lishi mumkinβ π Tarix, matematika, huquq, iqtisod, yozuvchilar hayoti va hokazolar! Sayt ham xuddi shunda ma'lum bir faoliyatga va hodisaga bag'ishlangan ma'lumotlar majmui hisoblanadi!
π Web sahifa - web saytning tarkibiy qismi. Web saytni kitobga qiyoslagandik, demak web sahifa bu saytning bir varag'i desak xato bo'lmaydi!
π Bizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
π Haqiqiy doΚ»stlar olmosga oΚ»xshaydi - qimmat va kamyob.π Soxta doΚ»stlar kuzgi yaproqlar misoli - ular hamma joyda...
Bryus Li
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
Bryus Li
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
π Salom kanalimiz a'zolariga!
Bugun kechki vaqtga yaqin HTMLni o'rganishni boshlaymiz!
π Bugun kechga yaqin bir nechta postlarni kanalga yuklab qo'yaman!
Bizdan uzoqlashmang va bizni kuzatishda davom etingπβπ¨
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
Bugun kechki vaqtga yaqin HTMLni o'rganishni boshlaymiz!
π Bugun kechga yaqin bir nechta postlarni kanalga yuklab qo'yaman!
Bizdan uzoqlashmang va bizni kuzatishda davom etingπβπ¨
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
Xayrli kech kanal a'zolari!π
Mana biz bugun HTML haqida ma'lumotga ega bo'lamiz va kichkina web sahifa yaratamiz!
π» Web dasturlashni o'rganishda bizga asosan kompyuter kerak bo'ladi!
Lekin faqatgina kompyuter yordamida emas balki hozirgi vaqtda smartfon orqali ham o'rgansak bo'ladi!
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
Mana biz bugun HTML haqida ma'lumotga ega bo'lamiz va kichkina web sahifa yaratamiz!
π» Web dasturlashni o'rganishda bizga asosan kompyuter kerak bo'ladi!
Lekin faqatgina kompyuter yordamida emas balki hozirgi vaqtda smartfon orqali ham o'rgansak bo'ladi!
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
base.apk
2 MB
Mana bu dasturni android telefoningizga o'rnating!
π Nomi - anWriter Free
πΎ Hajmi - 2MB
π± Bizga web sahifalarni androidda yaratishga yordam beradi!
π Bu dasturni pro versiyasi ham bor, agar uni yuklab ola bilsam kanalga albatta joylayman!
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
π Nomi - anWriter Free
πΎ Hajmi - 2MB
π± Bizga web sahifalarni androidda yaratishga yordam beradi!
π Bu dasturni pro versiyasi ham bor, agar uni yuklab ola bilsam kanalga albatta joylayman!
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
HTML - web saytlar asosini yozishda ishlatiladi!
π₯ Dasturlashni endi o'rganayotganlar barchasi avvalo HTML haqida ma'lumotga ega bo'lmasdan turib web dasturlashni o'rgana olmaydi!
π Misollarda keltiraman. HTML bizga nima uchun kerak? Tassavvur qiling - insonni tayanch harakatlanish a'zosi uning suyagi ya'ni skeleti! HTML ham xuddi shunday, web sahifaning asosi hisoblanadi!
π CSS esa uning tashqi ko'rinishi, qiyofasi bo'lib hisoblanadi. CSS yordamida saytimizga har xil ko'rinishda bezaklar berishda foydalanamiz.
ππ Java Script bo'lsa bu - saytimizni jonlantirishimizda zaruriy vosita hisoblanadi! Misol uchun saytimiz matematika haqida. Demak saytimizga JS yordamida hisob kitob uchun mo'ljallangan sahifani kiritib qo'yamiz. Foydalanuvchi esa saytimizda hisob-kitob ishlarini ham amalga oshirishi mumkin!
π Qisqa ma'lumotga ega bo'lgan bo'lsangiz men juda xursandman! Tushunmaganlar bemalol admin bilan bog'lanishlari mumkin!
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
π₯ Dasturlashni endi o'rganayotganlar barchasi avvalo HTML haqida ma'lumotga ega bo'lmasdan turib web dasturlashni o'rgana olmaydi!
π Misollarda keltiraman. HTML bizga nima uchun kerak? Tassavvur qiling - insonni tayanch harakatlanish a'zosi uning suyagi ya'ni skeleti! HTML ham xuddi shunday, web sahifaning asosi hisoblanadi!
π CSS esa uning tashqi ko'rinishi, qiyofasi bo'lib hisoblanadi. CSS yordamida saytimizga har xil ko'rinishda bezaklar berishda foydalanamiz.
ππ Java Script bo'lsa bu - saytimizni jonlantirishimizda zaruriy vosita hisoblanadi! Misol uchun saytimiz matematika haqida. Demak saytimizga JS yordamida hisob kitob uchun mo'ljallangan sahifani kiritib qo'yamiz. Foydalanuvchi esa saytimizda hisob-kitob ishlarini ham amalga oshirishi mumkin!
π Qisqa ma'lumotga ega bo'lgan bo'lsangiz men juda xursandman! Tushunmaganlar bemalol admin bilan bog'lanishlari mumkin!
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
HTMLda web sahifa tuzilishi mana bunday bo'ladiπ
<!DOCTYPE html>
<html>
<head>
<title> Mening birinchi sahifam </title>
<meta charset="UTF-8">
</head>
<body>
Salom! Mening birinchi web sahifamga xush kelibsiz!
</body>
</html>
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
<!DOCTYPE html>
<html>
<head>
<title> Mening birinchi sahifam </title>
<meta charset="UTF-8">
</head>
<body>
Salom! Mening birinchi web sahifamga xush kelibsiz!
</body>
</html>
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
π Do'stlar bugunga yetarli deb o'ylayman! Ertaga yuqorida keltirgan web sahifa tuzilishidagi har bir kodni mazmun-mohiyatini keltiraman!
πβπ¨ Bizni kuzatib boring va kanalga do'stlarizni taklif qiling!
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
πβπ¨ Bizni kuzatib boring va kanalga do'stlarizni taklif qiling!
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
π Assalomu aleykum kanal a'zolari!
Kecha biz siz bilan web sahifa tuzilishini ko'rib o'tgan edik.
π Bugun HTML teglari haqida bir qancha ma'lumotlar berib o'taman!
βΆοΈ Boshladik azizlar!
Kecha biz siz bilan web sahifa tuzilishini ko'rib o'tgan edik.
π Bugun HTML teglari haqida bir qancha ma'lumotlar berib o'taman!
βΆοΈ Boshladik azizlar!
π HTML nimani anglatishini aytish yodimdan ko'tarilibdi.
HTML - Hyper Text Markup Language.
O'zbek tilida - Gipermatnli belgilash tili degan ma'noni anglatadi!
π HTMLda teg degan tushuncha mavjud. Biz matnimizni aynan o'sha teglar orasida yozamiz! Har bir tegning sherigi ya'ni yopiluvchi tegi bo'ladi! Shunday teglar borki ular faqat yakka holda qo'llaniladi!
Misol uchunππ
<head> "bosh" ya'ni hujjatning boshi hisoblanib. <meta>, <title>, <link> kabi va boshqa teglarni o'z ichida saqlaydi! Hujjatning <head> qismida yozilgan matn va boshqa narsalar ekranda aks etmaydi.
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
HTML - Hyper Text Markup Language.
O'zbek tilida - Gipermatnli belgilash tili degan ma'noni anglatadi!
π HTMLda teg degan tushuncha mavjud. Biz matnimizni aynan o'sha teglar orasida yozamiz! Har bir tegning sherigi ya'ni yopiluvchi tegi bo'ladi! Shunday teglar borki ular faqat yakka holda qo'llaniladi!
Misol uchunππ
<head> "bosh" ya'ni hujjatning boshi hisoblanib. <meta>, <title>, <link> kabi va boshqa teglarni o'z ichida saqlaydi! Hujjatning <head> qismida yozilgan matn va boshqa narsalar ekranda aks etmaydi.
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
Davomi...π
<body> tegi bu hujjatning tanasi asosiy qismi va biz kodlarimizni va matnimizni aynan shu teg orasida yozamiz.
π Ushbu tegning ham sherigi mavjud bo'lib u mana bunday ko'rinishga ega - </body>.
π Har bir tegni yopiluvchisida mana bu belgidan keyin - "<", ushbu belgini yozish shart - "/".
π Misol:
<h3> Mening birinchi web sahifam </h3>
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
<body> tegi bu hujjatning tanasi asosiy qismi va biz kodlarimizni va matnimizni aynan shu teg orasida yozamiz.
π Ushbu tegning ham sherigi mavjud bo'lib u mana bunday ko'rinishga ega - </body>.
π Har bir tegni yopiluvchisida mana bu belgidan keyin - "<", ushbu belgini yozish shart - "/".
π Misol:
<h3> Mening birinchi web sahifam </h3>
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
π HTMLdagi bir qancha teglarning vazifasi!
1β£ <!DOCTYPE html> - bu hujjatning turi va versiyasini aniqlab beradi. Doimo birinchi yoziladi. Yopiluvchi tegi mavjud emas.
2β£<html> - bu teg hujjat boshlanganligini bildiradi. Yopiluvchi tegi - </html>.
3β£ <head> - hujjatning boshlanish qismi hisoblanadi. Yopiluvchi tegi - </head>
4β£ <title> - sarlavha tegi hisoblanadi. Bu teg orasida yozgan tegimiz e'tibor bergan bo'lsangiz brauzerlarda qidiruv yoziladigan joyda ma'lum bir gap yozilgan bo'ladi. Hujjatimiz sarlavhasi o'sha yerda aks etadi! Yopiluvchi tegi </title>
5β£ <meta> - ushbu tegda hujjatga yaqin bo'lgan kalit so'zlarni yozamiz. Bundan maqsad qidiruv tizimlarida bizning sahifamiz tezroq topilishiga xizmat qiladi! Yopiluvchi tegi yo'q!
6β£ <body> - hujjatning tana qismi. Barcha matnimiz va kodlarimizni shu teg orasida yozamiz. Yopiluvchi tegi -
</body>.
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
1β£ <!DOCTYPE html> - bu hujjatning turi va versiyasini aniqlab beradi. Doimo birinchi yoziladi. Yopiluvchi tegi mavjud emas.
2β£<html> - bu teg hujjat boshlanganligini bildiradi. Yopiluvchi tegi - </html>.
3β£ <head> - hujjatning boshlanish qismi hisoblanadi. Yopiluvchi tegi - </head>
4β£ <title> - sarlavha tegi hisoblanadi. Bu teg orasida yozgan tegimiz e'tibor bergan bo'lsangiz brauzerlarda qidiruv yoziladigan joyda ma'lum bir gap yozilgan bo'ladi. Hujjatimiz sarlavhasi o'sha yerda aks etadi! Yopiluvchi tegi </title>
5β£ <meta> - ushbu tegda hujjatga yaqin bo'lgan kalit so'zlarni yozamiz. Bundan maqsad qidiruv tizimlarida bizning sahifamiz tezroq topilishiga xizmat qiladi! Yopiluvchi tegi yo'q!
6β£ <body> - hujjatning tana qismi. Barcha matnimiz va kodlarimizni shu teg orasida yozamiz. Yopiluvchi tegi -
</body>.
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
π» Yopiluvchi sherigi bo'lmagan. Ya'ni bo'sh teglarga quyidagilar hisoblanadi.
π <hr /> - bu tegni yozgandan keyin, keyingi satrdan chiziq chizadi.
π </br> - bu tegni yozganimizdan keyin, bundan keyin yozilgan matn va kodlar yangi satrda aks etib boraveradi!
π Do'stlar bugun aytib o'tilgan teglarni barchasini yozib sinab ko'ring.
Har bir HTML hujjatimizda albatta brauzerda ochib sinab ko'rish kerak.
β οΈβοΈ Eslatma βοΈ
Hujjatimizni kompyuter yoki smartfon xotirasiga saqlashda e'tibor bering. Hujjat nomi hamma vaqt mana bu ko'rinishda bolishi kerak.
βοΈ Misol: index.html
Biz "index" o'rniga boshqa narsa yozishimiz mumkin. Lekin ".html" - albatta bo'lishi shart.
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
π <hr /> - bu tegni yozgandan keyin, keyingi satrdan chiziq chizadi.
π </br> - bu tegni yozganimizdan keyin, bundan keyin yozilgan matn va kodlar yangi satrda aks etib boraveradi!
π Do'stlar bugun aytib o'tilgan teglarni barchasini yozib sinab ko'ring.
Har bir HTML hujjatimizda albatta brauzerda ochib sinab ko'rish kerak.
β οΈβοΈ Eslatma βοΈ
Hujjatimizni kompyuter yoki smartfon xotirasiga saqlashda e'tibor bering. Hujjat nomi hamma vaqt mana bu ko'rinishda bolishi kerak.
βοΈ Misol: index.html
Biz "index" o'rniga boshqa narsa yozishimiz mumkin. Lekin ".html" - albatta bo'lishi shart.
πBizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
π Salom kanal a'zolari.
Kanalimizda ko'p vaqt ma'lumotlar yuklanmadi.
βοΈ Buning uchun uzr so'raymiz. Bugundan kanal to'liq o'z faoliyatini boshlaydi...
Kanalga do'stlarizni taklif qiling!!!
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
Kanalimizda ko'p vaqt ma'lumotlar yuklanmadi.
βοΈ Buning uchun uzr so'raymiz. Bugundan kanal to'liq o'z faoliyatini boshlaydi...
Kanalga do'stlarizni taklif qiling!!!
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
π» Assalomu aleykum "Web dasturchilar" kanali a'zolari.
Demak bugungi darsimizda CSS haqida gaplashamiz!
Kanalimizga do'stlarizni taklif qilishni unutmang!!!
πππππππππππ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
Demak bugungi darsimizda CSS haqida gaplashamiz!
Kanalimizga do'stlarizni taklif qilishni unutmang!!!
πππππππππππ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
π» CSS o'zi nima?
π€ CSS - Style Cascading Sheets.
Siz boshqa saytlarni dizayniga havas qilasizmiβ
Siz saytingizning ajoyib dizayni bilan barchani lol qoldirmoqchimisizβ
Sizda sayt dizayni uchun g'oya bormiβ
π Bunda sizga CSS yordamga keladi! π
π Bizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
π€ CSS - Style Cascading Sheets.
Siz boshqa saytlarni dizayniga havas qilasizmiβ
Siz saytingizning ajoyib dizayni bilan barchani lol qoldirmoqchimisizβ
Sizda sayt dizayni uchun g'oya bormiβ
π Bunda sizga CSS yordamga keladi! π
π Bizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
π» Biz birinchi navbatda CSSdagi kodlarimiz HTML sahifamizda ishlashi uchun uni sahifamizga ulab qo'yishimiz kerak bo'ladi.
π Hozirda HTML5 versiyasi amalda bo'lib, sahifamiz kodlari ham shunga mos bo'lishi kerak!
π Bizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
π Hozirda HTML5 versiyasi amalda bo'lib, sahifamiz kodlari ham shunga mos bo'lishi kerak!
π Bizning kanalπ
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
βοΈ Mana bu quyidagi kodlar HTML 5 hozirdagi amalda bo'lgan versiya kodi.!!!
β¬οΈ β¬οΈ β¬οΈ β¬οΈ
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
</style>
</head>
<body>
</body>
</html>
π Bizning kanal π
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
β¬οΈ β¬οΈ β¬οΈ β¬οΈ
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
</style>
</head>
<body>
</body>
</html>
π Bizning kanal π
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
π Sahifamizni dizayni uchun biz quyidagi tegni mana bunday ko'rinishda yozishimiz kerak...
β¬οΈ β¬οΈ β¬οΈ β¬οΈ
HTML sahifamiz yuqorida aytilagan ko'rinishda keltirib olgandan keyin!
βοΈ E'tibor bering! βοΈ
<head>
Ushbu teg orasiga <meta> tegidan keyin!!!!
</head>
γ°γ°γ°γ°γ°γ°γ°γ°γ°γ°γ°γ°
<style>
@import url (style.css)
</style>
γ°γ°γ°γ°γ°γ°γ°γ°γ°γ°γ°γ°
Deb yozishimiz kerak bo'ladi!!!
π Bizning kanal π
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
β¬οΈ β¬οΈ β¬οΈ β¬οΈ
HTML sahifamiz yuqorida aytilagan ko'rinishda keltirib olgandan keyin!
βοΈ E'tibor bering! βοΈ
<head>
Ushbu teg orasiga <meta> tegidan keyin!!!!
</head>
γ°γ°γ°γ°γ°γ°γ°γ°γ°γ°γ°γ°
<style>
@import url (style.css)
</style>
γ°γ°γ°γ°γ°γ°γ°γ°γ°γ°γ°γ°
Deb yozishimiz kerak bo'ladi!!!
π Bizning kanal π
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
π‘ Kanalimiz a'zolari uchun muhim maslahat!
βοΈ DiqqatβοΈ
Siz kompyuterda web saytni va uning sahifalarini tezroq va xatosiz yozishingiz uchun ajoyib bir dastur bor. β
β Dastur ishingizni ancha tezlashtiradi!.
γ°γ°γ°γ°γ°γ°γ°γ°γ°γ°γ°
Dastur
nomi - π Visual Studio code
βοΈ Dasturni kompyuteringizga mos holda quyidagi havoladan yuklab oling!
βͺοΈ Havoladanπ»
Windows 7,8,10
x32
x64 βοΈ
Mac OSβοΈ
LinuxβοΈ
Operatsion tizimlari uchun yuklab oling. Yuklab olishda kompyuteringiz ma'lumotlariga e'tibor bering!!!
β‘οΈ Visual Studio Code β¬ οΈ
β¬οΈβ¬ β¬οΈβ¬οΈ β¬οΈβ¬οΈ β¬οΈβ¬οΈ
Bizning kanal
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
βοΈ DiqqatβοΈ
Siz kompyuterda web saytni va uning sahifalarini tezroq va xatosiz yozishingiz uchun ajoyib bir dastur bor. β
β Dastur ishingizni ancha tezlashtiradi!.
γ°γ°γ°γ°γ°γ°γ°γ°γ°γ°γ°
Dastur
nomi - π Visual Studio code
βοΈ Dasturni kompyuteringizga mos holda quyidagi havoladan yuklab oling!
βͺοΈ Havoladanπ»
Windows 7,8,10
x32
x64 βοΈ
Mac OSβοΈ
LinuxβοΈ
Operatsion tizimlari uchun yuklab oling. Yuklab olishda kompyuteringiz ma'lumotlariga e'tibor bering!!!
β‘οΈ Visual Studio Code β¬ οΈ
β¬οΈβ¬ β¬οΈβ¬οΈ β¬οΈβ¬οΈ β¬οΈβ¬οΈ
Bizning kanal
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ