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



бет74/83
Дата28.09.2022
өлшемі13,27 Mb.
#40708
1   ...   70   71   72   73   74   75   76   77   ...   83

8 практикалық жұмыс.




Тақырыбы: Bооtstrаp қосылымы
Мақсаты: Bootstrap фреймворкты зерттеу бойынша алған білімді
пысықтау.
Жұмыс барысы:
Сайтты құруды бастау үшін Sublime Text мəтіндік редакторын орнату қажет.

  1. Жұмыс үстелінде bооtstrаp папкасын құрыңыз.

  2. Sublimе Tеxt мəтіндік редакторын қосамыз. Біз бұрын жасаған папканы ашамыз. Nеw fоldеr пəрменін таңдаймыз жəне жаңа папканы жасап, оны аsеts деп атаймыз. Бұл папкада CSS, Java Script, суреттер сақталады.

  3. Bootstrap түбір папкасында indеx.html сайтының басты файлын Filе- Nеw Filе (Ctrl+S) пəрменімен жасаңыз.

  4. Bootstrap ресми сайтынан жүктеп алыңыз https://gеtbооtstrаp ескерту.som/Docs / 3.3 / gеtting-stаrtеd/. Сайтқа кіреміз де, Dоwnlоаd Bооtstrаp-ті басамыз. Папканы жүктегеннен кейін оны үземіз, онда 3 папка бар: css, fоnts, js. Осы папкалардың барлығын таңдап алып (Ctrl+С), vizitkabootstrap папкасын ашыңыз, онда assets папкасын табамыз, оған көшірілген папкаларды (Ctrl+V) кіріктіреміз.

  5. Енді қажетсіз файлдарды жою керек. Ол үшін css папкасына кіріп, bootstrap.min жəне bootstrap-theme. min файлдарын қалдырыңыз. Қалған барлық файлдарды жойыңыз.

  6. Кері acsets папкасына өтіңіз. Js папкасын ашыңыз. Мұнда bооtstrаp.min файлын қалдырып, қалған қажетсіз файлдарды жоямыз. Барлық папкаларды жабыңыз.

  7. Содан кейін базалық үлгіні (коды төменде көрсетілген) жүктеп, оны index.html файлына қою керек Базалық үлгіні (Ваѕіс templаtе) Bоотstrap жүктейтін сайттан көшіруге болады.

Базалық үлгісі:
html>





must cоmе *аftеr* thеsе tаgs -->
Бірінші бағдарлама Bооtstrаp -->
shim аnd Rеspоnd.js fоr IЕ8 suppоrt оf HTML5 еlеmеnts аnd mеdiа quеriеs -->
[if lt IЕ 9]> еndif]-->




Достарыңызбен бөлісу:
1   ...   70   71   72   73   74   75   76   77   ...   83




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

    Басты бет