Web-sahifa matniga rasm kiritish uchun bitta tegdan foydalaniladi. (P 1-jadval). Ushbu tegning atributlari sahifaga joylashtirilgan rasmning barcha parametrlarini o'rnatadi. Grafik faylning manzili va nomini belgilaydigan SRC atributi talab qilinadi. Agar SRC atributi o'rnatilmagan bo'lsa, u holda faqat bo'sh tasvir belgisi ko'rsatiladi.

Teg tuzilishi SRC atributi bilan quyidagicha ko'rinadi:

.

Institut nomli grafik fayl veb-sahifa bilan bir papkada joylashgan bo'lsa, uni joylashtirish uchun quyidagilarni yozish kerak:

.

Fayl nomi formati

D:\Collection\Cities\MINSK.GIF manzilida joylashgan MINSK nomli grafik faylni joylashtirish uchun siz yozishingiz kerak. .

Teg foydalanish Web-sahifada Internetdagi boshqa kompyuterda joylashgan grafik fayl mavjud.

Rasmda ko'rsatilgan institutimiz fotosurati bilan veb-sahifa yaratish. 4.1, siz quyidagi HTML kodni kiritishingiz kerak:

Bizning institutimiz

Guruch. 4.1. Institut fotosurati bilan veb-sahifa

Yuqoridagi misolda fotosurat balandligi (HEIGHT) 200 piksel va kengligi (WIDTH) 300 piksel. Suratni joylashtirish uchun markazga moslashtirilgan paragraf yaratiladi.

Gorizontal chiziqlar

Gorizontal chiziqlar Web-sahifada bitta teg yordamida joylashtiriladi

---

. SIZE, WIDTH, COLOR va ALIGN atributlari mos ravishda chiziqlarning qalinligi, kengligi, rangi va tekislanishini o'zgartiradi.

Gorizontal chiziqlarni joylashtirishni tushuntirish uchun bir nechta misollarni ko'rib chiqaylik:

1.

---

- butun sahifa bo'ylab gorizontal chiziq, qalinligi 2 piksel.

2.

---

WIDTH = "200" ALIGN="RIGHT"> – yashil rangdagi gorizontal chiziq, qalinligi 15 piksel, kengligi 200 piksel va o'ngga tekislangan.

3.

---

– butun sahifani qamrab oluvchi gorizontal ko‘k chiziq, qalinligi 25 piksel.

4.

---

WIDTH = "300" ALIGN = "LEFT"> – qizil rangdagi gorizontal chiziq, qalinligi 20 piksel, kengligi 300 piksel va chapga tekislangan.

To'rtta yozilgan misol uchun chiziqli displey rasmda ko'rsatilgan. 4.2.

Guruch. 4.2. Veb-sahifadagi chiziqlar

JADVALLAR

Jadvallar yaratish

Jadval juftlangan teg yordamida yaratiladi

… . Bu teg qo'shilgan joyda jadval yaratadi
HTML kodida.

Har qanday jadval qatorlardan, qatorlar esa hujayralardan iborat. Jadval qatorlari va katakchalarini shakllantirish uchun quyidagi teglardan foydalaniladi:

... - yangi qator;

... - sarlavhali katak;

... - oddiy stol katakchasi.

Bu teglar juftlangan teg ichida yoziladi

… .

Jadval ketma-ket shakllanadi - birinchi navbatda, bitta qator ko'rsatiladi va unda kerakli hujayralar soni ko'rsatiladi, keyin ikkinchi qator va hokazo.

Rasmda ko'rsatilgan jadvalni olish uchun. 5.1, siz quyidagi HTML kodni kiritishingiz kerak:

Guruch. 5.1. Jadval sahifasi

Jadval sarlavhasi katakchalaridagi matn (5.1-rasm) yarim qalin shriftda ko'rsatiladi va katakning o'rtasiga tekislanadi, oddiy katakchalarda esa matn ajratilmaydi va chapga tekislanadi.

Shuni ta'kidlash kerakki, yuqoridagi sahifaning HTML kodida teg

