Agar html yordamida veb-sayt yaratishni bilmoqchi bo'lsangiz, css, yoki jQuery, siz to'g'ri joydasiz. Internetda tez va oson veb-sayt yaratishni o'rganishga yordam beradigan ko'plab manbalar mavjud. Lekin qanday qilib veb-saytingizni iloji boricha professional ko'rinishga keltirasiz?
Html bilan veb-sayt yaratish
HTML kodli veb-sayt yaratish noyob veb-sayt yaratishning ajoyib usuli hisoblanadi. Ammo shuni yodda tutish kerakki, u ba'zi kodlash qobiliyatlari va CSS-ni talab qiladi. Qo'shimcha, agar siz veb-saytingizning ko'rinishini yoki mazmunini o'zgartirmoqchi bo'lsangiz, siz dasturchi yollashingiz kerak bo'ladi. WordPress kabi kontentni boshqarish tizimi, ammo, veb-saytingizni o'zingiz yangilash imkonini beradi. HTMLdan farqli o'laroq, WordPress hech qanday kodlash ko'nikmalarini talab qilmaydi va dizayn haqida oddiy tushunchaga ega veb-sayt yaratish imkonini beradi.
HTML - bu brauzerlarga veb-sahifalarni qanday ko'rsatishni ko'rsatadigan asosiy kodlash tili. Buni teglar deb ataladigan maxsus ko'rsatmalar orqali amalga oshiradi. Ushbu teglar veb-sahifaning ma'lum bir qismida qanday tarkib paydo bo'lishi kerakligini ko'rsatadi. Bu muhim kodlash standartidir, lekin uning kamchiliklari ham bor. Ushbu maqolada, boshlashdan oldin HTML haqida bilish kerak bo'lgan eng muhim narsalarni ko'rib chiqamiz.
Agar siz veb-xostdan qanday foydalanishni bilsangiz va HTML bo'yicha asosiy bilimlarga ega bo'lsangiz, HTML va CSS bilan veb-sayt yaratish qiyin emas. Veb-xost sizga sayt yaratishda bepul yordam berishi mumkin, yoki kichik to'lov evaziga siz uchun mezbonlik qiladi. Agar siz endigina boshlayotgan bo'lsangiz, Bootstrap yondashuvini sinab ko'rishingiz va kodni o'rganishga vaqt ajratishingiz mumkin. Bu usul vaqtingizni tejaydi va saytingiz mazmuniga e'tiboringizni qaratish imkonini beradi, veb-saytingizning tartibi haqida tashvishlanishdan ko'ra.
HTML World Wide Web ning asosiy komponentlaridan biridir. HTML hujjatlarini yaratish oson va veb-brauzerlar bilan mos keladi. HTML hujjatlarini yaratish uchun Windows yoki Mac kompyuterlarida oddiy matn muharriri yetarli. Agar siz HTML bilan qulay bo'lmasangiz, Yangi boshlanuvchilar uchun HTML kitobini sotib olishingiz va uni bosqichma-bosqich kuzatib borishingiz mumkin.
HTML veb-saytning asosidir, CSS unga ba'zi pizza qo'shadi. U veb-sahifaning kayfiyati va ohangini boshqaradi, va veb-saytlarni turli ekran o'lchamlari va qurilmalar turlariga moslashtirish uchun ishlatiladi. Bu tashrif buyuruvchilarga saytga kirishni osonlashtiradi.
CSS fayli veb-saytingiz fonining rangini o'zgartirishga ham imkon beradi. Rang nomini kiritish orqali, uni asl rangdan boshqa rang sifatida ko'rsatishingiz mumkin. Rang nomi shunchaki rang raqami emasligini yodda tutish kerak. Bu bitta so'z bo'lishi kerak.
HTML veb-saytingizning asosiy tuzilishini ta'minlaydi. CSS va JavaScript - bu elementlarning joylashuvi va taqdimotini boshqaruvchi HTML kengaytmalari. CSS va JavaScript-ni birlashtirish orqali, xususiyatlar va ko'rinishga boy veb-sayt yaratishingiz mumkin.
CSS yordamida veb-sayt yaratish
CSS faylini tahrirlash orqali veb-saytingizning fon rangini o'zgartirishingiz mumkin. Kod rangni olti burchakli qiymat sifatida ko'rsatayotganini sezasiz. Buni o'zgartirish uchun, shunchaki olti burchakli qiymatni o'zingiz xohlagan rang nomiga o'zgartiring. Ism bitta so'zdan iborat bo'lishi kerak. Chiziq oxirida nuqtali vergul qo'yishni unutmang.
CSS batafsil atributlarni taqdim etadi, va uni sozlashning ko'plab usullari mavjud. HTML sahifasiga CSS qo'shishning uchta asosiy usuli mavjud. Ushbu uslublar jadvallari odatda fayllarda saqlanadi va veb-saytning umumiy ko'rinishini aniqlay oladi. Ulardan HTML bilan birgalikda eng professional ko'rinishdagi sayt yaratish uchun foydalanish mumkin.
HTML veb-sahifa ko'rinishini yaratish uchun teglardan foydalanadi. CSS qaysi HTML elementlari ishlatilishini belgilaydi. Bu butun sahifaga ta'sir qiladi va veb-sayt dizaynerlari uchun foydali bo'lishi mumkin. Muayyan HTML teglariga maxsus sinflarni belgilash ham mumkin. CSS-dagi shrift o'lchami xususiyati bunga misoldir. Unga tayinlangan qiymat 18px. Ushbu elementlarning tartibi sahifaning qanday ko'rinishi va ishlashini belgilaydi. Uslublar jadvallari veb-saytingizning eng yaxshi ko'rinishi uchun zarur bo'lgan barcha ma'lumotlarni o'z ichiga olgan hujjatlardir.
CSS uslublar jadvalingizni yozganingizda, siz foydalanmoqchi bo'lgan har bir sinfni belgilashingiz kerak. Uslublar varaqlarining ikki turi mavjud: ichki uslublar jadvallari va inline-uslublar. Ichki uslublar varaqlarida shrift ranglari va fon ranglari haqida ko'rsatmalar mavjud. Inline-uslublar, boshqa tarafdan, to'g'ridan-to'g'ri HTML hujjatiga yozilgan CSS bo'laklari va faqat bitta kodlash nusxasiga qo'llaniladi.
CSS-ning afzalligi shundaki, u sizning saytingizda takrorlanadigan teglarni yaratishga imkon beradi. Bu katta afzallik, chunki bu sizning veb-saytingizni yanada boshqarish va rivojlantirishni osonlashtiradi. Shuningdek, u veb-saytingizga texnik xizmat ko'rsatishni osonlashtiradi va uslublar jadvallarini bir nechta sahifalarda qayta ishlatishni osonlashtiradi. Bu tarkib va taqdimotni ajratish deb ham ataladi.
CSS veb-dizaynning muhim qismidir. Bu sizning veb-saytingiz qanday ko'rinishini va qanday his qilishini aniqlashga yordam beradi. Shuningdek, u veb-saytga turli xil ekran o'lchamlari va qurilmalariga moslashish imkonini beradi. CSS tili veb-saytingiz ko'rinishini sozlash imkonini beradi, qaysi turdagi qurilmada ishlatilishidan qat'iy nazar.
CSS va HTML kodlarini birgalikda ishlatish sizga deyarli bir lahzalik natijalarga ega veb-sayt yaratish imkonini beradi. HTML kodlarini nusxalash va joylashtirish oson. Siz faqat o'zgartirmoqchi bo'lgan qiymatlarni o'zgartirishingiz kerak. Ko'pincha, bu shriftlar va ranglarni o'z ichiga oladi. CSS shuningdek, veb-saytingizning turli jihatlarini o'zgartirish uchun sharhlardan foydalanishga imkon beradi.
jquery yordamida veb-sayt yaratish
Birinchidan, jQuery kutubxonasini yuklab olishingiz kerak. Ushbu kutubxona siqilgan va siqilmagan versiyalarda mavjud. Ishlab chiqarish maqsadlari uchun, siqilgan fayldan foydalanishingiz kerak. jQuery JavaScript kutubxonasi boʻlib, uni skript yordamida HTML hujjatingizga kiritishingiz mumkin> element.
jQuery DOM manipulyatsiyasini qo'llab-quvvatlaydi, demak, u sodir bo'lgan voqealarga qarab hujjatdagi elementlarni o'zgartirishi mumkin. Bu mazmunning tushunarliligi va intuitivligi uchun muhimdir. Kutubxona, shuningdek, ko'plab o'rnatilgan animatsiya effektlarini o'z ichiga oladi va AJAX orqali sezgir veb-dizaynni qo'llab-quvvatlaydi, yoki Asinxron JavaScript va XML.
jQuery-ni o'rnatish va ishlatish oson. Elementlarga voqea tinglovchilarini qo'shish orqali javob beruvchi veb-saytlarni yaratish uchun undan foydalanishingiz mumkin. jQuery-dan foydalanish, kontaktlar ro'yxati vidjetini va standart uslub mavzusini qo'llashingiz mumkin. Interaktiv elementlarni yaratish uchun kutubxonadan ham foydalanishingiz mumkin.
Hujjat obyekti modeli (DOM) HTML ning ifodasidir, jQuery esa qaysi elementlarda ishlashi kerakligini aytish uchun selektorlardan foydalanadi. Selektorlar CSS selektorlari kabi ishlaydi, ba'zi qo'shimchalar bilan. Siz jQuery rasmiy hujjatlarini tekshirish orqali turli tanlovchilar haqida ko'proq ma'lumot olishingiz mumkin.
jQuery kutubxonasini o'rganish oson, lekin u HTML va CSS haqida ma'lum bilimlarni talab qiladi. Agar sizda dasturlash tajribasi bo'lmasa, CodeSchoolning jQuery-ni sinab ko'rish kursini sinab ko'rishingiz mumkin, jQuery bo'yicha tonna qo'llanmalar va ko'plab ma'lumotlarga ega. Kurs shuningdek, mini veb-ilovani yaratish bo'yicha darslarni ham o'z ichiga oladi.