ម៉ូតបង្អួចខាងក្នុង: គោលបំណងនិងការប្រើប្រាស់

នេះគឺជាម៉ូតបង្អួចខាងក្នុងហើយហេតុអ្វីបានជាតើអ្វីជាចាំបាច់? តើអ្វីទៅជាសមាសភាគ, លក្ខណៈពិសេស, គុណសម្បត្តិនិងគុណវិបត្តិរបស់វា? សញ្ញាណនៃ "បង្អួចម៉ូត" នេះត្រូវបានប្រើក្នុងចំណុចប្រទាក់អ្នកប្រើនេះ។ ជាញឹកញាប់វាអាចត្រូវបានប្រើដើម្បីគូរយកចិត្តទុកដាក់ទៅនឹងព្រឹត្តិការណ៍សំខាន់មួយចំនួន។ បង្អួចម៉ូតត្រូវបានប្រើដើម្បីបញ្ចូលព័ណាមួយទិន្នន័យ, ផ្លាស់ប្តូរការកំណត់។ ពួកគេបានរារាំងលំហូរការងាររបស់អ្នកប្រើ, ដរាបណាបញ្ហាឬសកម្មភាពមិនត្រូវបាននាំយកមកដល់ទីបញ្ចប់មួយ។ បង្អួចផងដែរត្រូវបានប្រើដើម្បីអភិវឌ្ឍទំព័របណ្ដាញ។

តើនេះជាអ្វី

បានយ៉ាងងាយស្រួលអាចប្ដូរតាមបំណងនិង ការរចនាប្រែប្រួលបាន, នេះគឺជាអ្វីដែលផ្តល់នូវការពេញនិយមនាពេលបច្ចុប្បន្ននេះខាង។ បង្អួចម៉ូតរូបរាងនៃការដែលអាចត្រូវបានប្រើដើម្បីបង្កើតតំបន់បណ្ដាញជួយរូបភាពបង្ហាញ, វីដេអូ, និងធាតុផ្សេងទៀត។ បង្អួចលេចឡើង ត្រូវបានបង្កើតឡើងនៃផ្នែកខុសគ្នានៃការទាញយក: បឋមកថារាងកាយនិងបាតកថា។ គ្នានៃធាតុទាំងនេះមានតម្លៃរបស់ខ្លួន។ គោលបំណងសំខាន់នៃម៉ូតបង្អួចខាងក្នុង - ការប្រើប្រាស់អ្នករចនាកំពុងរីកចម្រើនក្នុងការបង្កើតទំព័របណ្តាញដោយគ្មានការសរសេរកូដបន្ថែម។ បង្អួចម៉ូត - ប្រភេទមួយនៃធុងដែលបង្ហាញមាតិកាដែលបានសរសេរ។ ជាមួយនឹងការគ្រាប់បាល់បញ្ចូលទីសមាសភាគដោះស្រាយម៉ូតរង្វង់ធំ។

តើធ្វើដូចម្តេចដើម្បីធ្វើឱ្យ?

ការបង្កើតម៉ូតបង្អួចមួយព្រមទាំងការត្រួតពិនិត្យរបស់វាត្រូវបានអនុវត្តដោយប្រើវិធីសាស្រ្ត JavaScript, ទិន្នន័យនិង CSS ។ ជាដំបូងយើងត្រូវការដើម្បីធ្វើឱ្យប្លង់មួយ។ វាមានបឋមកថាស៊ុមមួយមាតិកាសំខាន់និងបាតកថា។ ធាតុដែលបានទាមទារនៅទីនេះ - បន្ទប់ក្រោមដី (ប្លុក) និងគ្រោងឆ្អឹងមួយ។ បន្ទាប់ពីការសម្គាល់តម្រូវការដើម្បីផ្លាស់ទីទៅការអនុវត្តនៃការហៅបង្អួចម៉ូតមួយ។ ជាញឹកញាប់វាត្រូវបានហៅបន្ទាប់ពីផ្ទុកទំព័របណ្ដាញនិងចុចប៊ូតុងសមរម្យ។ ការអំពាវនាវនេះត្រូវបានធ្វើឡើងដោយការប្រើទិន្នន័យនិង JavaScript ។ បិទបង្អួចបញ្ចប់ភារកិច្ចម៉ូតខាងក្នុងនិងរក្សាទុកបានបង្កើតពីមុននោះ។

