- Veb-sahifa yaratish
- Siz hali ham juda qiyin deb o’ylayotgan bo’lsangiz
- Veb-reja tuzing
- Ba’zi asosiy HTML bilib oling
- Veb-sahifani yozing va uni qattiq diskka yozib oling
- O’z sahifangizni joylashtiradigan joy oling
- O’z sahifangizga o’z sahifangizni yuklang
- Sahifaingizni tekshiring
- Veb-saytingizni targ’ib qiling
- Boshqa sahifalarni boshlang
- Qanday qilib veb sahifa yaratish mumkin?
- HTML va CSS
- 1-bosqich
- 2- Bosqich
- – asosiy qismga yozadigan axborotingizni sarlavhasi yoziladi.
- 3-bosqich.
- O’zbek tilida CSS ni o’rganing
Veb-sahifa yaratish
Veb-sahifa yaratish sizning hayotingizda hech qachon qiladigan eng og’ir narsalardan biri emas, lekin bu ham oson emas. Ushbu qo’llanmani boshlashdan oldin siz u bilan ishlashga vaqt ajratishga tayyormiz. Ularga havola etilgan maqolalar va maqolalar sizga yordam berish uchun joylashtiriladi, shuning uchun ularga ergashish va ularni o’qish yaxshi.
Qanday qilishni biladigan bo’limlar bo’lishi mumkin. Balki siz allaqachon HTMLni bilasiz yoki siz allaqachon hosting provayderingiz bor. Agar shunday bo’lsa, siz ushbu bo’limlarni o’tkazib, yordamga muhtoj bo’lgan maqolaning bo’limlariga o’tishingiz mumkin. Ushbu qadamlar:
- Veb-reja tuzing
- Ba’zi asosiy HTML bilib oling
- Veb-sahifani yozing va uni qattiq diskka yozib oling
- O’z sahifangizni joylashtiradigan joy oling
- O’z sahifangizga o’z sahifangizni yuklang
- Sahifaingizni tekshiring
- Veb-saytingizni targ’ib qiling
- Boshqa sahifalarni boshlang
Siz hali ham juda qiyin deb o’ylayotgan bo’lsangiz
Hammasi joyida. Men aytib o’tganimdek, veb-sahifa yaratish oson emas. Ushbu ikkita maqola yordam berishi kerak:
Keyingisi: Veb-reja tuzing
Veb-reja tuzing
Veb-sahifani yaratish uchun birinchi navbatda veb-muharrir kerak. Bu sizga juda ko’p pul sarflagan dasturiy ta’minotning ajablantiradigan qismi bo’lishi shart emas. Operatsion tizimingiz bilan birga kelgan matn muharriridan foydalanishingiz yoki Internetdan bepul yoki arzon muharriridan yuklab olishingiz mumkin.
- Veb dizayn dasturini sotib olishdan oldin
- Muharrirlar turlari uchun biznes holatlar
- Zamonaviy WYSIWYG muharriri haqida umumiy mif va haqiqat
- Veb tahrirlovchisini qanday baholash mumkin
- Perfect HTML tahrirlovchisini toping
Keyingi: Ba’zi asosiy HTML bilib oling
03 dan 09 gacha
Ba’zi asosiy HTML bilib oling
HTML (shuningdek, XHTML deb ataladi) veb-sahifalar qurilish blokidir. WYSIWYG tahrirlovchisini ishlatishingiz mumkin va HTML-ni hech qachon bilishingiz shart emas, biroq HTML-ni o’rganish sizning sahifalaringizni tuzishda va saqlab qolishingizga yordam beradi. Agar WYSIWYG tahrirlovchisi foydalanayotgan bo’lsangiz, keyingi qismga to’g’ridan-to’g’ri o’tishi mumkin va hozirda HTML haqida xavotirga tushmasligingiz mumkin.
- Bepul XHTML klassi [br /] 10 xafta davomida HTML-ni bilib oling. Ko’proq vaqtingiz bo’lsa, buyuk bepul resurs.
- HTML ta’limi [br /] Tezligida HTMLni o’rganing. Sinfga qaraganda kamroq, ammo mashqlarni bir kundan kamroq o’qishingiz mumkin.
- XHTML Teglar Kutubxonasi [br /] Agar siz teglar bilan o’ynashni o’rganishni istasangiz, taglik kutubxonasi barcha tegishli HTML teglaridan qanday foydalanish haqida ma’lumot beradi.
Keyingisi: Veb-sahifani yozing va uni qattiq diskka yozib oling
Veb-sahifani yozing va uni qattiq diskka yozib oling
Aksariyat odamlar uchun bu qiziqarli qism. Veb-muharriringizni oching va veb-sahifangizni yaratishni boshlang. Agar u matn tahrirlovchisi bo’lsa, siz ba’zi HTMLni bilishingiz kerak, ammo agar WYSIWYG bo’lsa, xuddi Word hujjati kabi veb-sahifa yaratishingiz mumkin. So’ngra tugallangandan so’ng faylni qattiq diskdagi katalogga saqlang.
- Dreamweaver-da yangi sahifa yaratish
- FrontPage bilan yangi sahifa yaratish
- Qanday qilib Tos
- Notepadda HTMLni yozish
- Makintosh TextEdit bilan HTML yozish
- Ko’proq HTML muharriri yordami
Keyingisi: O’z sahifangizni joylashtiradigan joy oling
05 dan 09 gacha
O’z sahifangizni joylashtiradigan joy oling
Web-sahifangizni veb-saytga joylashtirish uchun veb-sayt deb ataladi. Bepul (bepul va reklamasiz) oyiga bir necha yuz dollargacha vebdan foydalanish uchun ko’plab imkoniyatlar mavjud. Veb-xostdagi kerakli narsa veb-saytingizni o’quvchilarni jalb qilish va saqlab qolish uchun nima kerakligiga bog’liq. Quyidagi havolalar veb-xostlarda nima kerakligini hal qilishni va siz foydalanishingiz mumkin bo’lgan hosting provayderlarining takliflarini bayon qiladi.
- Veb hosting nima?
- Xosting Provayderi topish
- Veb-xostlarning xaridorlar fikri
- Veb-Xost-lar
- Bepul veb hosting
Keyingi: sahifangizni o’zingizning xostiga joylashtiring
06 dan 09 gacha
O’z sahifangizga o’z sahifangizni yuklang
Bir marta hosting provayderingiz bo’lsa, fayllarni mahalliy qattiq diskdan hosting kompyuteriga ko’chirishingiz kerak. Ko’pgina hosting kompaniyasi fayllarni yuklash uchun foydalanishingiz mumkin bo’lgan onlayn fayllarni boshqarish vositasini taqdim etadi. Lekin, agar qilmasalar, fayllarni uzatish uchun FTP-dan ham foydalanishingiz mumkin. Fayllarni o’z serverlariga qanday qilib olish haqida aniq savollaringiz bo’lsa, hosting provayderingiz bilan suhbatlashing.
- Veb-saytingizni qanday yuklab olishingiz mumkin Sahifalarni yuklash Fayllarni uzatish (FTP)
- Windows uchun eng yaxshi FTP mijozlari
- Makintosh uchun eng yaxshi FTP mijozlari
- FrontPage bilan fayllarni FTP orqali qanday qilib uzatish
- Dreamweaver-ni fayllarni uzatish uchun sozlash
- Fayllarni va veb-sahifalarni GeoCities-ga yuklash
Keyingi: Sizning sahifangizni tekshiring
Sahifaingizni tekshiring
Bu juda ko’p Ajam veb-ishlab chiquvchilari yo’qolgan bir qadam, lekin bu juda muhim. Sizning sahifalaringizni sinab ko’rish ular o’zingizni veb-brauzerlarda ko’rish kabi URL-manzilda bo’lishini ta’minlaydi.
- Veb-sahifa URL-larini qanday topish mumkin
- Veb-sahifalaringizni qanday ko’rish mumkin
- HTML-ni tasdiqlang
- HTML tekshiruvchi yordamida
- Nima uchun HTML-ni tasdiqlash kerak
- Umumiy tekshirish muammolari va ularni tuzatish
- Veb-dizayndagi muammolarni echish
- Veb-saytni ko’rib chiqish uchun BrowserCamdan qanday foydalaniladi?
Keyingi: Veb-saytingizni rag’batlantirish
Veb-saytingizni targ’ib qiling
Internetdagi veb-sahifangizni to’ldirganingizdan so’ng, odamlar uni tashrif buyurishini xohlaysiz. Eng oddiy usuli — do’stlaringiz va oilangizga URL bilan elektron pochta xabarini yuborish. Agar siz boshqalarni ko’rishni xohlasangiz, uni qidiruv tizimlarida va boshqa joylarda targ’ib qilishingiz kerak bo’ladi.
- Agar siz uni qurib qo’ysangiz . ular keladimi?
- Xitlaringizni kuchaytirish
- Internetdagi trafikni oshirishning eng yaxshi 10 ta «maxfiy» usuli
- Veb-sahifalarni targ’ib qilish
- Qidiruv mexanizmi optimallashtirish (SEO) nima?
- Qidiruv mexanizmi optimallashtirish asta-sekin
- SEO bilan ko’proq yordam
Keyingi: Boshqa sahifalarni boshlashni boshlang
09 dan 09 gacha
Boshqa sahifalarni boshlang
Endi sizda bir sahifangiz bor va Internetda yashayapsiz, ko’proq sahifa yaratishingiz mumkin. Sahifalarni yaratish va yuklash uchun bir xil amallarni bajaring. Ularni bir-biriga bog’lashni unutmang.
Qanday qilib veb sahifa yaratish mumkin?
Veb sahifa – veb saytning tarkibiy qismi hisoblanadi. Agarda siz, sayt ochishni xohlasangiz, albatta veb sahifa yaratishni bilishingiz kerak. Buning uchun bizga HTML, CSS borasidagi bilimlar kerak bo’ladi. Mabodo, bu tillarni bilmasangiz, unda xavotir olmang. Maqolamizda oson va tez veb sahifa yaratish usullarini yoritib o’tganmiz.
HTML va CSS
HTML – (Hyper Text Markup Language) gipermatnlar belgilash tilidir. HTML- dasturlash tili emas, u veb sahifada matn, rasmlar va boshqa ma’lumotlarni joylashishini belgilab beruvchi tildir. HTML orqali siz axborotni internet foydalanuvchisiga yetkazib berasiz.
HTMLda buyruqlar ya’ni teglar mavjud. Har bir teg < va >(uchburchak qavs) ichida yoziladi. Har bir HTML sahifa bilan boshlanib, tegi bilan yopilishi shart. Lekin yopilmaydigan teglar ham mavjud. Masalan,
tegi sizning axborotingizni yangi qatordan boshlab beradi.
HTML sahifa bo’limlardan iborat:
Kirish qismiga sarlavha va menu (bir sahifadan ikkinchi sahifaga o’tish va umimiy ma’lumotlar) kiritiladi.
Asosiy qismga veb sahifaning mazmuni kiritiladi.
CSS – bu veb sahifaning dizayn stillarini belgilab beruvchi til hisoblanadi. CSS orqali biz, HTML veb sahifamizning va veb saytimizning dizaynini chiroyli qilib ko’rsatib beramiz. HTMLda har bir bo’lim () ga nom ya’ni class beriladi. CSSda buyruqlar mavjud emas. Lekin HTMLdagi elementlarni (classlarni) kodda chaqirib, stillarni beramiz. Quyidagi bosqichlarda veb sahifa tayyorlashni o’rganib olasiz.
1-bosqich
Bloknotga kiramiz.
Пуск→Программы→ Стандартные→ Блокнот.
Faylni index.html formatida kompyuterga saqlab qo’yamiz. Shu HTML faylmizga kod yozishni boshlaymiz.
Sublime, Visual Studio Code kabi kod tahrirlash uchun dasturlardan ham fordalanishingiz mumkin.
Bulardan Sublime nisabatan soddaroq bo’lib, endi o’rganishni boshlagan dasturchi uchun foydalanish qulay.
– veb sahifamizning kodini qaysi HTML versiyada yozayotganimizni bildiradi. Veb sahifa bilan boshlanib tegi bilan tugashi kerak.
tegi veb sahifamizning sarlavhasini ( ) va veb brauzerda chiqadigan nomlanishi ( ) kiradi. Barcha still fayllari (.css)ga havolalar ham tegi joylashtirilishi kerak.
tegi orqali veb sahifangizning asosiy ma’lumotlarini mazmunini yoritib bera olasiz. U yerda siz rasm joylashtirishingiz mumkin, biror bir narsa haqida masalan, yangi texnologiyalar haqida ma’lumot yozishingiz mumkin. Demak, ushbu teg ichida sahifani bor mazmunini matnlar rasmlar, video joylashtirb, slider(aylanib turuvchi rasmlar yoki matnlar) va boshqa turli xil elementlar orqali ifodalab berishingiz mumkin.
Har qanday veb sahifa quyidagi shablon asosida yaratiladi.
2- Bosqich
– asosiy qismga yozadigan axborotingizni sarlavhasi yoziladi.
tegi bizga sarlavhani ajratib, katta shriftda yozib beradi.
Predmet yoki biron bir faoliyat haqida ma’lumot yoziladi
Veb sahifa kodini yozdik. Endi faylimizni brauzer orqali ochamiz.
Unig uchun siz html farmatida saqlagan faylingizni ushbu usulda ochasiz :
Открыть с помощью->Google Chrome
Qoyil! Siz o’z veb sahifangizni yaratdingiz. Buni yanada boyitishni xohlasangiz shu linkga kirib HTML darslarini o’rganing.
3-bosqich.
Bu bosqichda biz veb sahifamizni ko’rinishini qanday qilib o’zgartirishni o’rganamiz.
CSS faylni ham bloknotga yozamiz. Faqat faylni faylnomi.css formatda saqlaymiz. Masalan, style.css
CSS ko’rinishini o’zgartirmoqchi bo’lgan HTML elementlarimizni chaqiramiz. Body tegini CSSda
HTML faylda CSS faylni buyrug’i orqali ulaymiz:
Bu buyrug’imiz ni ichiga dan kn yoziladi.
Veb sahifa dizaynini o’zingizning didingizga qarab o’zgartirishingiz mumkin. Buning uchun CSS bilimlarini yaxshi bilishingiz kerak bo’ladi. Veb sayt ochishni xohlasangiz internet resurslaridan hamma ma’lumotlarni olishingiz mumkin. Sizga www.w3schools.com saytini tavsiya qilamiz.
O’zbek tilida CSS ni o’rganing
Veb brauzerdan yozgan index.html faylimizni ochamiz.
Agar sizda rasm chiqmasa bu rasm papkasini kompyuteringizning qayerida turganini topolmayotganidan dalolat beradi. Shu sabab rasmni index.html bilan birga bitta faylga saqlashingizni maslahat beramiz.
Siz hozir veb sahifa yaratishni, uni qanday dizayn qilish haqida boshlang’ich tushunchaga ega bo’ldingiz. O’ylaymizki, sizda veb sayt yaratishga bo’lgan qiziqish va xohish ortdi. Kelgusi maqolalarimizda qanday qilib oson va tez veb sayt yaratish haqida to’liq ma’lumotlar berib boramiz.