Avtomobillar	Narxi	Ford	5000	Golf	6000

"1" qiymatiga ega BORDER atributini o'z ichiga oladi. Bu shuni anglatadiki, rasmda ko'rsatilgan jadvalda. 5.1, tashqi chegaraning qalinligi
1 piksel. Agar yozsak

… ,

keyin tashqi chegara qalinligi 6 piksel bo'ladi. Jadval chegaralari ko'rsatilishiga yo'l qo'ymaslik uchun siz BORDER atributini 0 ga qo'yishingiz yoki shunchaki ushbu atributni o'tkazib yuborishingiz kerak.

Ko'pgina veb-sahifalarda grafikalar mavjud. Bu sizga ma'lumotni rang-barang va aniq taqdim etish imkonini beradi. Ko'p hollarda, uzoq matn tavsifini berishdan ko'ra, rasmni ko'rsatish yaxshiroqdir.

Grafiklarni sahifaga joylashtirishning ikki yo'li mavjud:

• individual rasmlarni kiritish;
• fonni rasm bilan to'ldirish.

Har qanday holatda, grafik tasvir fayldan olinadi.

Grafika kiritish

Grafik formatdagi fayldan sahifaga grafik tasvirni kiritish teg yordamida amalga oshiriladi (ingliz tilidan, rasm - rasm) SRC atributiga argument sifatida fayl manzilini ko'rsatuvchi:

< IMG SRC = "адрес_графического_файла" >

Grafik fayl manzili URL yoki fayl nomi, ehtimol yo'l bilan. Masalan, logotip.jpg grafik faylini ko'rsatish uchun tegni yozishingiz kerak:

< IMG SRC = "logotip.jpg" >

