Modal iwindi sokuqalisa: injongo nokusetshenziswa

Uyini eyisibonelo iwindi sokuqalisa futhi kungani kudingeka? Yiziphi izingxenye zalo, izici, emihle nemibi? Nombono wokuthi "ifasitela eyisibonelo" isetshenziswa GUI. Ngokuvamile ingasetshenziswa ukuziqhakambisa umcimbi othile obalulekile. Modal amafasitela asetshenziselwa ukungena noma yiluphi ulwazi, idatha, ukushintsha izilungiselelo. Bona ukuvimba ukuhamba komsebenzi yomsebenzisi, inqobo nje inkinga noma senzo sebeqedile. Amawindi zisetshenziselwa ukuthuthukisa amakhasi ewebhu.

Kuyini lokhu

Kalula ngentando yakho kanye nomklamo oluhambelana, yilokhu inikeza umculo othandwayo namuhla sokuqalisa. Modal iwindi, ukuma angasetshenziswa ukudala amasayithi ewebhu, ukusiza ukubonisa izithombe, amavidiyo, kanye nezinye izinto. ifasitela esiqhamukayo yakhiwa izingxenye elikhethiwe ukulanda: unhlokweni, umzimba kanye unyaweni. Ngayinye kulezi zingxenye sinenai lalo. Injongo eyinhloko yawo a eyisibonelo iwindi sokuqalisa - usebenzisa Abaklami abasafufusa ukudala amakhasi ewebhu ngaphandle ngokubhala noma iyiphi ikhodi eyengeziwe. Modal iwindi - uhlobo esitsheni ukuthi ubonisa okuqukethwe okubhaliwe. Nge eyisibonelo ixazululwe isiyingi esikhulu ingxenye imigomo.

Indlela yokwenza?

Ukudala iwindi eyisibonelo, kanye nokulawula yayo kusetshenziswa izindlela i-JavaScript, idatha kanye CSS. Okokuqala sidinga ukwenza isakhiwo. Siqukethe unhlokweni Uhlaka, okuqukethwe oyinhloko kanye unyaweni. izakhi adingekayo lapha - engaphansi (block) futhi isidumbu. Ngemva kokuphawula isidingo ukuthuthela ukuqaliswa ucingo ewindini eyisibonelo. Ngokuvamile libizwa ngokuthi emva kulayishwa ikhasi lewebhu kanye ngokuchofoza inkinobho efanelekile. Ikholi senziwa usebenzisa idatha kanye ne-JavaScript. Ukuvala sokuqalisa eyisibonelo iwindi uqeda imisebenzi adalwe futhi asindiswe.

Khumbula ukuthi iwindi eyisibonelo has izici zayo siqu. Ukuvula amafasitela eyisibonelo amaningi, kudingeka ukubhala ikhodi eyengeziwe. Positioning html-Ikhodi engcono phezulu idokhumenti, ngemva ithegi umzimba. Lokhu kusiza ukugcina umsebenzi futhi ukubonakala iwindi. Kumadivayisi eselula, kukhona izixwayiso ezihlobene nokusetshenziswa "ifasitela eyisibonelo" ingxenye. Ibeka imingcele ezindleleni ukusebenzisa kwayo okugcwele. Sokuqalisa 3 ikuvumela ukuba ulungise usayizi iwindi, kanye nokusebenzisa igridi.

izingxenye

Ngaphambi kokuqala umsebenzi nge sokuqalisa, kudingeka uqonde ukuthi liqukethe. Uhlelo luhlanganisa amathuluzi ngomumo eyenziwe ezisetshenziswa ukudala sites. izitayela Ready-JavaScript, CSS ne-HTML ukwakha grid oluhambelana, ukubonisa kuzinkinobho, amamenyu, imifanekiso, futhi amanye amathiphu. Isofthiwe esiyisisekelo esidingekayo ukuze isakhiwo izitayela. Ukutholakala izitayela ngokunyathelisa umbhalo bese uvumele ukulungiselela isiphequluli ukuphrinta ikhasi bese wenze umklamo umbhalo nokuqukethwe kwesayithi. Ungakha amafomu, izinkinobho kanye nezinye izakhi Ukusebenzisa izingxenye sokuqalisa. Uhlelo has a isethi ephelele amathuluzi ngokushesha futhi kalula ukuthi abeke Amakhasi zamadivayisi eselula. Sokuqalisa yakhiwa ezihlukahlukene nezinye izingxenye, kanye ne-JavaScript. Ukuwasebenzisa kahle elula ngokwanele ngisho saqala. Okwazekayo, ukuqonda "Bustrap" sasivumela nzima Uhlelo ngesisekelo. In practice, lokhu lula ukuthuthukiswa umklami kanye coder sibonga izingxenye eziningi pre-wakha.

