O’zbekiston respublikasi oliy va o’rta maxsus ta’lim vazirligi farg’ona davlat universiteti fizika-matematika fakulteti

Veb-sayt — bu kompaniyaning yuzi. Va bu potentsial iste'molchi bilan eng zamonaviy va samarali aloqa kanalidir. Faqatgina Internet-saytning imkoniyatlari foydalanuvchiga ma'lumotni etkazishning barcha usullaridan to'liq foydalanishga imkon beradi. Iste'molchini tanishtirish uchun matn, audio va video ma'lumotlarini bitta saytga yuborish mumkin.

Sayt dasturlari yordamida siz to'lovlarni qabul qilishingiz, telefonda gaplashishingiz, ma'lumotlar bazasini saqlashingiz, fakslarni yuborishingiz va qabul qilishingiz, SMS xabarlar almashishingiz va boshqa ko'plab amallarni bajarishingiz mumkin. Zamonaviy Internet-sayt nafaqat har qanday kompaniya uchun, balki har qanday Internet foydalanuvchisi uchun ham ma'lumot markazidir.

Va bu g'alaba qozonish usuli bo'lib, o'z g'oyalaringiz yoki ishlanmalaringizni eng keng auditoriyaga samarali va bir vaqtning o'zida sodda va aniq etkazish uchun. Va bugungi kunda HTML-gipermatnni belgilash tilida yozilgan veb-hujjatlar veb-muhitda ma'lumotlarni taqdim etishning asosiy shakli bo'lib qolmoqda.

HTML-ning eng muhim afzalliklari:

• 
  eng qisqa vaqt ichida HTML-ni o'rganishga imkon beradigan soddaligi.
  
• 
  o'z veb-sahifalaringizni yaratish qobiliyati
  
• 
  va HTML bugungi kunda mavjud bo'lgan barcha platformalarda bir xil ishlaydi, qo'shimcha uskunalar sotib olishning hojati yo'q. Va faqat mavjud bo'lgan har qanday matn muharriridan foydalaning, masalan Notepad.
  

Ushbu saytda men o'z veb-saytingizni yaratish jarayonini batafsil tasvirlashga harakat qildim, ya'ni tayyor loyihani Internetda barcha foydalanuvchilarga kirishini ta'minlash uchun nashr etdim.

Mening ko'plab maqolalarim juda foydali bo'ladi deb umid qilaman, chunki men o'zim dasturchi emasman, lekin bu ishdan juda ilhomlanaman.

Ushbu qo'llanmada veb-sahifani unga grafika qo'shib qanday bezash kerakligi ko'rsatiladi. Biz eng keng tarqalgan rasm formatlari bilan tanishamiz, sahifaga rasmlarni qo'shish uchun qanday teg ishlatilishini bilib olamiz, muqobil sarlavhalar va matn va grafikalarni hizalanishini ko'rib chiqamiz. Shuningdek, biz rasmlarning asosiy xususiyatlari bilan tanishamiz va tasvirning kengligi va balandligini qanday sozlashni o'rganamiz. Keyinchalik, rasmlarni havolalar sifatida ishlatish va rasm eskizlari haqida bir necha so'z. Va nihoyat, veb-sahifada grafikadan foydalanish bo'yicha ba'zi umumiy tavsiyalar mavjud.

Veb-sahifaga rasm qo'shish

Agar veb-sahifada matnli ma'lumotlardan boshqa hech narsa bo'lmasa, unda berilgan ma'lumotlar tufayli kimgadir qiziq tuyulishi mumkin, ammo kimdir uni jozibali deb atash vasvasasiga tushmasligi mumkin. Tasvirlarni veb-sahifaga kiritish juda oson. Sahifaga professional ko'rinishni beradigan grafikalarni qo'shish ba'zi bilimlarni talab qiladi. Aslida, bugungi dars nimaga bag'ishlangan.

Internetda eng ko'p ishlatiladigan grafik formatlar GIF va JPEG. Birgalikdagi Fotosurat Ekspertlar Guruhi (JPEG) tomonidan ishlab chiqilgan va nomlangan format odatda rasmlar kabi silliq rang o'tishi bilan tasvirlarni saqlash uchun ishlatiladi.