Tegdagi grafik tasvirni uzatish tezligini oshirish uchun atributidan foydalanishingiz mumkin ( qo'shimcha parametr) Grafik fayl manzilini argument sifatida qabul qiluvchi LOWSRC. Ikkita grafik fayl yaratishingiz mumkin: birida (masalan, logotip.jpg deylik) yuqori aniqlikdagi tasvir, ikkinchisida (masalan, logotip.gif) past aniqlikdagi tasvir mavjud. Keyin teg:

< IMG SRC = "logotip.jpg" LOWSRC = "logotip.gif" >

...brauzerga avval logotip.gif faylini yuklab olishni va keyin uni qabul qilinganda logotip.jpg fayli bilan almashtirishni buyuradi.

Grafik yuklashni tezlashtirishning yana bir usuli - atributlar yordamida grafik joylashtiriladigan to'rtburchaklar maydonining o'lchamini belgilash. WIDTH(kenglik) va BAYIYLIK(balandlik), piksel bilan o'lchanadi. Agar siz ushbu atributlarni belgilasangiz, brauzer avval grafiklar uchun joy ajratadi, hujjat tartibini tayyorlaydi, matnni ko'rsatadi va shundan keyingina grafiklarni yuklaydi. Brauzer tasvirni belgilangan ramka o'lchamiga moslash uchun siqadi yoki cho'zadi. Rasm o'lchamlarini belgilashga misol:

< IMG SRC = "logotip.gif" WIDTH = 40 HEIGHT = 20 >

Grafika odatda matn bilan birgalikda ishlatiladi, shuning uchun matn va grafiklarni tekislash muammosi paydo bo'ladi. Ushbu muammo atribut yordamida hal qilinadi LIGN teg turli argumentlardan foydalanish. Misol uchun, biz matnni tasvir atrofida o'ngga yoki chapga aylantirishni xohlashimiz mumkin. Odatda rasm matn bilan chambarchas bog'langan bo'lib, u xunuk bo'lishi mumkin. Bunga yo'l qo'ymaslik uchun rasm atrofida bo'sh chekkalarni o'rnatishingiz mumkin. Maydonlar atributlar yordamida yaratiladi VSPACE yuqori va pastki chetlari uchun va NSPACE tegdagi yon chekkalar uchun . Ushbu atributlarning argumentlari maydonlarning o'lchamini piksellarda ko'rsatadigan raqamlar sifatida ko'rsatilgan. Grafiklar atrofida matn o'rashni bekor qilish uchun tegdan foydalaning
.

Quyidagi teg logotip.jpg faylidagi grafiklarni oʻngga oʻrash uchun oʻrnatadi (tasvir matnning chap tomonida joylashgan boʻladi):

< IMG SRC = "logotip.jpg" ALIGN = LEFT >

Agar siz rasmni matnning o'ng tomoniga qo'ymoqchi bo'lsangiz, unda sizga atribut kerak bo'ladi LIGN argument tayinlash TO'G'RI:

< IMG SRC = "logotip.jpg" ALIGN = RIGHT >

Rasm atrofidagi chekkalarni o'rnatish uchun siz quyidagi kabi teg yozishingiz kerak:

< IMG SRC = "logotip.jpg" ALIGN = LEFT HSPACE = 20 VSPACE = 10 >

Bu erda 20 va 10 raqamlari maydonlarning hajmini aniqlaydi.

Keling, bir misolni ko'rib chiqaylik almashish grafikalar va matnlar. Notepadni oching (Bloknot matn muharriri) Windows. Yuqorida muhokama qilingan teglar yordamida unga HTML kodini yozing. Quyida ba'zi matn va grafiklarni chiqaradigan dastur mavjud. Grafik fayl sifatida mavjud bo'lgan har qanday fayldan foydalanishingiz mumkin. Bu yerda foydalaniladigan fayl logotip.gif.

< HTML >

< HEAD >

< TITLE >1-mashq< / TITLE >

< / HEAD >

< BODY BGCOLOR = "YELLOW" >

< IMG SRC = "logotip.gif " ALIGN = LEFT >

< H1 >Matn o'ng tarafdagi grafikalarni o'rab oladi< / H1 >

Guruch. 657. Matn o'ng tarafdagi tasvirni o'rab oladi

Sahifada tasvirlarni (shuningdek, boshqa elementlarni) aniq joylashtirish uchun keng imkoniyatlar mavjud jadvallar Va uslublar. Ushbu HTML elementlari keyinroq muhokama qilinadi. Masalan, siz ko'rinadigan ramkalarsiz jadvalni belgilashingiz va ushbu jadvalning katakchalariga rasmlar, matnlar va boshqa elementlarni joylashtirishingiz mumkin.

Ta'rif 1

Veb-sahifa matn fayli, HTML-da yaratilgan va World Wide Web (WWW) da joylashtirilgan. Matnga qo'shimcha ravishda Web-sahifada siz boshqa veb-sahifalarga o'tishingiz va ko'rishingiz mumkin bo'lgan gipermatnli havolalar, shuningdek, grafikalar, animatsiya, videokliplar va musiqa ko'rinishidagi qo'shimchalar bo'lishi mumkin.

HTML yordamida siz:

1. Web-sahifalarni yaratish va tahrirlash.
2. Hujjatga kiritilgan barcha ob'ektlarning (rasmlar, animatsiyalar va boshqalar) ishlashini hisobga olgan holda Internetdan HTML hujjatlarini tahrirlash.
3. Gipermatnli havolalar va chizmalar, diagrammalar, animatsiyalar, videokliplar, musiqa va nutq hamrohligi, matnli maxsus effektlarni HTML hujjatiga joylashtirish qobiliyatidan foydalanish, multimedia taqdimotlari, slayd-shou, demo loyihalar.

Eslatma 1

Grafik tasvirlar odatda alohida fayllarda saqlanadi. HTML tilida maxsus teglar mavjud bo'lib, ular yordamida veb-sahifalar kodlarida havolalar yoziladi, ular Internetdagi ushbu fayllarning haqiqiy manzillari hisoblanadi. Bunday teglar bilan duch kelganda, veb-brauzer veb-serverga rasm, audio yoki video bilan mos keladigan fayl uchun so'rov yuboradi va uni ushbu teg joylashgan joyda veb-sahifada ko'rsatadi. Web-sahifadan alohida fayllarda saqlanadigan har qanday ma'lumotlar (tasvirlar, audio va videolar va boshqalar) Web-sahifalarning o'rnatilgan elementlari deb ataladi. Keling, veb-sahifaga rasm qo'shish jarayonini batafsil ko'rib chiqaylik.

Veb-sahifaga rasmlar qo'shish

Web-sahifalarning jozibadorligi aynan ularda ishlatiladigan grafikalar va boshqa turli ob'ektlardadir. Sahifaga rasm qo'shish qiyin emas. Va qila oladigan grafiklarni qo'shing ko'rinish Veb-sahifalar ko'proq ko'rinishga ega va professional, ancha murakkab va maxsus bilimlarni talab qiladi.

Rasm manba tegidan foydalanib, sahifaga rasm qo'shishingiz mumkin, u quyidagicha ko'rinadi:

tegning o'zi qayerda, scr esa uning atributidir. scr atributi talab qilinganligi sababli, biz ushbu yozuvni bitta umumiy teg deb aytishimiz mumkin. Rasm manbasi yorlig'i mos keladigan yopish tegidan foydalanmaydi, chunki manba yorlig'i o'z-o'zidan bo'ladi va shuning uchun foydalanilganda oxirida chiziq chizig'ini talab qiladi: .

Muqobil taglavhalar qo'shish

Internetda siz tez-tez veb-sahifadagi istalgan grafik ob'ektga sichqonchani olib borganingizda ko'rsatiladigan turli xil yozuvlarni topishingiz mumkin. Ushbu sarlavhalar odatda rasmning o'zi yoki u joylashgan sahifaning maydoni haqida qo'shimcha ma'lumotlarni o'z ichiga oladi.

Quyida teg ichiga qo'shilgan alt atributiga ega HTML kodi mavjud. Bu atribut src atributiga o'xshash bo'lib, brauzerga tasvir haqida ba'zi qo'shimcha ma'lumotlarni bildiradi va har doim teg bilan birgalikda ishlatilishi mumkin.

alt=" Bu rasm!" />!}

