Funda ukuba yinkosi ye-Zen yophawu

Uphawu, okanye umatshini, ubhekisa kwimark marging okanye kwiimpawu zokumakisha njengoko zinjalo I-HTML kunye neCSS, kwaye sonke siyazi ukuba kubuhlungu kangakanani konke oku ukuvula nokuvala iilebhile nganye nganye ukwenza itemplate yewebhu ...

Ewe kunjalo, kukho izisombululo zale nto, enye yazo kukuzenzekelayo ngokuthanda kwe-IDE Ukuhlaziya shit ibluegriffon Iyacaphukisa ukuba awuthengi iiplagi kuye o Komodo hlela inzima kakhulu... inqaku lelokuba i-IDE's okanye abahleli beekhowudi nabo abalayishwe kukhetho bahlala begcina bephazamisa umsebenzi ngeendlela ezingacingekiyo; Injalo imeko ye Ukuhlaziya okukugcwalisa ngekhowudi yenkunkuma oyivelisayo ngokomfanekiso kwaye inzima, iyabiza kwaye imbi. ibluegriffon iyacaphukisa kakhulu kuba isimahla, yasimahla, kodwa isiqingatha sezinto esizikhethileyo zigcinelwe abasebenzisi abahlawulwayo… akumnandi oko. Kwaye ekugqibeleni sinayo Komodo-hlela, ilungile, inamandla kwaye igcwele ukhetho kodwa inzima (100mb in iddle) kwaye ukuyimisa kuyadinisa.

Esona sixhobo sibalaseleyo somphuhlisi wewebhu okanye umyili wewebhu ayisiyi-IDE kwisitayile semfazwe enezixhobo eziliwaka ngaphezulu, sisicatshulwa esilula, ezinye iiplagi kunye nokukwazi ukuchwetheza njengomntu ogulayo ... kongeza umlingo Ikhowudi yeZen Kwaye baya kuba nesona sixhobo sokumakisha esakha senziwa (eminweni yabo)ubuncinci kum).

Kodwa ... yintoni isihogo Ikhowudi yeZen?

Elula, yiplagin ekhethekileyo esebenza njengodweliso olwehlayo lokutsala i-HTML kunye ne-CSS eyenziweyo ngaphakathi Javascript kwaye iyafumaneka kuninzi lwabapapashi abadumileyo (incwadana ++, ukuhlela iKomodo, iGedit, iKate, iBluefish, iGeany, iDreamweaver, njl).

Ewe, andikayiqondi eyona nto uyithethayo ...

Ke ndikubonisa ngomzekelo olula; Uyayikhumbula into eyehlayo yokutsala? Ewe, tshintshela kwisinciphiso, cinga ukuba ungathatha umgca wekhowudi ye-HTML / CSS uwele kumgca omnye kwaye uyityhile njengekhethini okanye usonge umva… Ufuna ukubona njani? Kuya kufuneka uqiniseke ukuba unezinto ezimbini ukuze usebenze:

Ngaba Ikhowudi yeZen ifakwe kumhleli wakho.
Yazi imiyalelo kunye nes syntax yokuyisebenzisa.

Kulungile, iminwe kwikhowudi:

html>head+body

Uyabona loo mgca wekhowudi? Ewe sis syntax ye-HTML, ilula:

Kuqala ubeke igama lethegi (html) emva koko ubonise ukuba yeyiphi iithegi eziza kuba ngaphakathi kwethegi (>) kunye negama leethegi ezingena ngaphakathi kwethegi (intloko nomzimba). Uphawu u - '+' lubonisa ukuba intloko nomzimba ziilebhile ezimbini ezahlukeneyo kwaye nokuba azikho kwenye, kufana nokuthizidibene kodwa zingaxutywanga«… Emva koko, masibone ukuba uveliswa yintoni lo mgca wekhowudi xa ucofa amaqhosha omlingo (Kwimeko yam CTRL + E):

Ngokuchanekileyo, imigca emi-4 yekhowudi eyenziweyo ibenye, ebonakala ngomlingo xa ucinezela indibaniselwano yesitshixo echanekileyo… kwaye zinokubaninzi; umzekelo:

