Dili lisud alang sa usa ka batid nga tigdesinyo sa web o web programmer nga maghimo usa ka yano nga panid sa web gamit ang usa ka regular nga editor sa teksto. Apan aron mahimo ang komplikado nga mga buluhaton sa kini nga kalihokan sa kalihokan, girekomenda nga gamiton ang espesyalista nga software. Kini mahimo nga mga advanced editor sa text, multifunctional integrated application nga gitawag integrated integrated tool, editor edit image, etc. Niini nga artikulo, hisgotan ra naton ang software nga gidisenyo alang sa layout sa site.
Notepad ++
Una sa tanan, magsugod kita sa usa ka paghulagway sa mga advanced nga editor sa teksto nga gidisenyo aron mapadali ang trabaho sa usa ka laraw sa layout. Sa layo, ang labing inila nga programa sa kini nga matang mao ang Notepad ++. Gisuportahan sa kini nga solusyon sa software ang syntax sa daghan kaayo nga mga sinultian nga programming, ingon man mga pag-encode sa teksto. Ang pag-highlight sa code ug pag-ihap sa linya nga labi nga nagpadali sa trabaho sa mga programmer sa lainlaing natad. Ang paggamit sa naandan nga mga ekspresyon makapadali sa pagpangita ug pagbag-o sa parehas nga mga seksyon sa code sa istraktura. Aron mahimo dayon ang susamang mga aksyon, gisugyot nga irekord ang mga macros. Mahimo nimong mapalapad ang labi ka adunahan nga pag-andar sa tabang sa gilakip nga plug-in.
Basaha usab: Mga Analog sa Notepad ++
Lakip sa mga kakulangan mahimo nga tawgon nga ingon usa ka makapaikag nga "minus" sama sa presensya sa usa ka daghang gidaghanon sa mga gimbuhaton nga dili masabtan sa average nga tiggamit.
Pag-download sa Notepad ++
SublimeTekup
Ang lain pa nga advanced editor sa teksto alang sa mga web developer mao ang SublimeText. Nahibal-an usab niya kung unsaon pagtrabaho sa daghang mga sinultihan, lakip ang Java, HTML, CSS, C ++. Kung nagtrabaho uban ang code, pag-backlight, auto-pagkompleto ug pag-ihap gigamit. Ang usa ka labing kadali nga tampok mao ang pagsuporta sa mga snippet, diin mahimo nimo ma-apply ang workpiece. Ang paggamit sa naandan nga mga ekspresyon ug macros makahatag usab nga hinungdanon nga pagtipig sa oras alang sa pagsulbad sa buluhaton. Gitugotan ka sa SublimeText nga magtrabaho ka nga dungan sa upat ka mga panel. Ang pag-andar sa programa gipalapdan pinaagi sa pag-install sa mga plugins.
Ang nag-unang disbentaha sa aplikasyon, kung itandi sa Notepad ++, mao ang kakulang sa usa ka sinultian nga sinultian nga Ruso, nga hinungdan sa pipila ka mga kakulba labi na sa mga nakasinati nga wala’y kasinatian. Ingon usab, dili tanan nga mga tiggamit sama sa pahibalo nga makita uban ang usa ka tanyag nga mopalit usa ka lisensya sa bintana sa libre nga bersyon sa produkto.
Pag-download sa SublimeTeksto
Mga bracket
Gitapos namon ang paghulagway sa mga editor sa teksto nga gilaraw alang sa layout sa mga panid sa web pinaagi sa usa ka pag-uswag sa aplikasyon sa Brackets. Ang kini nga himan, sama sa nangagi nga mga analogue, nagsuporta sa tanan nga mga nag-unang mga marka sa pag-markup ug mga programa nga adunay pag-highlight sa mga katugbang nga mga ekspresyon ug pag-ihap sa linya. Ang pinakatalagsaon sa aplikasyon mao ang pagkakaron sa mga bahin "Live nga preview", diin mahimo ka sa tinuud nga oras pinaagi sa pagtan-aw sa browser sa tanan nga mga pagbag-o nga gihimo sa dokumento, ingon man ang pag-apil sa menu sa konteksto "Explorer". Gitugotan ka sa tool nga Brackets nga mag-browse sa mga panid sa web sa mode nga debug. Pinaagi sa bintana sa programa, mahimo nimong manipulahin ang daghang mga file nga dungan. Ang kaarang sa pag-instalar sa mga extension sa ikatulo nga partido dugang nga nagduso sa mga utlanan sa pag-andar.
Ang nakapasubo lang mao ang presensya sa pipila nga mga seksyon nga wala’y Ruso sa programa, ingon usab ang posibilidad nga magamit ang function "Live nga preview" eksklusibo sa browser sa Google Chrome.
Pag-download sa mga Brackets
Gimp
Ang usa sa labing inila sa mga advanced nga editors sa imahe, nga mahimong malampuson nga gamiton lakip na alang sa pagtukod sa web-content, mao ang GIMP. Ilabi ka dali nga gamiton ang programa aron magkuha usa ka laraw sa website. Uban sa tabang sa kini nga produkto posible nga magkuha ug mag-edit sa mga nahuman nga mga imahe gamit ang lainlaing mga himan (brushes, filter, blurring, pagpili, ug daghan pa). Gisuportahan sa GIMP ang pagtrabaho uban ang mga layer ug pag-save sa mga workpieces sa kaugalingon nga format, diin mahimo nimo ipadayon ang pagtrabaho sa parehas nga lugar kung saan nahuman kini, bisan human nga ma-restart. Ang kasaysayan sa mga pagbag-o makatabang sa pagsubay sa tanan nga mga aksyon nga gigamit sa litrato ug, kung kinahanglan, i-undo kini. Dugang pa, ang programa mahimong molihok uban ang teksto nga gi-apply sa imahe. Kini ang bugtong libre nga aplikasyon taliwala sa mga analogue nga mahimo’g nagtanyag sa ingon usa ka kaayo nga pagpaandar.
Lakip sa mga kakulangan, usahay ipasiugda sa us aka hinungdan ang hinay nga epekto tungod sa hataas nga pagkonsumo sa kahinguhaan sa programa, ingon man usab hinungdanon nga mga kalisud sa pagsabut sa algorithm sa trabaho alang sa mga nagsugod.
Pag-download sa GIMP
Adobe Photoshop
Paid analogue sa GIMP mao ang programa nga Adobe Photoshop. Nagpahimulos kini bisan sa labi ka kabantog, tungod kay kini gipagawas labi pa ug adunay labi nga naugmad nga pagpaandar. Ang Photoshop gigamit sa daghang mga lugar sa pagpalambo sa web. Uban niini, mahimo nimo ang paghimo, pag-edit ug pagbag-o sa mga imahe. Ang programa mahimong molihok uban ang mga layer ug 3D-models. Sa parehas nga oras, ang tiggamit adunay higayon nga magamit ang usa ka labi ka labi ka hugpong sa mga galamiton ug mga filter kaysa sa GIMP.
Lakip sa mga nag-unang mga kakulangan, sulit nga hisgutan ang kalisud sa pag-master sa tanan nga pagpaandar sa Adobe Photoshop. Dugang pa, dili sama sa GIMP, kini nga gamit gibayad nga adunay panahon sa pagsulay nga 30 nga adlaw lamang.
Pag-download sa Adobe Photoshop
Aptana studio
Ang sunod nga hugpong sa mga programa sa layout sa panid sa web nga integrated nga mga himan sa pagpalambo. Ang usa sa labing inila nga representante niini mao ang Aptana Studio. Ang kini nga solusyon sa software usa ka komprehensibo nga himan alang sa paghimo og mga site, nga naglakip sa usa ka text editor, debugger, compiler ug pagtukod sa himan nga automation. Gamit ang aplikasyon, mahimo ka magtrabaho kauban ang code sa programa sa daghang mga sinultian nga programming. Gisuportahan sa Aptana Studio ang pag-manipulate sa dungan nga ubay-ubay nga mga proyekto, panagsama sa uban nga mga sistema (sa partikular, sa serbisyo sa Aptana Cloud), ingon man ang hilit nga pag-edit sa sulud sa site.
Ang nag-unang kadaut sa Aptana Studio mao ang kalisud sa pag-master ug ang kakulang sa usa ka interface sa sinultian nga Ruso.
Pag-download sa Aptana Studio
Webstorm
Ang analogue sa Aptana Studio mao ang WebStorm, nga nahisakop usab sa klase sa hiniusa nga mga sistema sa pagpalambo. Ang kini nga software nga produkto adunay usa ka built-in nga code editor nga nagsuporta sa usa ka impresibo nga lista sa lainlaing mga sinultian nga programa. Alang sa labi ka labi nga pagpahupay sa tiggamit, ang mga nag-develop naghatag higayon nga makapili sa us aka disenyo sa laraw sa workspace. Lakip sa "mga bentaha" sa WebStorm, mahimo nimong i-highlight ang presensya sa tool nga debugging sa Node.js ug mga librarya nga maayo ang pag-tune. Function "Mabuhi nga edit" naghatag sa abilidad sa pagtan-aw pinaagi sa browser sa tanan nga mga pagbag-o nga gihimo. Ang himan alang sa pakigsulti sa web server nagtugot kanimo sa layo nga pag-edit ug i-configure ang site.
Agi dugang sa kakulang sa usa ka sinultian nga sinultian nga Ruso, ang WebStorm adunay lain nga “minus”, nga, sa tinuud, dili magamit alang sa Aptana Studio, nga mao ang panginahanglan magbayad alang sa paggamit sa programa.
Pag-download sa WebStorm
Panid sa panid
Karon hunahunaa ang usa ka bloke sa mga aplikasyon nga gitawag nga HTML visual editors. Magsugod kita pinaagi sa pagribyu sa usa ka produkto sa Microsoft nga gitawag Front Page. Ang kini nga programa labi ka sikat, tungod kay sa usa ka higayon bahin kini sa suite sa Microsoft Office. Naghatag kini nga abilidad sa pag-layout sa mga panid sa web sa usa ka visual editor nga naglihok sa prinsipyo sa WYSIWYG ("kung unsa ang imong nakita, makuha nimo"), ingon sa pulong nga processor Word. Kung gusto, mahimong ablihan sa tiggamit ang usa ka standard nga editor sa html alang sa pagtrabaho kauban ang code o paghiusa ang duha nga mga mode sa usa ka gilain nga panid. Daghang mga galamiton sa pag-format sa teksto ang gitukod sa interface sa aplikasyon. Adunay usa ka spell check tampok. Sa usa ka bulag nga bintana, makita nimo kung unsa ang pagtan-aw sa web page pinaagi sa browser.
Sa daghang mga bentaha, ang programa adunay mas daghang mga kakulangan. Ang labing hinungdanon nga butang mao nga wala gisuportahan kini sa mga developer sukad 2003, nga nagpasabut nga ang produkto wala’y paglaum sa luyo sa pagpauswag sa mga teknolohiya sa web. Apan bisan sa pinakamaayong mga adlaw niini, ang Front Page wala magsuporta sa daghang lista sa mga sumbanan, nga, sa baylo, nagdala sa kamatuoran nga ang mga panid sa web nga gihimo sa kini nga aplikasyon gigarantiyahan nga ipakita lamang sa Internet Explorer.
Pag-download sa Puli nga Pahina
KompoZer
Ang sunod nga visual HTML editor, KompoZer, dili usab gisuportahan sa mga nag-develop sa dugay nga panahon. Apan dili sama sa Front Page, ang proyekto nahunong ra sa 2010, nga nagpasabut nga kini nga programa makasuporta gihapon sa mga bag-ong sukdanan ug teknolohiya kaysa sa nahisgutan nga nakigkompetensya. Nahibal-an usab niya kung unsaon nga magtrabaho sa WYSIWYG mode ug sa mode sa pag-edit sa code. Posible nga mahiusa ang duha nga kapilian, pagtrabaho nga dungan sa daghang mga dokumento sa lainlaing mga tab ug i-preview ang mga resulta. Dugang pa, ang Composer adunay gitukod nga kliyente sa FTP.
Ang nag-unang minus, sama sa Front Page, mao ang pagtapos sa suporta alang sa KompoZer sa mga nag-develop. Dugang pa, kini nga programa adunay usa lamang ka English interface.
Pag-download sa KompoZer
Adobe nga tigdamgo
Gitapos namon kini nga artikulo gamit ang usa ka mubo nga pag-uswag sa visual HTML editor nga Adobe Dreamweaver. Dili sama sa nangaging mga analogue, ang kini nga produkto sa software gisuportahan gihapon sa mga nag-develop, nga nagsiguro sa iyang kalabutan sa mga termino sa pagsunod sa mga modernong sumbanan ug teknolohiya, ingon man labi ka kusog nga pagpaandar. Naghatag ang Dreamviewer nga abilidad sa paglihok sa mga mode nga WYSIWYG, usa ka regular nga code editor (nga adunay backlight) ug pagbahin. Ingon niana, mahimo nimong tan-awon ang tanan nga mga pagbag-o sa tinuod nga oras. Ang programa adunay usab usa ka bug-os nga hugpong sa dugang nga mga gimbuhaton nga nagpadali sa pagtrabaho gamit ang code.
Basaha usab: Mga Analog sa Dreamweaver
Lakip sa mga kakulangan, usa ka labi ka taas nga gasto sa programa, ang hinungdanon nga timbang ug pagkonsumo sa kapanguhaan kinahanglan ipasabut.
Pag-download sa Adobe Dreamweaver
Sama sa imong nakita, adunay daghang mga grupo sa mga programa nga gilaraw aron mapadali ang trabaho sa laraw sa layout. Kini ang mga advanced nga editor sa teksto, editor sa visual HTML, mga integrated nga tool sa pag-uswag ug mga editor sa imahe. Ang pagpili sa usa ka piho nga programa nag-agad sa lebel sa mga propesyonal nga kahanas sa laraw sa layout, ang kahinungdan sa gimbuhaton ug ang pagkakomplikado niini.