Alt atributining vazifasi veb-sahifaga qo'shilgan grafik element uchun muqobil matnni aniqlashdan iborat. U muqobil deb ataladi, chunki u ekranda tasvirning o'ziga muqobil sifatida ko'rsatiladi. Alt atributi yana bir muhim vazifani bajaradi. Bu veb-dizaynerga agar sahifaga tashrif buyuruvchi o'z ekranida tasvirni ko'rmasa, u hech bo'lmaganda ushbu rasmga qo'shilgan matn ma'lumotlarini ko'rish imkoniyatiga ega bo'lishiga ishonch hosil qilish imkonini beradi.

Har bir teg uchun alt atributidan foydalanganda, grafik elementlarga nomaqbul matnli xabarlarni tayinlashdan ehtiyot bo'lish kerak. Misol uchun, sahifa dizayni elementlariga muqobil matn teglarini qo'shishning ma'nosi yo'q. Bunday xatolarga yo'l qo'ymaslik uchun siz ushbu elementlarning alt atributini bo'sh qiymatga o'rnatishingiz mumkin (alt = ""). Agar siz boshqa atributlarni o'rnatmasangiz, brauzer tasvirni asl o'lchamida ko'rsatadi, lekin tasvirning yuqori chetini qo'shni matn qatorining yuqori chetiga tenglashtiradi. Biroq, ushbu ikkala sozlamalarni uslublar jadvali teglari yordamida o'zgartirishingiz mumkin.

Tasvir atributlari

Teg tasvirlar hajmini o'zgartirish imkonini beruvchi atributlarga ega. Mana ulardan ba'zilari:

• balandlik - bu tasvirning balandligini piksel yoki foizlarda aniqlash uchun ishlatiladi;
• kenglik - bu tasvirning kengligini piksel yoki foizlarda aniqlash uchun ishlatiladi.

Rasm balandligi va kengligini sozlash