html>head+body>ul#lista_ordenada>li.listilla*5

Is syntax efanayo, kodwa sidibanisa enye into ... ukuba uyazi i-CSS uyakuqonda ukuba sidibanisa i-ID, iiklasi kunye, nento ongayazanga ngokuqinisekileyo; abaphindaphindayo… yintoni yonke le nto?? Fuck uyandibhida!

Zolile, oku kulula kakhulu, sixelele oku kungentla ukuba ngaphakathi ngaphakathi faka ithegi «ul», akukho nto ingaqhelekanga, ndicacisile apha ngasentla, emva koko, sabela isazisi, ukuba uyayazi iCSS uyakuqonda ukuba ezi zichongiwe ngophawu , Ngapha koko ilula kakhulu, '#' ichaza ukuba sisazisi, emva koko u 'li.listilla' uthi masenze ileyibheli «li» kunye neklasi «li class = listilla» kwaye emva koko, sithi «Phinda okokugqibela amaxesha amahlanu«. Yintoni esinika yona njengesiphumo:

Imigca elishumi elinambini yekhowudi ebhalwe kumgca omnye kunye nexesha elincinci kakhulu 😉

Kwaye oko kunokwenziwa nge-CSS, nangona ndingazukulandisa inqaku ngokubonisa okucacileyo (Apha ngezantsi ndiza kugqithisela kuluhlu lonke lokukhohlisa Ikhowudi yeZen).

Kuya kufuneka ndigxininise ukuba le ayisebenzi ukwenza i-zillion ezilikhulu lamawaka emgceni, oh hayi, oku kunomda kunye nendlela yokuyisebenzisa. Ukuba umzekelo sifuna ukwenza into enje:

html>head>title+meta+body>ul#lista_ordenada>li.listilla*5

Yintoni ithiyori ekufuneka isinike oku (jonga kumgca oqaqanjisiweyo kumfanekiso wokugqibela):

Iya kusinika oku:

Oko kubonisa ukuba awukwazi ukwenza umlingo ngale nto; Khumbula ukuba inkosi yeZen yekhowudi kufuneka ichaneke kwaye ikhawuleze, kwaye ukwenza izinto ngokungafanelekanga kuthatha isantya kunye nexesha, ke ngoko, indlela echanekileyo yokubhala ngokukhawuleza nange Ikhowudi yeZen ingaba yile:

html>head>body>ul#lista_ordenada>li.listilla*5

Uyandisa kwaye ngaphakathi kwethegi yentloko:

title+meta

Yintoni enokukunika ikhowudi echanekileyo:

Nangona kunjalo Ikhowudi yeZen Inezinto ezininzi ezingakumbi zokukubonisa kwaye mhlawumbi kufuneka ubhale omnye umgca wokuyalela ngaphakathi kwentloko ayisiyiyo, ngenxa yoko sisebenzisa omnye umthetho, «Yandisa ngesifinyezo"kwimeko yam ctrl + alt + e izakuvula ibar encinci apho singabhala khona ikhowudi yeZen kwaye sibone ukuba ivela njani ngexesha lokwenyani. Lumka, andikucebisi ukuba ubhale yonke into ngale nto kodwa ubhale ngaphakathi kwezakhiwo esele zenziwe, oko kukuthi, qala ngokwenza izakhiwo ezinkulu kwaye emva koko uza kunika iinkcukacha kuzo ngolu khetho.

Kwaye kukho uninzi lwemiyalelo epholileyo ephezulu ngaphakathi kwe- Ikhowudi yeZen, eyona nto kukuba ubaphande wakuba uzifakile kwaye ufunde ukuzisebenzisa; Ngale iplagi awuyi kufuna ukugcwaliswa ngokuzenzekelayo okanye iziqwengana ze-css okanye i-html, enyanisweni, ngale nto uyakuqonda ukuba olu khetho yinkcitho epheleleyo yexesha kwezi lwimi zimbini zenkqubo.

Kwaye kwabo banomdla, nantsi i-CheatSheet esemthethweni ye Ikhowudi yeZen, ungayibona ngefomathi ODF o PDF kulungile LAPHA