css3da fon rang va rangli tasvirlar bilan ishlash qoidalari

DOC 157.0 KB Free download

Page preview (5 pages)

Scroll down 👇
1
1523204727_70868.doc css3da fon rang va rangli tasvirlar bilan ishlash qoidalari rеja: 1. web sahifa yaratishda css da asosiy fon va rang uchun javob beradigan stil xususiyatlari 2. web sahifaga rasm qo`yish tegi va uning tavsifi; 3. css3da fon, rang va rangli tasvirlar bilan ishlashga doir misollar. css orqali web sahifa fonini o‘zgartirish va rang berish ishlarni html orqali ham qilish mumkin, lekin bu darajadagi fonlarni chiqarish qiyinchilik tug‘diradi. shuning uchun web sahifa yaratishda html gippermatn tili va css stil xususiyatilari aralashtirib ishlatiladi, shu tariqa birini kamchiligini biri yopadi. css da asosiy fon va rang uchun javob beradigan stil xususiyatlari quyidagilardan iborat: - color; - background-color; - background-image; - background-repeat; - background-attachment; - background-position; - background. bu stil xususiyatlarini birma-bir ko‘rib chiqamiz. color - u yoki bu elementga rang berish uchun ishlatiladi, misol uchun, hamma paragraf teglari qizil rangda, barcha h1 teglar qora rangda bo‘lish kerak bo‘lsa, quyidagicha stil beriladi. rang_1 …
2
olga e'tibor bergan bo‘lsangiz, kichik rasmlar yuqori chap burchak bo‘lab qaytarilib takrorlanmoqda va shu tariqa butun web sahifa foni rasmga to‘lmoqda. background-repeatshu qaytarilishni boshqara oladi. bu stil xususiyatining quyidagi qiymatlari mavjud: background-repeat: repeat-x; - gorizontal bo‘yicha qaytarilish. background-repeat: repeat-y; - vertikal bo‘yicha qaytarilish. background-repeat: repeat; - vertikal va gorizontal bo‘yicha qaytarilish. background-repeat: no-repeat; - qaytarilishni amalga oshmaydi. bunday xususiyatlar html gippermatn tilida mavjud emas. keling misol ko‘ramiz, body { background-image: url(bum.jpg); background-repeat: repeat-x;} fon sifatida tanlangan rasm, faqat gorizontal bo‘yicha takrorlanadi. background-attachment- agar fon sifatida rasm bo‘lsa, bu stil xususiyati o‘rnatiladi. bunda, agar sahifada o‘tkazgich(prokrutka)bo‘lsa, fon rasmi ham o‘tish kerak yoki fon rasmi sahifaga qotirib qo‘yilishi kerakligi ko‘rsatiladi. qiymatlari: scroll - fon sifatida o‘rnatilgan rasm, veb sahifa oynasi bilan birga o‘tadi(prokrutka). fixed- fon sifatida o‘rnatilgan rasm, veb sahifa oynasiga qotirib qo‘yilgan bo‘ladi va o‘zgarmaydi. body { background-image: url(bum.png); background-repeat: no-repeat; background-attachment: scroll;} background-position- fon sifatida tanlangan rasmni pozitsiyasini o‘rnatadi, ya'ni …
3
iy, hamma xarakteristikalarni ishlatish uchun foydalaniladi, ya'ni background-color, background-image, background-repeat, background-attachment, background position stil xususiyatlarini bitta shu stil orqali ishlatish mumkin, ya'ni body { background-color: #ffee8c; background-image: url(bum.png); background-repeat: no-repeat; background-attachment: fixed; background-position: top right;} sahifamizga rasm qo‟yish uchun nomli teg bizga yordam beradi. ammo birgina shuni o‟zi hech narsani hal etmaydi, buning uchun qo‟shimcha attribut kodlari kerak. attribut bu – teg uchun yordamchi kodlar hisoblanadi. masalan bu matn abzasi bo‟lsa , esa abzasdagi matnni o‟ng tomonga joylaydi. bunda , align="right" qo‟shimcha kod yoki attribut deyiladi. eslatma: attribut – bu teg uchun yordamchi kod. biz tegini sahifamizga qo‟ysak hech qanday rasm ko‟rinmaydi. chunki, biz hali qaysi rasmni qo‟yish haqida sahifada hech bir kod yozmadik. demak , biz rasmni manzilini va uning nomini yozishimiz ham kerak. buning uchun, deb kiritamiz. demak biz src nomli attributdan foydalandik. keling, endi saytimizga birorta rasm qo‟ysak:bu saytni yangi papka ichiga joylashtirsak qulay bo‟ladi. shuning uchun, …
4
ligini aniqlaymiz. saytimizdagi rasmni kattaligini ham biz teg (kod) orqali boshqara olamiz. aytaylik, siz ushbu qo‟ygan rasmni kichikroq bo‟lishini istaysiz. buning uhcun bizga atribut (yordamhi teg) lozim. buning uchun width va height nomli attributlar yoziladi. bularni sahifada yozilishi quyidagicha : www.qalam.uz – sayt ochish, dizayn va grafika, darslar width="200" bu rasmning eni 200 piksel bo‟lishi kerakligini bildiradi, bu yerga istagan sonni kiritish mumkin. height="180" bu rasmning bo‟yi 180 piksel bo‟lishi kerakligini bildiradi, bu yerga am istagan sonni kiritish mumkin. elsatma, kompyuterda rasmning eni va bo‟yi odatda piksel kattaligida o‟lchanadi. ya‟ni 1 piksel bu komputer ekranidagi eng kichik nuqta. 1 sm uzunlikda o‟rtacha 32 piksel mavjud. adabiyotlar: 1. кarimov i.a. “yuksak ma’naviyat – yengilmas kuch” toshkent ma’naviyat 2008 yil 2. abduqodirov a. va boshqalar. informatika va hisoblash texnikasi asoslari – т.: o`qituvchi, 1996 y. 3. hoshimov o. kompyuterli va raqamli texnologiyalar. - т.: yangi asr avlodi, 2009 y. 4. usmonov r.n. …
5
css3da fon rang va rangli tasvirlar bilan ishlash qoidalari - Page 5

Want to read more?

Download the full file for free via Telegram.

Download full file

About "css3da fon rang va rangli tasvirlar bilan ishlash qoidalari"

1523204727_70868.doc css3da fon rang va rangli tasvirlar bilan ishlash qoidalari rеja: 1. web sahifa yaratishda css da asosiy fon va rang uchun javob beradigan stil xususiyatlari 2. web sahifaga rasm qo`yish tegi va uning tavsifi; 3. css3da fon, rang va rangli tasvirlar bilan ishlashga doir misollar. css orqali web sahifa fonini o‘zgartirish va rang berish ishlarni html orqali ham qilish mumkin, lekin bu darajadagi fonlarni chiqarish qiyinchilik tug‘diradi. shuning uchun web sahifa yaratishda html gippermatn tili va css stil xususiyatilari aralashtirib ishlatiladi, shu tariqa birini kamchiligini biri yopadi. css da asosiy fon va rang uchun javob beradigan stil xususiyatlari quyidagilardan iborat: - color; - background-color; - background-image; - background-repeat; - background-attachment;...

DOC format, 157.0 KB. To download "css3da fon rang va rangli tasvirlar bilan ishlash qoidalari", click the Telegram button on the left.

Tags: css3da fon rang va rangli tasvi… DOC Free download Telegram