Web-sahifalarga joylashtirilgan tasvirlarning o'lchamlari yuqoridagi atributlar yordamida o'rnatilishi mumkin. Bundan tashqari, ularning qiymatlari qat'iy piksellar soni sifatida yoki sahifa o'lchamiga nisbatan foiz sifatida o'rnatiladi. Quyidagi HTML kodida birinchi teg asl tasvirning piksellardagi o'lchamlarini o'z ichiga oladi (vertikalda 60 piksel va gorizontal holda 60 piksel), ikkinchi teg bir xil tasvirning kengligini sahifa kengligining 6% ga va balandligini o'rnatadi. Sahifa balandligining 10%.

alt="Bu rasm!" balandligi "60" kengligi "60" />

alt="Bu rasm!" balandligi = "10%" kengligi = "6%" />

Eslatma 2

Tasvirlarni o'z oynasida ko'rsatishda brauzer ikkala turdagi qiymatlarni qayta ishlashda bir xil darajada yaxshi ishlaydi. Ammo shuni yodda tutish kerakki, veb-sahifalarga tashrif buyuruvchilar o'z kompyuterlaridagi ekran o'lchamlari siznikidan boshqacha bo'lishi mumkin. Shuning uchun, rasm o'lchamini o'zgartirishda siz ikkala rasm qiymatini (balandlik va kenglik) belgilashingiz kerak. Agar siz ushbu qiymatlardan faqat bittasini o'zgartirsangiz, ekrandagi rasm vertikal yoki gorizontal ravishda cho'zilgan ko'rinishi mumkin.

U tasvirlarni tezroq yuklash xayolotini yaratish uchun ishlatilishi mumkin. Buni amalga oshirish uchun siz tasvir o'lchami o'zgartirilganmi yoki yo'qmi, har doim balandlik va kenglik atributlarining qiymatlarini belgilashingiz kerak. Chunki ular brauzerga rasmni sahifaga joylashtirish uchun zarur bo'lgan joy miqdori haqida muhim ma'lumotlarni aytib berishadi. Bunga javoban, brauzer tasvir uchun zarur bo'lgan joyni ajratadi va rasmning o'zini yuklashni to'xtatmasdan sahifaning boshqa elementlarini qurishda davom etadi. Bu sahifa tezroq yuklangandek ko'rinadi, chunki tashrif buyuruvchilar sahifadagi boshqa ma'lumotlarni ko'rishdan oldin rasm to'liq yuklanishini kutishlari shart emas.

Har qanday ekrandagi tasvir, uning o'lchamlaridan qat'i nazar, sahifaning kengligi bo'ylab aniq ma'lum miqdordagi joyni egallashini ta'minlash uchun foiz qiymatlaridan foydalanish kerak. Agar siz rasmning o'lchamlari doimiy bo'lishini istasangiz (uning o'lchami piksellarda), siz piksellardagi qiymatlardan foydalanishingiz kerak.

Matn va grafiklarni tekislash

Rasmni matn satrining o‘ng yoki chap chetiga tekislash uchun tegning align atributidan foydalaning. Masalan:

alt="Bu rasm!" height="60" width="60" align="o'ng" />

Tasvirni matn qatoriga nisbatan vertikal ravishda tekislash uchun siz yuqori, pastki va markaz qiymatlarini olishi mumkin bo'lgan ushbu atributdan ham foydalanishingiz mumkin. Yuqori qiymat tasvirning yuqori qirrasi atrofdagi matnning yuqori chetiga mos kelishi kerakligini bildiradi. Pastki qiymat tasvirning pastki cheti atrofdagi matnning pastki chetiga mos kelishi kerakligini bildiradi. Markaziy qiymat tasvirning markazi matn satrining markaziga to'g'ri kelishi kerakligini bildiradi.

Tasvirlarni havola sifatida ishlatish