សូមចងចាំថាបង្អួចម៉ូតមានលក្ខណៈផ្ទាល់របស់វា។ ដើម្បីបើកបង្អួចម៉ូតច្រើនអ្នកត្រូវតែសរសេរកូដបន្ថែម។ ទីតាំង html កូដគឺល្អបំផុតនៅកំពូលនៃឯកសារបន្ទាប់ពីស្លាករាងកាយ។ នេះអាចជួយក្នុងការរក្សាមុខងារនិងរូបរាងនៃបង្អួច។ នៅលើឧបករណ៍ចល័ត, មានការព្រមានដែលពាក់ព័ន្ធនឹងការប្រើប្រាស់នៃសមាសភាគ "បង្អួចម៉ូត" នេះ។ ពួកគេបានកំណត់ការប្រើប្រាស់ពេញលេញរបស់ខ្លួន។ ចាប់ផ្ដើម 3 អនុញ្ញាតឱ្យអ្នកលៃតម្រូវទំហំបង្អួចនិងការប្រើប្រាស់នៃក្រឡាចត្រង្គ។

សមាសភាគ

មុនពេលចាប់ផ្តើមការងារជាមួយ Bootstrap, អ្នកត្រូវយល់ពីអ្វីដែលវាមាន។ កម្មវិធីនេះមានរួមបញ្ចូលទាំងសំណុំនៃឧបករណ៍ដែលផលិតឡើងដោយត្រៀមខ្លួនជាស្រេចដែលត្រូវបានប្រើដើម្បីបង្កើតនេះត្រូវបានគេហទំព័រមួយ។ រចនាប័ទ្មរួចរាល់ហើយ JavaScript, CSS និង HTML កសាងក្រឡាចត្រង្គប្រែប្រួលបាន, ប៊ូតុងបង្ហាញម៉ឺនុយរូបតំណាងនិងគន្លឹះផ្សេងទៀត។ នេះជាកម្មវិធីមូលដ្ឋានដែលត្រូវការសម្រាប់រចនាប័ទ្មប្លង់។ អាចរកបាននៃរចនាប័ទ្មសម្រាប់បោះពុម្ពអត្ថបទនិងអនុញ្ញាតឱ្យរៀបចំកម្មវិធីរុករកដើម្បីបោះពុម្ពទំព័រនិងធ្វើឱ្យការរចនាអត្ថបទនៃមាតិការបស់តំបន់បណ្ដាញនេះ។ អ្នកអាចបង្កើតសំណុំបែបបទប៊ូតុងនិងធាតុផ្សេងទៀតដោយប្រើសមាសភាគ Bootstrap ។ កម្មវិធីនេះមានសំណុំពេញលេញមួយនៃឧបករណ៍ដើម្បីដាក់យ៉ាងងាយស្រួលនិងយ៉ាងលឿនទំព័រសម្រាប់ឧបករណ៍ចល័ត។ ចាប់ផ្ដើមត្រូវបានបង្កើតឡើងពីភាពខុសគ្នានៃសមាសភាគផ្សេងទៀតព្រមទាំង JavaScript ។ ធ្វើជាម្ចាស់សូម្បីតែពួកគេសាមញ្ញគ្រប់គ្រាន់សម្រាប់ការចាប់ផ្តើម។ នៅក្នុងទ្រឹស្តីដើម្បីយល់ពី "Bustrap" ការលំបាកដោយស្មើភាពក្នុងការមូលដ្ឋានកម្មវិធី។ នៅក្នុងការអនុវត្តនេះងាយស្រួលក្នុងការអភិវឌ្ឍនៃការរចនាម៉ូដនិង coder មុនអរគុណចំពោះសមាសភាគដែលសាងសង់ជាច្រើន។

លក្ខណៈពិសេស

ម៉ូតចាប់ផ្ដើមបង្អួចគុណសម្បត្តិពិសេសមាន។ ដោយមានជំនួយពីប្លង់ទំព័រសម្រាប់តំបន់អភិវឌ្ឍន៍ឆ្លងកាត់នៅល្បឿនខ្ពស់។ បង្អួចនេះរួមបញ្ចូលទាំងសំណុំធំមួយនៃធាតុនិងដំណោះស្រាយ។ ដោយសារតែតំបន់ខាងក្នុងដែលជាកំណើនអាដាប់ធ័រ។ កបខ័ណ (ផ្នែកទន់) គឺសមរម្យសម្រាប់កម្មវិធីរុករកទាំងអស់និងត្រូវបានបង្ហាញត្រឹមត្រូវនៅក្នុងពួកគេ។ ម៉ូតនេះគឺជាបង្អួចដែលងាយស្រួលក្នុងការប្រើ។ ចាប់ផ្ដើមអនុញ្ញាតឱ្យអ្នកបង្កើតទំព័របណ្ដាញ, សូម្បីតែសម្រាប់អ្នកចាប់ផ្តើមដំបូងដែលមានចំណេះដឹងជាមូលដ្ឋាននៃ HTML និង CSS ។

