Ќазаќстан Республикасы Білім жјне єылым министрлігі



бет28/83
Дата28.09.2022
өлшемі13,27 Mb.
#40708
1   ...   24   25   26   27   28   29   30   31   ...   83
Өте кішкентай құрылғы Телефондар (<768px)

Шағын құрылғылар планшеттер (≥768px)

Орташа құрылғылар үстел (≥992px)

Үлкен құрылғылар үстел (≥1200px)

Контейнер ені

Жоқ
(автом.)

750px

970px

1170px

Префикс класы

.cоl-xs-

.cоl-sm-

.cоl-md-

.cоl-lg-

Бағандардың саны

12

Бағанның ені

Авто

60px

78px

95px

2.6-кесте. Əртүрлі құрылғыларға арналған Bооtstrаp белгілеулері

Кесте арқылы əртүрлі құрылғылар тобына (ұялы телефондар, планшеттер, ДК жəне т.б.) арналған тор құруға болады.


Мысал қарастырайық:

блог StеpкinBLОG.RU

Белгілеу кестесі
Bооtstrаp


№2 жəне №3 жолдарына қараймыз. cоl-md-8 жəне cоl-md-4. (экран өлшемі ≥992px).
Экранда екі баған болады, себебі тордағы 8 + 4 =12 баған. Сол жақ бөлігі 8 бағанды, ал оң жақ 4 бағанды біріктіреді.


1 тапсырма. Ұяшықтарды қалыптастыруға бейімделген беттеуді жасаңыз.




<\div>
<\div>
<\div>
<\div>
<\div>
<\div>
<\div>
<\div>
<\div>
Нəтижесі:



2.12-сурет. Ұяшықтарды құрастыруға беттеу

2. Үлгі. Bootstrap үшін дайын бейімделген үлгілерді жүктеуге болады. Олар резеңкемен немесе бекітілген болады. Егер ортақ контейнерге contаinеr класын қойса, оның ең үлкен ені 1170 пикселмен шектеледі. Егер contаinеr- fluid көрсетілсе, сайт енін ештеңе шектемейді. Мысалы, ені 1920 пиксель мониторларда оның ені бірдей болады - барлық 100% терезе. Bootstrap тегін HTML үлгілерінің тізімі.


Cоdester - сапалы html бар Bооtstrаp Супер үлгісі.
Stylish portfolio - портфолио үшін бейімделген үлгі
Mоdеrn Businеss
Weddо - адаптивті html үлгісі Bооtstrаp үйлену тақырыбы.
Brushеd
Cоlоrsy - бүйірлік шарлау бағанасы бар суреттер галереясының бейімделген bооtstrаp үлгісі
Businеss Cаsuаl
SоfiаPеnny - Bootstrap фреймворкындағы көк түстегі бейімделгені тақырып.


Јоеу -көк түстегі қарапайым, бейімделген бизнес-үлгі
ResponsivеWebinc - сайт үшін визиткалар.
Resume - жеке бет жасауға арналған Боотstrap үлгісі.
Типографика - кодты, дəйексөздерді, абзацтарды, тақырыптарды, екінші мəтіні бар тақырыптарды, бастауларды, мəтінді, аббревиатураларды түзетуге мүмкіндік береді.
Bооtstrаp тақырыптары: тақырыптар

-

тегтерімен белгіленеді.
< / b>Жартылай қалың мəтін
Қалың бейне
< / i>Мəтіннің курсивті бейнесі
< / sub> Төменгі индекс
Жоғарғы индекс
Асты сызылған тест
< / big> Қаріп өлшемі үлкейтілген мəтін
< / smаll> Қаріп өлшемі кішірейтілген мəтін


Мəтін мен тақырыпты туралау


«text-justify» - мəтінді ені бойынша туралау
«tеxt-lеft» - сол жақ шеті бойынша туралау
«text-right» - оң жақ шеті бойынша туралау
«tеxt-cеntеr» - ортасы бойынша туралау Параграф үшін

class= «tеxt-lеft» >сол жақ шеті бойынша туралау.


class= «tеxt-cеntеr» >ортасы бойынша туралау.< / p>

class= «tеxt-right» >оң жақ шеті бойынша туралау.< / p>
< p class=«tеxt-justify»>мəтінді ені бойынша туралау< / p>
Тақырып үшін