Tasvirlar boshqa hujjatlarga giperhavolalar yaratish uchun ham ishlatiladi. HTMLda tasvir xuddi matn oynasi kabi giperhavolaga aylanadi. Buning uchun havola bo'lishi kerak bo'lgan sahifa elementini (bizning holimizda rasm) o'z ichiga olgan teg ishlatiladi. Ushbu rasmga bosish orqali havola paydo bo'ladi.

Eskiz rasmlari

Tasvir giperhavola vazifasini bajaradigan yuqoridagi usuldan tashqari, bir tasvirdan ikkinchisiga o‘tuvchi giperhavola sifatida ham foydalanish mumkin. Bu veb-sahifada e'lon qilmoqchi bo'lgan rasmning o'lchami juda katta bo'lgan va yuklanishi juda uzoq vaqt talab qiladigan holatlarda kerak, bu ko'plab tashrif buyuruvchilar uchun qabul qilinishi mumkin emas. Shuning uchun ular ushbu rasmning qisqartirilgan nusxasini (eskiz) yaratadilar va uni giperhavola bilan ifodalaydilar. Agar sahifaga tashrif buyuruvchi ushbu rasmga qiziqsa, u to'liq rasmni ko'rish uchun eskiz ustiga bosishi mumkin. Mana kod misoli:

alt="Oddiy tasvirni ko'rish uchun bosing."

balandligi "60" kengligi "60" />

Tasvirlardan muvaffaqiyatli foydalanish sirlari

Tasvirlar tashrif buyuruvchilar uchun juda ko'p vizual ma'lumot beradi va bu ularni jozibador qiladi va ularni veb-sahifaga qo'shish ham juda oddiy, ammo sayt yaratishda ma'lum qoidalar mavjud, agar biz uni mashhur bo'lishini xohlasak, ularga rioya qilish kerak. Internet.

Sahifalarni yaratishda siz ularga kichik rasmlarni joylashtirishga harakat qilishingiz kerak, chunki katta rasmlarni yuklash uzoq vaqt talab etadi va ba'zi foydalanuvchilar hali ham tarmoqqa kirish uchun past tezlikdagi aloqa kanallaridan foydalanadilar. o'tkazish qobiliyati, va shuning uchun yuklab olingan fayllar hajmi ular uchun asosiy ahamiyatga ega.

Eslatma 3

Butun HTML hujjatining umumiy fayl hajmi ham muhimdir, bu o'z navbatida nafaqat undagi tasvirlar hajmiga, balki ularning soniga ham bog'liq bo'ladi. Alt atributidan foydalanganda ehtiyot bo'lishingiz kerak, shunda matnli xabarning mazmuni har doim tasvirning o'ziga mos keladi. Va teskari holatda: rasm sahifada taqdim etilgan matn ma'lumotlariga mos kelishini ta'minlash kerak.

Siz yaratayotgan sahifada Internetdan olingan rasmlardan foydalanganda, ushbu rasmlar mualliflik huquqi bilan himoyalanganligini tekshirishingiz kerak.

Yuqorida aytib o'tilganidek, HTML bugungi kunda World Wide Webda istalgan veb-sahifani yozish uchun asosdir. CSS-dan foydalanganda HTML kodini yaratish keskin o'zgaradi. Siz ma'lum vizual effektlarga erishish uchun murakkab HTML teglarini o'zgartirish bilan xayrlashishingiz mumkin. Ba'zi HTML teglari yoki atributlari haqida, masalan, eskirgan teg...

Uy

Veb-saytga buyurtma bering va biznesni boshlang!

Bu iborani ko'plab saytlarda eshitish va ko'rish mumkin va bu bejiz emas!

Veb-sayt — bu kompaniyaning yuzi. Va bu potentsial iste'molchilar bilan eng zamonaviy va samarali aloqa kanalidir. Faqatgina Internet saytining imkoniyatlari foydalanuvchiga axborot xabarini etkazishning barcha usullaridan to'liq foydalanish imkonini beradi. Matn, audio va video ma'lumotlar iste'molchini ular bilan tanishtirish uchun bitta sayt ichida taqdim etilishi mumkin.