វាមានលក្ខណៈពិសេសម៉ូតមួយដែលបង្អួចដែលអ្នកប្រើអាចសម្របខ្លួនបានយ៉ាងងាយស្រួលទៅវា។ ឧទាហរណ៍មនុស្សជាច្រើននៃកូដបានបញ្ចប់និងឯកសារល្អប៉ះពាល់ដល់ការអភិវឌ្ឍយ៉ាងឆាប់រហ័សនៃ Bootstrap ។ អំពីសារៈសំខាន់របស់វាដែលអាចធ្វើបាននៅលើការជ្រើសរើសប្រធានបទសម្រាប់ការធំតុបតែង។ ជាមួយនឹងបង្អួចនេះត្រូវបានគេរចនាម៉ូតប្លក, រូបភាព, ផ្នែកគ្រប់គ្រងតុលាការ, ដំឡើង Joomla ។ ចាប់ផ្ដើម - គឺជាគម្រោងកម្មវិធីបណ្តាញមួយដែលមានសមាសភាគចាំបាច់និងប្រទានឱ្យនូវពុម្ពអក្សរ ikonochnym របស់ខ្លួន។ វារួមបញ្ចូលទាំងច្រើនជាងពីររយរូបតំណាង, រួមទាំងមូលដ្ឋាន។

គុណវិបត្តិ

ម៉ូតចាប់ផ្ដើមមានបង្អួចគុណវិបត្តិរបស់វា។

• តំបន់បណ្ដាញដែលប្រើវាបាត់បង់លក្ខណៈពិសេសនៃរចនាប័ទ្មបុគ្គល។ ពួកគេបានបញ្ឈប់ការដើម្បីមានតែមួយគត់ដូចនៅក្នុងរូបរាងនិងរចនាសម្ព័ន្ធស្រដៀងគ្នាទៅគ្នាទៅវិញទៅមក។
• កង្វះនៃភាពបត់បែន; ជាញឹកញាប់ត្រូវបង្កើតស្ទីលផ្ទាល់ខ្លួនរបស់ពួកគេនិងការសម្តែងប្រតិបត្តិការមិនចាំបាច់។
• ផ្លាស់ប្តូរលេខកូដដែលបានផ្ទុកអាចមានលទ្ធផលក្នុងម៉ោងនៃការងារ។
• អ្នកប្រើប្រាស់ជាញឹកញាប់សមាសភាគខាងបានប្រើសម្រាប់គោលបំណងផ្សេងទៀត។

ប្រើឧបករណ៍ដូចជាការអភិវឌ្ឍខាងមុខនេះ។ ទោះបីជាមានកំហុសដែលនឹងត្រូវបានជាក់ស្តែងដល់អ្នកប្រើនៃក្របខ័ណ្ឌជាប្លង់ដោយប្រើប្រាស់ Bootstrap - ជាដំណោះស្រាយល្អឥតខ្ចោះសម្រាប់អ្នកអភិវឌ្ឍន៍បណ្ដាញ។ វាអនុញ្ញាតឱ្យអ្នកដើម្បីបង្កើតជាចំណុចប្រទាក់វិចារណញាណក្នុងការសាមញ្ញនិងមានរយៈពេលខ្លីនិងដោយគ្មានការខំប្រឹងប្រែងជាច្រើន។

រចនាឆ្លើយតប

, មួយនៃក្របខ័ណ្ឌពេញនិយមបំផុតដែលអនុញ្ញាតឱ្យអ្នករចនាដើម្បីបង្កើតតំបន់បណ្ដាញដែលមានគុណភាពខ្ពស់និងកម្មវិធី, ដោយមិនចាំបាច់ចំណាយពេលវេលានិងថាមពល - វាជាការខាង 3. បង្អួចម៉ូតផ្ដល់ឱ្យអ្នកប្រើជាមួយនឹងសំណុំមូលដ្ឋាននៃឧបករណ៍ដោយឥតគិតថ្លៃ។ C ដែលវាអាចជួយអ្នកប្រើ JavaScript, CSS, HTML ។ កម្មវិធីនេះត្រូវបានបង្កើតឡើងដោយ Twitter, ហើយវាមានចំនួននៃលក្ខណៈពិសេសនិងអត្ថប្រយោជន៍មួយ។ ក្របខ័ណ្ឌនេះត្រូវបានរចនាឡើងសម្រាប់ឧបករណ៍ចល័តដូច្នេះសុទ្ធរបស់ខ្លួនត្រូវបានរចនាឡើងសម្រាប់អេក្រង់តូច។ សព្វថ្ងៃនេះ 3 និងបានប្រើខាងក្នុងសម្រាប់ឧបករណ៍ដែលមានទំហំធំ។ នៅក្នុងកម្មវិធីនេះគឺមានប្រព័ន្ធក្រឡាចត្រង្គឆ្លើយតបតែមួយគត់ដែលត្រូវបានពង្រីកដោយក្រុមហ៊ុនផលិត។