Deyarli barcha grafik elementlar GIF (Grafika Interchange Format) - grafik ma'lumotlarni almashish formatida saqlanadi. Hozirda mashhurlikka erishayotgan yana bir yangi grafik format mavjud: PNG (Portable Network Graphics - portativ tarmoq grafikasi). Oxir-oqibat GIF formatini almashtirish kutilmoqda. Shu bilan birga, barcha grafik fayllaringizni ushbu formatda qayta saqlashga shoshilmang, shu bilan birga u hamma brauzerlar tomonidan qo'llab-quvvatlanmaydi.

Barcha rasmlar veb-sahifaga rasm manbai yorlig'i deb nomlangan teg yordamida qo'shiladi ... Ehtimol, endi siz ushbu yozuv yorliqning o'zida ekanligini o'zingiz aniqlay olasiz, uning atributi (scr) va ushbu atributning qiymati (joylashuvi). Biroq, scr atributi talab qilinganligi sababli, ushbu yozuvni yagona umumiy yorliq sifatida ko'rib chiqish qulayroq. Ehtimol siz rasm manbasi yorlig'ida tegishli tugatish tegiga ega emasligini payqadingiz. Bu alohida-alohida teg, shuning uchun uning oxiriga chiziq qo'shishni unutmang:.

# 1058; D XHTML 1.0 Transitional // EN "" http://www.w3.org/TR/xhtml1/DTD/xhtml1/transitional.dtd "\u003e Birinchi rasmlar f\u003e Ushbu rasm birinchi veb-sahifamga qo'shildi. \u003e

Muqobil yorliqlarni qo'shish
Internetda kezish paytida, ehtimol veb-sahifaning ba'zi grafik elementlari ustiga sichqonchani ko'rsatgichini ko'rsatganingizda turli yozuvlarni ko'rdingiz. Ushbu yorliqlar odatda rasmning o'zi yoki u joylashgan sahifaning maydoni haqida qo'shimcha ma'lumot beradi.

Quyidagi HTML kod teg ichiga alt atribut qanday qo'shilganligini ko'rsatadi.... Src atributiga o'xshab, alt atribut veb-brauzerga rasm haqida qo'shimcha ma'lumot beradi va u har doim teg bilan birgalikda ishlatilishi mumkin.

Alt atribut veb-sahifaga qo'shilgan grafik element uchun muqobil matnni belgilaydi. Ushbu matn alternativ deb nomlanadi, chunki uni ekranda tasvirning o'ziga alternativa sifatida ko'rsatish mumkin. Alt atributi yana bir muhim maqsadga ega. Ma'lumot uzatish tezligi past bo'lgan kanallardan foydalanuvchi ko'plab Internet-brauzerlar o'zlarining brauzerlariga grafikalarni yuklamaslik yoki namoyish qilmasliklarini buyurishlari mumkin. Bu ularga kompyuterlarga veb-sahifalarni yuklashni tezlashtirishga imkon beradi.

Shuningdek, hamma brauzerlar ham o'zlarining derazalarida grafikalarni namoyish etishga qodir emasligini unutmang. Masalan, Lynx brauzeri bu xususiyatni umuman qo'llab-quvvatlamaydi. Shunday qilib, alt atribut veb-dizaynerga veb-sahifaga tashrif buyurgan kishi uning ekrandagi rasmni ko'rmasa, hech bo'lmaganda ushbu rasmga qo'shilgan matn ma'lumotlarini ko'rishiga ishonch hosil qilishiga imkon beradi.

Alt atributi har bir teg uchun aniqlanishi mumkin, ba'zi grafik elementlarga noo'rin matnli xabarlarni tayinlashdan ehtiyot bo'ling. Masalan, veb-sahifaning tashqi dizaynidagi turli xil elementlarga muqobil matn yorliqlarini qo'shish mantiqiy emas. Bunday xatolarga yo'l qo'ymaslik uchun bunday elementlarning alt atributini bo'sh qiymatga qo'yishingiz mumkin (alt \u003d ""). Agar siz boshqa biron bir atributni o'rnatmasangiz, brauzer tasvirning yuqori qirrasini qo'shni matn chizig'ining yuqori chetiga tekislab, rasmni asl hajmida beradi. Ushbu parametrlarning ikkalasini ham jadval jadval teglaridan foydalanib o'zgartirishingiz mumkin.

Tasvir atributlari

Yorliq uchun atributlar tasvir hajmini o'zgartirish uchun taqdim etiladi. Ushbu atributlarning ba'zilari quyida keltirilgan.