|
Kommunikatsiyalarini rivojlantirish vazirligi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti farg
|
bet | 10/15 | Sana | 13.06.2024 | Hajmi | 1,37 Mb. | | #263484 |
Bog'liq Web dasturlash
Avvalo, loyiha uchun kichik veb-sayt tayyorlaymiz. Loyiha papkasida siz diqqatga sazovor nomlarga ega ikkita katalog yaratishingiz kerak "js" Va "css" Va bo'sh fayl index.html . Kod juda sodda bo'ladi, shunda ish haqida aniq tasavvur paydo bo'ladi va keyingi rivojlanish uchun nuqta bor.
Quyida bizning HTML faylimiz uchun kod mavjud. Bo'limda bosh biz 3 ta skriptni o'z ichiga olamiz. Asosiy jQuery skripti Google Code serveridan yuklanadi. shakllantirish uchun asosiy xususiyatlarni o'z ichiga olgan style.css faylimiz ham kiritilgan ko'rinish bizning hujjatimiz.
Ha ha. Aynan men.
Meni ham sudrab olish mumkin
( zIndex: 200, shaffoflik: .9 )
P.S. Meni istalgan joyga tashlab yuborishingiz mumkin!
Bo'lim ichida tanasi faqat ikkita blok div, ular ikkala to'rtburchakni ham o'z ichiga oladi. Kod juda oddiy va tushunarli. Har bir to'rtburchak ichiga sinflari bo'lgan sarlavhalar joylashtirilgan. ishlov beruvchi Va ishlov beruvchi 2. Bu juda muhim, chunki har bir to'rtburchak sudrab olib borishda o'zini boshqacha tutadi.
CSS ni o'rnatish
HTML kodi juda oddiy. Agar siz asosiy belgini tushunsangiz, unda css uslublari ham qiyin bo'lmaydi. U asosan chekkalarni, to'ldirishni va ranglarni belgilaydi.
Body,html (shrift-family:Calibri, sans-serif; fon:#eaf3fb; font-size:12px; balandlik:1000px; line-height:18px; ) p (balandlik:30px; )
Selektorlar tana, html faqat demo sahifasi uchun ishlatiladi. Va barcha tarkib ikkita tortiladigan to'rtburchaklar ichiga joylashtirilgan.
Dv1 (kenglik:200px; fon rangi:#eff7ff; chegara: 1px qattiq #96c2f1; pozitsiya: mutlaq; chap: 100px; tepa: 100px; ) .dv1 h2 (fon rangi: #b2d3f5; toʻldirish: 5px; shrift- oila:Gruziya, "Times New Roman", Times, serif; shrift o'lchami: 1,0em; matnni o'zgartirish: katta harf; shrift-og'irligi: qalin; rang: #3a424a; chekka: 1px; kursor: siljitish; ) .dv1 div ( padding:5px; margin-bottom:10px; ) .dv2 (fon rangi:#f6ebfb; chegara: 1px qattiq #a36fde; kenglik: 550px; pozitsiya: mutlaq; kursor: siljitish; chap: 400px; tepa: 230px; ) .dv2 h2 (fon rangi:#eacfe9; harflar oralig‘i:-0,09em; shrift o‘lchami:1,8em; shrift og‘irligi: qalin; to‘ldirish:15px; chekka:1px; rang:#241f24; kursor:ko‘chirish; ) .dv2 .content2 ( toʻldirish: 5px; pastki chet: 10px; )
.dv1 va .dv2 sinflari uchun biz mutlaq joylashishni aniqlashdan foydalanamiz. Bu kerak emas va, ehtimol, eng ko'p emas Eng yaxshi yo'l sudrab olinadigan to'rtburchaklarni joylashtirish uchun. Biroq, bizning misolimiz uchun, bu joylashishni aniqlash mantiqiy, chunki sahifa har safar yangilanganda, to'rtburchaklar ma'lum joylarga o'rnatiladi.
Bundan tashqari, farqni ko'rishni osonlashtirish uchun to'rtburchaklar uchun shriftlar va ranglar boshqacha.
Aks holda, bloklarning sarlavhalari va mazmuni deyarli bir xil. Agar siz loyihangizga uslublardan nusxa ko'chirmoqchi bo'lsangiz, ishga tushirishdan oldin nomlarni o'zgartiring. Ba'zi hollarda sinflar o'rniga identifikatorlardan foydalanish mantiqiyroq bo'ladi, masalan, bitta blok uchun sudrab olib tashlash texnikasidan foydalanganda.
|
|
Bosh sahifa
Aloqalar
Bosh sahifa
Kommunikatsiyalarini rivojlantirish vazirligi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti farg
|