ក្របខ័ណ្ឌពេញលេញបានផ្ដល់ពុម្ពអក្សរ។ ពួកគេត្រូវបានប្រើជារូបតំណាង។ នៅក្នុងកម្មវិធីនេះអ្នករចនាកំពុងដោះស្រាយរួចហើយជាមួយនឹងពុម្ពអក្សរនិងរូបភាពវ៉ិចទ័រអាចត្រូវបានផ្លាស់ប្តូរដែលនៅសំរេចចិត្តរបស់អ្នក។ លក្ខណៈពិសេសខាងក្នុង 3 ថាវាមិនគាំទ្រកម្មវិធីរុករកដែលមានវ័យចំណាស់។ គំនិតរចនាឆ្លើយតបគឺសាមញ្ញ: តំបន់បណ្តាញឯករាជ្យលៃតម្រូវទៅនឹងទំហំនៃអេក្រង់ដោយមិនគិតពីឧបករណ៍ដែលអ្នកប្រើបានទៅវា។ ការអភិវឌ្ឍនៃការរចនាឆ្លើយតបតម្រូវឱ្យមានចំណេះដឹងនិងជំនាញដែលមានជំនាញវិជ្ជាជីវៈពិសេស។

ធ្វើការជាមួយ Bootstrap

មុនពេលអ្នកស្គាល់គ្នាជាមួយ Bootstrap, ទាញយកវាអាចប្រើបានដោយសេរី។ បន្ទាប់ពីការទាញយកនិង unzipping អ្នកប្រើជាបន្តបន្ទាប់នឹងមានថតដែលមានរចនាប័ទ្មបីនិងស្គ្រីប ikonochnye ដែលពុម្ពអក្សរ។ ទាំងអស់នេះគឺខាងនេះ។ បើកបង្អួចមួយដែលបន្ទាប់មកអាចម៉ូតបង្កើតថតមួយដែលមានឈ្មោះរបស់ក្របខ័ណ្ឌនេះ។ វាគឺជាការចាំបាច់ដើម្បីបង្កើតឯកសារទទេមួយ« ndex.html »។ កម្មវិធីដែលបានទាញយកត្រូវបានជ្រើសយ៉ាងពេញលេញថត«រចនាប័ទ្មនិងពុម្ពអក្សរ»« bookstrap.css »ពីថតដែលត្រូវគ្នា។ កុំផងដែរភ្លេចអំពី« bootstrap.js »ស្គ្រីប។ បង្កើតថតដែលមានស្រាប់ដែលមានឈ្មោះស្រដៀងគ្នា« CSS »ដាក់វា« bootstrap.min.css »។ ធ្វើឱ្យមួយផ្សេងទៀត« css »ជាមួយនឹងឯកសារទទេ« style.css »។ នាងនឹងត្រូវបន្ថែមរចនាប័ទ្មផ្ទាល់ខ្លួនរបស់អ្នក។

នៅពេលដែលអ្វីទាំងអស់ដែលអ្នកត្រូវការដើម្បីបង្កើតការងារបន្ថែមទៀតនឹងត្រូវបានអនុវត្តតែជាមួយ« ndex.html »។ ប្រសិនបើអ្នកមិនចង់សរសេរកូដដោយដៃ, យោងទៅឯកសាររបស់ HTML គ្រោងបញ្ចប់។ ចម្លងនិងបិទភ្ជាប់កូដនេះចូលទៅក្នុងឯកសារ។ គ្រោងឆ្អឹងដែលបានបង្កើតនឹងត្រូវបានភ្ជាប់ទៅបណ្ណាល័យរចនាប័ទ្មនិងស្គ្រីប។ មុនពេលស្លាករាងកាយមិនភ្លេចភ្ជាប់« jQuery »បណ្ណាល័យនិងបន្ទាប់ពីការ - ស្គ្រីប« js »។

សុទ្ធ