Izici

Sokuqalisa eyisibonelo iwindi kunezinzuzo ekhethekile. Ngosizo page izakhiwo ukuthuthukiswa amasayithi sihamba ngesivinini. Iwindi kuhlanganisa isethi enkulu izakhi kanye nezixazululo. Ngenxa okhushuliwe nezimo indawo sokuqalisa. Framework (software) kufanelekile bonke iziphequluli futhi zivezwe kuzo. Lokhu iwindi eyisibonelo kulula ukuyisebenzisa. Sokuqalisa ikuvumela ukudala amakhasi Web, I-ngisho Wabasaqalayo onokwazi eziyisisekelo HTML futhi CSS.

Zibonisa ewindini eyisibonelo ukuthi abasebenzisi kalula ukuzivumelanisa naso. Sinezibonelo eziningi ikhodi isiqediwe futhi imibhalo kakhulu ezithinta ukuthuthukiswa ngokushesha sokuqalisa. Mayelana essence yayo ngangokunokwenzeka ku ukhetho olukhulu izihloko ngokokuhlobisa. Nale amafasitela eyisibonelo zakhiwa Wordpress, CMS, Joomla. Sokuqalisa - kuyinto isicelo nohlaka web equkethe izakhi ezidingekayo futhi benawo siqu ikonochnym ifonti yayo. Kuhlanganisa imifanekiso engaphezu kwamakhulu amabili, kuhlanganise base.

nebubi

Sokuqalisa eyisibonelo iwindi has nezihibe.

• Amasayithi ukuyisebenzisa, ulahlekelwe izici isitayela ngabanye. Angabe esaba khona esiyingqayizivele, njengoba ababukeka isakhiwo esifana nomunye.
• Ukuntuleka kokukhulumisana nokuvumelana nezimo; ngokuvamile udinga ukudala izitayela zabo nokwenza imisebenzi ezingadingekile.
• Shintsha ikhodi ukulayishwa kungaholela amahora umsebenzi.
• abasebenzisi ngokuvamile izingxenye sokuqalisa esetshenziswa nezinye izinjongo.

Sebenzisa leli thuluzi njengoba ukuthuthukiswa front-end. Naphezu kokushiyeka, okuzoba sobala kubasebenzisi uhlaka, isakhiwo usebenzisa sokuqalisa - ikhambi ephelele Onjiniyela sewebhu. It ikuvumela ukudala interface elula enembile ngesikhathi esifushane futhi ngaphandle komzamo omkhulu.

design isabele

Omunye nezinhlaka ethandwa kakhulu, kuvumela abaklami ukudala izinga okusezingeni web nezinhlelo zokusebenza, ngaphandle kokuchitha isikhathi namandla - kungcono sokuqalisa 3. iwindi eyisibonelo inikeza umsebenzisi isethi eziyisisekelo amathuluzi khulula. C Ingakusiza zisebenzisa i-JavaScript, CSS, html. Le software sidalwe Twitter, it has eziningi izici kanye nezinzuzo. Uhlaka lwenzelwe kumadivayisi eselula, ngakho amanetha yakhelwe kuzikrini ezincane. Namuhla sokuqalisa 3 futhi esetshenziselwa kumadivayisi ezinkulu. In the hlelo kukhona ophendulayo igridi uhlelo eyodwa kuphela, okuyinto inwetshelwe yizimboni.

Uhlaka Qedela enikeziwe amafonti. Asetshenziswa njengezitolo imifanekiso. Kulolu hlelo, nabaqambi sisebenzelana kakade nge Vector amafonti izithombe zingaguqulwa ngokubona kwakho. Izici sokuqalisa 3 ukuthi ayisekeli kuziphequluli ezindala. ophendulayo design mqondo ilula: isayithi ngokuzimela ulungisa usayizi esibukweni, kungakhathaliseki ukuthi iyiphi idivayisi umsebenzisi usephendukele ke. Kutfutfukiswa design isabele kudinga ulwazi akhethekile amakhono athile.