Foydalanish orqali dasturiy ta'minot Saytda siz to'lovlarni qabul qilishingiz, telefonda gaplashishingiz, ma'lumotlar bazalarini yuritishingiz, fakslarni yuborishingiz va qabul qilishingiz, SMS xabarlar almashishingiz va boshqa ko'plab amallarni bajarishingiz mumkin. Zamonaviy internet sayti nafaqat har qanday kompaniya, balki har qanday internet foydalanuvchisi uchun axborot markazidir.

Va bu o'z g'oyalaringiz yoki ishlanmalaringizni eng keng auditoriyaga samarali va ayni paytda sodda va aniq etkazishning g'alaba qozonish usuli. Va bugungi kunda HTML gipermatnli belgilash tilida yozilgan veb-hujjatlari Web muhitida ma'lumotlarni taqdim etishning asosiy shakli bo'lib qolmoqda.

HTMLning eng muhim afzalliklari quyidagilardan iborat:

• soddaligi, eng qisqa vaqt ichida HTMLni o'rganish imkonini beradi.
• o'z veb-sahifalaringizni yaratish qobiliyati
• va HTML bugungi kunda mavjud bo'lgan barcha platformalarda xuddi shunday ishlaydi; Va har qanday mavjudidan foydalanish kifoya matn muharriri, masalan, Notepad.

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

Umid qilamanki, mening maqolalarim ko'pchilik uchun juda foydali bo'ladi, chunki men o'zim dasturchi emasman, lekin bu ish meni juda ilhomlantirdi.

Veb-sahifaga joylashtirilgan grafik tasvirlar nafaqat ma'lumotni yaxshiroq idrok etishga yordam beradi, balki sahifalarni yanada yorqinroq va esda qolarli qiladi. Grafik tasvirlarni o'zingiz tayyorlashingiz yoki dizaynerlar xizmatlaridan foydalanishingiz mumkin. kabi dasturiy mahsulotlardan grafik fayllar kutubxonalaridan ham foydalanishingiz mumkin Microsoft Office, CorelDraw va boshqalar.

Microsoft Office-ga kiritilgan Clip Art kutubxonasidan grafik tasvirni biz yaratayotgan Web-saytning bosh sahifasiga joylashtiramiz. Buning uchun quyidagi amallarni bajaring:

1. Yaratilgan veb-saytni oching.
2. Ochiq bosh sahifa paneldagi index.htm fayl nomini ikki marta bosish orqali Papkalar ro'yxati(Papkalar ro'yxati).
3. Menyuda Kiritish(Qo'shish) buyrug'ini tanlang Chizma Rasmlar(Klip Art). FrontPage dasturi oynasida panel paydo bo'ladi Rasm kiritish(Klip qo'yish).
4. Ushbu paneldan buyruqni tanlang Rasmlar to'plami(Media galereyasi). Grafik tasvirni tanlash imkonini beruvchi dialog oynasi ochiladi (15.8-rasm).

Guruch. 15.8.

Muloqot oynasining yuqori qismida oynada ko'rsatilgan ob'ektlarni ko'rsatishni, shuningdek, ob'ektlarni nusxalash va o'chirishni boshqaruvchi tugmalardan tashqari, tayinlash tugmalari mavjud (jadvalga qarang).

1. Panel To'plamlar ro'yxati multimedia fayllari bilan kompyuteringizning papkalarini, shuningdek Clip Art kutubxonasi rasm fayllarini o'z ichiga oladi. Sizni qiziqtirgan rasmlar toifasi papkasini oching. Ushbu toifadagi rasmlar oynaning ish maydonida paydo bo'ladi. Kursorni rasmga qo'yganingizda, tasvirning nomi, o'lchami va undagi faylni, shuningdek, grafik tasvirning formatini ko'rsatadigan maslahat ko'rinadi (15.9-rasm).