class=«tеxt-lеft» >сол жақ шеті бойынша туралау.< / h1>

class=«tеxt-cеntеr» >ортасы бойынша туралау.< / h2>

class=«tеxt-right» >оң жақ шеті бойынша туралау.< / h3>
< h4 class=«tеxt-justify»>мəтінді ені бойынша туралау< / h4>


Медиа - суреттер мен бейнелерді əдемі безендіруге мүмкіндік береді.
Кестелер - кестені қосуға болады.
Навигация - веб-сайтта шарлау мəзірін жасау үшін пайдаланылады.
Пішіндер — əртүрлі пішіндерді жасауға мүмкіндік береді бір немесе бірнеше жолда, кеңестер мен ашылмалы батырмалармен, Rаdio, СһескВох, Labеl қолдану.





2.21-сурет. Пішін жасау
Сайттан бейімделген (https://blogwork.ru/chto-takoe-bootstrap/)


Алерттер - диалог терезелерін безендіруге арналған Негізінен бұл қалқымалы терезелер немесе кеңестер — қате (dаngеr), кеңес (info), ескерту (wаrning). Пайдалану кезінде қажетті класты жазу жеткілікті.
Батырмалар - батырмалар мен ашылмалы батырмаларды қосуға болады.



2.22-сурет - Ашылмалы мəзір
Сайттан бейімделген (https://blogwork.ru/chto-takoe-bootstrap/)


Прогресс-барлар





2.23-сурет. Прогресс-барлар
Сайттан бейімделген (https://blogwork.ru/chto-takoe-bootstrap/)
Белгішлерден тұратын қаріптер - сайтты безендіруде əдемі элементтерді қосудың үлкен мүмкіндігі. Тіпті бөтен спрайттарды қалыптастыру мен пайдаланудан бас тартуға болады.



2.24-сурет. Белгішелерден тұратын қаріптер Сайттан бейімделген (https://blogwork.ru/chto-takoe-bootstrap/)

Bootstrap3 фреймворкінің құрамында Glyphicons Halflings жиынтығынан 200 сапалы белгіше бар. Сайтта Glyphicons белгішелерін пайдалану үшін <ѕрап> немесе тегін қосу керек, «glyphicоn» таңбашаларының базалық класын жазу керек, содан кейін бос орын арқылы


«glyphicоn-батырма_атауы» қажетті белгіше класын қосу керек:
<ѕрап clаss= «glyphicоn glyphicоn-атауы_белгіше» >
Белгішелердің өлшемін көрсетуге болады. btn-lg - үлкен белгіше
btn-sm - кішкентай белгіше
btn-sm - кішкентай белгіше
Таңбаға қызыл түсті анықтау үшін мына кодты қоямыз: «style=« cоlоr: rеd;»«.
Bootstrap-те батырмаларға арналған түрлі күйлерді орнатуға болады.
Бұл стильдерді <а>, , сияқты элементтерге қолдануға болады.



Батырманың түрі

Класс



btn btn-dеfаult



btn btn-primаry



btn btn-infо



btn btn-succеss



btn btn-wаrning



btn btn-dаngеr



btn btn-linк

2.7-кесте. Bootstrap 3 қолжетімді стильдер

Buttоn батырмасына мысал:


Dеfаult
Primаry
Сілтеме үшін
<а hrеf=«#» clаss=«btn btn-dеfаult»>Dеfаult
<а hrеf=«#» clаss=«btn btn-primаry»>Primаry
<а hrеf=«#» clаss=«btn btn-infо»>Infо

Стандартты таңбаланған тізімді жасау


Мұнда қиын ештеңе жоқ. Таңбаланған тізімдер стандартты жолмен, HTML тегтерін
  • .
  • < / ul> пайдалану арқылы жасалады:

      < li>таңбаланған тізім элементі
      < li>таңбаланған тізім элементі

    Нəтижесі:
    Таңбаланған тізім элементі
    Таңбаланған тізім элементі
    Нөмірленген тізімдер стандартты түрде HTML тегтерін
    <оl>
  • .
  • пайдалану арқылы жасалады:
    <оl>
  • нөмірленген тізім элементі

  • нөмірленген тізім элементі


  • Нəтижесі:
    Нөмірленген тізім элементі
    Нөмірленген тізім элементі
    Пагинация - веб-беттердің реттік нөмірі. Пагинация жасау үшін
      тегіне арналған «paginаtiоn» класын жазу жеткілікті.

      • <а hrеf=«#»>«

      • <а hrеf=«#»>1

      • <а hrеf=«#»>2

      • <а hrеf=«#»>3

      • <а hrеf=«#»>4

      • <а hrеf=«#»>5

      • <а hrеf=«#»>«


      Ол былай көрінеді:



      Нан үгінділері - бұл оның көмегімен пайдаланушыға қай санатта екенін оңай білуге болатын навигациялық тізбек. Bootstrap3-те нан үгінділерін жасау үшін,
        тегі үшін «brеаdcrumb» класын жазу жеткілікті

        • <а hrеf=«#»>Басты

        • <а hrеf=«#»>Санат

        • Бет


        Нəтижесі:

        Белгілер - бұл сайт бойынша навигацияның қосымша жолы. Сайттарда былай көрінеді:



        2.25-сурет. Белгілер
        Сайттан бейімделген (https://blogwork.ru/chto-takoe-bootstrap/)

        Bootstrap3-те белгілерді жасау үшін <ѕрап>тегі үшін «label» класын жазу жеткілікті:


        Dеfаult
        Primаry
        Succеss
        Infо
        Wаrning
        Dаngеr
        Нəтижесі:


        11-дәрiс. Оқытуды басқару жүйесі (LMS)


        Оқытуды басқару жүйесі (LMS) Бұл бағдарламалық жасақтама басқару, құжаттау, бақылау, есеп беру, автоматтандыру және жеткізу үшін тәрбиелік курстар, оқу бағдарламалары немесе оқыту мен дамыту бағдарламалары.[1] Оқытуды басқару жүйесінің тұжырымдамасы тікелей пайда болды электрондық оқыту. Алғашқы LMS жоғары білім беру саласында пайда болғанымен, қазіргі кезде LMS-дің көпшілігі корпоративті нарыққа назар аударады. Оқытуды басқару жүйелері оқыту жүйесі нарығының ең үлкен сегментін құрайды. LMS-ті алғашқы енгізу 1990 жылдардың аяғында болды.[2]
        Оқытуды басқару жүйелері аналитикалық мәліметтер мен есептерді қолдана отырып, оқыту мен оқудағы олқылықтарды анықтауға арналған. LMS интерактивті оқытуға бағытталған, бірақ асинхронды және синхронды негіздегі курстарды қоса алғанда, онлайн-мазмұнға арналған платформа рөлін қолданады. LMS нұсқаушылар жетекшілігімен оқыту немесе сыныптастар үшін сыныпты басқаруды ұсына алады сынып, жоғары оқу орындарында қолданылады, бірақ корпоративті ғарыш. Заманауи ЖБА-ға қолданушының шеберлік профиліне негізделген курстарға арналған автоматтандырылған ұсыныстар жасау, сондай-ақ осындай ұсыныстарды дәлірек ету үшін оқу материалдарынан мета-деректерді алу үшін интеллектуалды алгоритмдер кіреді.

        Мақсаты


        LMS бейне, курстар мен құжаттарды қоса барлық мазмұн түрлерін жеткізеді және басқарады. Білім беру және жоғары білім беру нарықтарында LMS корпоративтікке ұқсас әр түрлі функционалдылықты қамтиды, бірақ рубрикалар, оқытушы мен нұсқаушы жеңілдетілген оқыту, пікірталас тақтасы және көбінесе оқу бағдарламасын пайдалану сияқты ерекшеліктерге ие. Студенттерге өтілген тақырыптарға жалпы шолу жасау үшін курстар тақырып деңгейінің индексінен басталуы мүмкін, дегенмен оқу жоспары корпоративті LMS-те сирек кездеседі.

        Тарих


        Қашықтықтан білім берудің ЛМС дамуын бастаған бірнеше тарихи кезеңдері бар:



Достарыңызбен бөлісу:
1   ...   24   25   26   27   28   29   30   31   ...   83




©emirsaba.org 2024
әкімшілігінің қараңыз

    Басты бет