Ukusebenza sokuqalisa

Ngaphambi ajwayelane sokuqalisa, ulilande itholakala mahhala. Emva nangokufaka unzipping umsebenzisi okwalandela kuyodingeka amafolda ezintathu aqukethe izitayela kanye nemininingwane ikonochnye amafonti. Konke lokhu iyona sokuqalisa. Vula iwindi eyisibonelo Ungabese udale ifolda enegama kohlaka. Kuyadingeka ukuba adale ifayela elingenalutho «ndex.html». Isofthiwe ukulandwa ngokugcwele ukhetha ifolda «amafonti» isitayela «bookstrap.css» kufolda okuhambisanayo. Musa futhi bayakhohlwa «bootstrap.js» iskripthi. Dala i ifolda ekhona nge efanayo igama «CSS», wasibeka «bootstrap.min.css». Yenza olunye «CSS» ne «style.css» ifayela elingenalutho. Uyoze udinga ukwengeza izitayela zakho siqu.

Lapho konke okudingayo ukudala, umsebenzi okunye oyokwenziwa kuphela «ndex.html». Uma ungafuni ukubhala amakhodi ngesandla, ubheke kokuqendwa skeleton html-mbhalo. Kopisha futhi unamathisele ikhodi ifayela. Uhlaka lwamathambo elakhiwe bazoxhunywa umtapo izitayela futhi iskripthi. Ngaphambi ithegi umzimba akabakhohlwa ukuxhuma «jQuery» umtapo, nangemva - iskripthi «JS».

net

Sokuqalisa iwindi eyisibonelo isetshenziswa ukudala isakhiwo zakudala isayithi. Siqukethe cap umzimba omkhulu, amakholomu ezilingene egumbini. Ukuze kahle ukubonisa yonke, kubalulekile ukubala ububanzi into ngayinye kuphesenteji nge flow ngabanye. Basement cap indawo futhi kufanele libe ububanzi 100%, futhi ingxenye enkulu yomsebenzi ohlangothini amakholomu kungaba ezincane.

Igridi sokuqalisa nje udinga ukusetha ububanzi oyifunayo amabhlogo. igridi ukusebenza kwenzeka ngosizo itafula ukuthi ine nemigqa. Lelithebuli kungenziwa ngaphakathi kwenye igridi nenombolo enganqunyelwe yezikhathi. Uma izingxenye site zenziwa nalo, asikho isidingo ukubhala ezabo izidingo oluhambelana. Ngaphezu kugridi, ewindini eyisibonelo iqukethe eziningi izakhi ezengeziwe (amamenyu, amatafula, amathebhu, amathiphu).

amaphutha

Ngezinye izikhathi eziningana sokuqalisa amafasitela eyisibonelo, evulekile ngesikhathi esifanayo, kungaholela nephutha. Lokhu kungenzeka uma Windows ayikwazi ukulayisha kahle uhlobo ifayela le-html. Iphutha ubonisa kokunqotshwa ifayela software eyingozi noma igciwane. Izinkinga ezivamile elihlobene ne ifayela sokuqalisa, kwenzeka ngesikhathi uqalisa izinhlelo, ikhompuyutha, noma emva kokwenza noma isiphi isenzo. Okuvame kakhulu - yilezo okuhlotshaniswa ewindini eyisibonelo: "Iphutha ifayela" "Ayikho ifayela" "Alitholakalanga", "Yehlulekile ukulayisha" "Yehlulekile ukubhalisa", "Iphutha Run-sikhathi futhi umthwalo". Abakwazi evela uma umsebenzisi ukufakwa uhlelo noma ngabe luvele luyasebenza, kanye ngesikhathi ukushintsha ngaphakathi nangaphandle kwe-computer. Kubalulekile ukulandelela eduze okuvela amaphutha, ngoba kuyakusiza ukususa kahle imbangela nesenzakalo yabo sokuqalisa. Iwindi eyisibonelo akusebenzi ngezinye izikhathi ngenxa ucingo ayilungile ukuthi akuxhomekile samaphutha angaphakathi.