Agarda internetda ishlagan bo'lsayiz internet sahifa nima ekanligini ko'rgansiz
Misol qilib http://www.google.com http://lms.tuit.uz.Bularning hammasi web saytdir.Ularning har bir oynchasi bir web sahifadir.Har bir internet sahifa HTML kodlari orqali yaratiladi.HTML bu Hyper Text Markup Language.Har bir sayt nomi hech qayerda qaytarilmaydi va boshqa joyda ishlatilmaydi.Bu qaytarilmas sayt nomidir.
Men savolga toliq javob berish uchun qisqacha o'zim bilgan KOTLIN va DART tillarida kichik misol keltirib o'tmoqchiman.
1-bo'lib ideamizga quidagi dependencies ni qo'shib qo'yamiz .
Bu bog'lanishni amalga oshirgandan so'ng biz controller ni yaratamiz.
IntelliJ IDEA-dan foydalanib, biz dasturni osongina ishga tushirishimiz va Tomcat, Glassfish yoki WildFly kabi aniqlangan dastur serverlarida disk raskadrovka qilishimiz mumkin.
Keyingi qadam - IntelliJ IDEA-da Tomcat / Local ostida WAR-ni o'rnatadigan va Tomcat-ni ishga tushirish konfiguratsiyasini yaratishdir.Mana kichik bir web sahifa tayyor.
Endi qisqacha DART tilida ham tuchuncha berib o'tsam.
DartPad sizga oddiy Dart veb-ilovasini HTML ga yozishga imkon beradi.
Dart veb-ilovasida Dart, HTML va (odatda) CSS kod mavjud.
Ilovani har qanday zamonaviy brauzerda ishlatish uchun veb-ilovaning Dart kodini JavaScript-ga tuzing.
DOM brauzer sahifasini daraxt / tugun shaklida tuzadi.
DOM-dan element olish uchun ID bilan querySelector () dan foydalaning.
CSS tanlagichlar bu DOM-dagi mos keladigan elementlarni tanlash uchun ishlatiladigan naqshlardir.
2. CSS da chegara hususiyatlari (border)
CSS da quidagicha chegara hususiyatlarini belgilash mumkin.
1.Chegara kengligi: chegara kengligi.
Chegara kengligi xususiyati chegara kengligini belgilaydi. Ko'pincha bu o'lcham piksellarda ko'rsatilgan bo'ladi. Siz barcha to'rt chegaralar uchun bir xil yoki turli xil kengliklarni belgilashingiz mumkin, masalan:
/ * barcha 4 chegara kengligi 2px: * / chegara kengligi: 2px; / * yuqori va pastki chegaralar kengligi 2px, chap va o'ng 4px: * / chegara kengligi: 2px 4px; / * yuqori chegara - 2px, chap va o'ng - 6px, pastki - 3px: * / chegara kengligi: 2px 6px 3px; / * yuqori chegara - 2px, o'ng chegara - 3px, pastki chegara - 4px, chap chegara - 5px: * / border-width: 2px 3px 4px 5px;
2.Chegara rangi: chegara rangi.
Chegara rangi xususiyati chegaralar uchun rangni belgilaydi. Ranglarni istalgan CSS formatida ko'rsatish mumkin: kalit so'zlar bilan, o'n oltilik yoki RGB bilan - bu sizning xohlaganingizga bog'liq. Oldingi xususiyatga o'xshashlik bilan siz barcha chegaralar uchun bitta rangni belgilashingiz va har bir chegara uchun turli xil ranglarni tanlashingiz mumkin.
Chegara uslubidagi xususiyat tufayli siz oddiy chegaradan nuqta, ikki tomonlama, uch o'lchovli chegarani yasashingiz mumkin - juda ko'p turli xil usullar mavjud.
CSS-da qo'shimcha chegara xususiyatlaridan foydalangan holda siz har bir blok chegarasini alohida-alohida o'zgartirishingiz mumkin. Bunda sizga quyidagi xususiyatlar yordam beradi:
HTML da video bilan ishlashda bizga video tegi yordamga keladi.Uni quidagicha yaratib olamiz:
Media fragmentlar ham bizga asqotadi
Mediani URL manziliga qo'shib, siz xohlagan aniq qismini ko'rsatishingiz mumkin. Mediyani qo'shish uchun shunchaki media URL-ga # t = [start_time] [, end_time] qo'shasiz. Masalan, 10 dan 20 sekundgacha bo'lgan videoni ijro etish uchun quyidagilarni belgilashingiz mumkin:
Endi Atributlarga to'xtalsak.
Atributlar:
Autoplay*-Brauzerga videoni darhol yuklab olishni boshlashi va iloji boricha tezroq ijro etishini taminlaydi.
Muted*-Videoning ovozini o'chiradi
Loop*- Brauzerga videoni avtomatik ravishda ko'chirib olishni aytadi
Height & width*- balandligi va kengligi CSS piksellarida video kengligi va balandligini o'rnatadi