1. Tanlangan rasmning o'ng tomonidagi o'q tugmasini bosing. Kontekst menyusi paydo bo'ladi.
2. Kontekst menyusidan buyruqni tanlang Nusxalash(Sora).
3. Veb-sahifaga o'ting va istalgan qulay vositadan foydalanib, buferdagi rasmni unga joylashtiring. Masalan, tugmalar birikmasini bosing +.
4. Tugmasini bosish orqali grafik tasvirni o'z ichiga olgan veb-sahifani saqlang Saqlash(Saqlash) standart asboblar panelida. Muloqot oynasi paydo bo'ladi O'rnatilgan fayllarni saqlash(O'rnatilgan fayllarni saqlash) (15.10-rasm), sahifaga joylashtirilgan rasmni papkada saqlashni taklif qiladi. tasvirlar Fayl kutubxonada joylashgan nom ostidagi veb-sayt. Ushbu oynada quyidagi tugmalar mavjud:
   • Nomini o'zgartirish(Nomini o'zgartirish) - fayl nomini o'zgartirish imkonini beradi.
   • Jildni o'zgartirish(Papkani o'zgartirish) - dialog oynasini ochadi Jildni o'zgartirish Joriy veb-sayt papkalarini o'z ichiga olgan (Papkani o'zgartirish), faylni saqlash uchun boshqa papkani tanlash imkonini beradi.
   • Harakat(Set Action) dialog oynasini ochadi Harakat vazifasi, qiymatini o'zgartirishga imkon beradi Saqlash Harakat ustunini quyidagiga saqlang Saqlamang(Qiymatni tanlashda saqlamang). Saqlash Chizma siz ko'rsatgan veb-sayt papkasida saqlanadi, aks holda veb-sahifada Clip Art kutubxonasida joylashgan rasmga havola bo'ladi.

Mintaqa Chizma(Rasmni oldindan ko'rish) joylashtirilayotgan tasvirni ko'rsatadi. Muloqot oynasida sozlash orqali O'rnatilgan fayllarni saqlash kerakli parametrlar uchun tugmani bosing KELISHDIKMI. Grafik fayl siz ko'rsatgan veb-sayt papkasida saqlanadi.

Guruch. 15.10.

Fayldan grafik tasvirni joylashtirish

Biz Clip Ait kutubxonasidan grafik tasvirni veb-sahifaga joylashtirishni ko'rib chiqdik. Fayldan grafik tasvirni sahifaga joylashtirish uchun quyidagilardan birini bajaring:

• Menyuda Kiritish(Qo'shish) buyrug'ini tanlang Chizma(Rasm), so'ngra ochilgan pastki menyuda - variant Fayldan(Fayldan)
• Tugmani bosing Fayldan rasm qo'shing(Fayldan rasm qo'shish) standart asboblar panelida
• Tugmani bosing Fayldan rasm qo'shing Asboblar panelida (Fayldan rasm qo'shish). Chizmalar(Rasmlar)

Ushbu amallardan birini bajarganingizda, dialog oynasi ochiladi Chizma(Rasm) (15.11-rasm). Ushbu oynadan foydalanib, kerakli grafik faylni toping va tugmani bosing va uni Web-sahifaga joylashtiring Kiritish(Qo'shish). Muloqot oynasi yopiladi va rasm sahifaga joylashtiriladi.

Guruch. 15.11.

Rasm xususiyatlarini sozlash

Rasmni Web-sahifaga joylashtirgandan so'ng, muloqot oynasi yordamida uning xususiyatlarini sozlashingiz kerak Rasm xususiyatlari(Rasm xususiyatlari) (15.12-rasm). Uni ochish uchun rasmni bosing va keyin quyidagilardan birini bajaring:

• Menyuda Format(Format) buyrug'ini tanlang Xususiyatlari(Xususiyatlar)
• Jamoa tanlang kontekst menyusi Rasm xususiyatlari(Rasm xususiyatlari)
• Tugmalar birikmasini bosing +

Muloqot oynasi Rasm xususiyatlari uchta yorliqdan iborat: General(Umumiy), Video yozib olish(Video) Ko'rish(Tashqi ko'rinish). Keling, ushbu displey oynasidan foydalangan holda sozlash variantlarini batafsil ko'rib chiqaylik.