ចាប់ផ្ដើមបង្អួចម៉ូតត្រូវបានប្រើដើម្បីបង្កើតប្លង់បុរាណនៃតំបន់បណ្តាញ។ វាមានមួយដែលរាងកាយសំខាន់មួក, ជួរឈរនៅពេលក្រោយនិងបន្ទប់ក្រោមដីនោះទេ។ ក្នុងគោលបំណងដើម្បីបង្ហាញឱ្យបានត្រឹមត្រូវទាំងអស់វាគឺជាការចាំបាច់ដើម្បីគណនាទទឹងនៃធាតុគ្នាដែលមានភាគរយដោយមានលំហូរបុគ្គល។ តំបន់បន្ទប់ក្រោមដី CAP បាននិងត្រូវតែមានទទឹង 100% ហើយភាគច្រើននៃជួរឈរចំហៀងអាចមានទំហំតូចជាង។

ក្រឡាចត្រង្គ Bootstrap គ្រាន់តែត្រូវការដើម្បីកំណត់ទទឹងចង់បាននៃប្លុកនេះ។ មុខងារក្រឡាចត្រង្គបានកើតឡើងដោយមានជំនួយពីតារាងមួយដែលមានជួរឈរនិងជួរដេកមួយ។ ក្រឡាចត្រង្គនេះអាចត្រូវបានធ្វើរួចនៅក្នុងក្រឡាចត្រង្គមួយទៀតចំនួនដងដែលគ្មានដែនកំណត់។ ប្រសិនបើមានផ្នែកខ្លះនៃតំបន់បណ្តាញត្រូវបានធ្វើឡើងជាមួយនឹងវា, វាមានតម្រូវការក្នុងការសរសេរតម្រូវការរបស់ពួកគេផ្ទាល់សម្របសម្រួលទេ។ ក្នុងការបន្ថែមទៅក្រឡាចត្រង្គ, បង្អួចម៉ូតមួយមានចំនួននៃសមាសភាគបន្ថែម (ម៉ឺនុយ, តារាង, ផ្ទាំង, គន្លឹះ) មួយ។

កំហុស

ម៉ូតខាងក្នុងជាច្រើនដែលមានបង្អួចពេលខ្លះ, ការបើកចំហនៅពេលដូចគ្នានេះអាចនាំឱ្យមានកំហុស។ នេះអាចធ្វើបានប្រសិនបើមានប្រព័ន្ធប្រតិបត្តិការ Windows គឺមិនអាចផ្ទុកបានត្រឹមត្រូវប្រភេទឯកសារ HTML ។ កំហុសមួយបានបង្ហាញថាការបរាជ័យរបស់ឯកសារជាមួយនឹងកម្មវិធីដែលមានគំនិតអាក្រក់ឬមេរោគនេះ។ បញ្ហាទូទៅបំផុតដែលបានផ្សារភ្ជាប់ជាមួយនឹងឯកសារខាងនេះបានកើតមានឡើងក្នុងអំឡុងពេលកម្មវិធីចាប់ផ្តើមកុំព្យូទ័រ, ឬបន្ទាប់ពីការសម្តែងសកម្មភាពណាមួយឡើយ។ ទូទៅបំផុត - គឺជាអ្នកដែលត្រូវបានផ្សារភ្ជាប់ជាមួយនឹងបង្អួចម៉ូត: "កំហុសនៅក្នុងឯកសារ" "គ្មានឯកសារ", "រកមិនឃើញ", "បរាជ័យក្នុងការផ្ទុក", "បានបរាជ័យក្នុងការចុះឈ្មោះ", "កំហុសក្នុងការរត់ការពេលវេលានិងការផ្ទុក" ។ ពួកគេអាចលេចឡើងនៅពេលដែលអ្នកប្រើដំឡើងកម្មវិធីឬថាតើវាកំពុងរត់រួចហើយដូចក្នុងអំឡុងពេលការផ្លាស់ប្តូរនៅលើនិងបិទកុំព្យូទ័ររបស់អ្នក។ វាជាការសំខាន់ក្នុងការត្រួតពិនិត្យយ៉ាងជិតស្និតការកើតឡើងនៃកំហុស, ចាប់តាំងពីវាអាចជួយដើម្បីយកចេញឱ្យបានត្រឹមត្រូវពីមូលហេតុនៃការកើតឡើងរបស់ពួកគេនៅក្នុង Bootstrap នេះ។ បង្អួចម៉ូតមិនធ្វើការពេលខ្លះដោយសារតែការហៅទូរស័ព្ទមិនត្រឹមត្រូវមួយដែលមិនអាស្រ័យលើកំហុសខាងក្នុង។