Ang usa ka yano nga panid sa web alang sa usa ka batid nga magbubuhat sa paghan-ay o usa ka web programmer dili malisud sa pagdesinyo uban sa usa ka yano nga editor sa text. Apan aron sa pagbuhat sa komplikadong mga buluhaton niining kalihokan, girekomendar nga gamiton ang espesyal nga software. Kini mahimo nga abante nga mga editor sa text, multifunctional complex nga mga aplikasyon nga gitawag nga integrated nga mga gamit sa pag-uswag, mga editor sa imahe, ug uban pa. Niini nga artikulo, among gikonsiderar ang software nga gidisenyo alang sa layout sa mga site.
Notepad ++
Una sa tanan, magsugod kita uban sa usa ka paghulagway sa mga advanced nga editor sa teksto, gidisenyo aron mapadali ang trabaho sa designer nga layout. Siyempre, ang labing inila nga programa niini nga matang mao ang Notepad ++. Kini nga solusyon sa software nagsuporta sa syntax sa daghan kaayo nga mga programming languages, ingon man usab mga pag-encode sa teksto. Ang pag-highlight sa code ug pag-numero sa linya dako nga mapadali ang trabaho sa mga programmer sa lainlaing mga natad. Ang paggamit sa regular nga mga ekspresyon makahimo nga mas sayon sa pagpangita ug pag-usab sa mga seksyon sa code nga susama sa estraktura. Ang dali nga pagpahigayon sa sama nga matang sa aksyon gisugyot sa pagrekord sa mga macros. Kini posible nga mapalapad ang kamahinungdanon ug daghan kaayong kagamitan sa tabang sa mga sulod nga plugins.
Tan-awa usab: Analog Notepad ++
Lakip sa mga kakulangan mahimong tawgon lamang sa ingon nga usa ka dubious "minus", ingon nga ang presensya sa usa ka dako nga gidaghanon sa mga gimbuhaton nga dili masabtan sa kasagaran nga tiggamit.
I-download ang Notepad ++
Sublimetext
Ang laing advanced editor sa text alang sa mga web programmers mao ang SublimeText. Nahibal-an usab niya kung unsaon pagtrabaho sa daghang pinulongan, lakip ang Java, HTML, CSS, C ++. Kon nagtrabaho uban sa code, backlight, autocompletion ug numbering gigamit. Ang usa ka sayon kaayo nga bahin mao ang suporta alang sa mga snippet, diin mahimo nimo ang paggamit sa mga blangko. Ang paggamit sa mga regular nga ekspresyon ug mga macro mahimo usab nga makahatag og mahinungdanong mga tinipigang panahon sa pagsulbad sa problema. Ang SublimeText nagtugot kanimo nga magtrabaho dungan sa upat ka mga panel. Gipalapdan nga kagamitan sa programa pinaagi sa pag-instalar sa mga plug-in.
Ang nag-unang kadali sa aplikasyon, kon itandi sa Notepad ++, mao ang kakulang sa usa ka interface nga Russian-nga pinulongan, nga maoy hinungdan sa pipila ka mga kalisud ilabina alang sa mga walay kasinatian nga tiggamit. Usab, dili tanan nga tiggamit sama sa pahibalo nga nagpakita sa usa ka tanyag sa pagpalit sa usa ka lisensya sa libre nga bintana sa produkto.
I-download ang SublimeText
Mga braket
Gitapos namon ang paghulagway sa mga editor sa teksto nga gitumong alang sa paghan-ay sa mga panid sa web nga adunay kinatibuk-ang panglantaw sa aplikasyon sa Bracket. Kini nga himan, sama sa nangagi nga analogues, nagsuporta sa tanan nga dagkong markup ug mga pinulongan sa pagprograma uban ang pagpakita sa katugbang nga mga ekspresyon ug pag-numero sa linya. Ang highlight sa aplikasyon mao ang presensya sa usa ka function "Live Preview", uban sa tabang nga mahimo nimo tan-awon sa tinuod nga panahon pinaagi sa browser ang tanan nga mga pagbag-o nga gihimo sa dokumento, ingon man usab sa pagsumpay ngadto sa menu sa konteksto "Explorer". Ang Brackets toolkit nagtugot kanimo nga mag browse sa web sa debug mode. Pinaagi sa window sa programa mahimo ka magmaniobra sa daghang mga file sa samang higayon. Ang katakos sa pag-instalar sa mga extension sa ikatulong partido nagduso sa mga limitasyon sa pag-andam bisan pa.
Gipakaulaw lamang niini ang presensya sa pipila nga mga dili partisipasyon nga dili Russian sa programa, ingon man usab sa posibilidad sa paggamit niini "Live Preview" lamang sa Google Chrome browser.
I-download ang mga Bracket
Gimp
Usa sa labing popular sa mga advanced image editors nga mahimong malampuson nga gigamit, lakip sa pagporma sa sulod sa web, mao ang GIMP. Ilabi na nga sayon nga gamiton ang programa sa pagdrowing sa disenyo sa site. Uban sa tabang niini nga produkto posible nga mag-drawing ug mag-usab sa nahuman nga mga hulagway, gamit ang nagkalainlaing mga himan (brushes, mga pagsala, mga blur, pagpili, ug uban pa). Ang GIMP nagsuporta sa pagtrabaho sa mga lut-od ug sa mga blangko sa pagluwas sa kaugalingon nga format, nga mahimo nimong ipadayon ang trabaho sa sama nga dapit diin kini nahuman, bisan human sa usa ka pagsugod. Ang kausaban sa kasaysayan nakatabang sa pagsubay sa tanang mga lihok nga gipadapat sa hulagway, ug kung gikinahanglan, kanselahon kini. Dugang pa, ang programa mahimo nga magamit sa teksto nga gigamit sa imahe. Kini ang bugtong libre nga aplikasyon sa mga analogue nga makahatag sa ingon nga usa ka dato nga kagamitan.
Lakip sa mga kasaypanan, posible nga ipasabot ang panagsa nga epekto sa paghinay tungod sa taas nga kahinguhaan sa programa, ingon man mga kalisud sa pagsabut sa algorithm sa trabaho alang sa mga nagsugod.
I-download ang GIMP
Adobe Photoshop
Ang bayad nga analogue sa GIMP mao ang Adobe Photoshop. Kini labaw pa nga bantugan tungod kay kini gibuhian sa mas sayo pa ug adunay mas abante nga kagamitan. Ang Photoshop gigamit sa daghang bahin sa web development. Uban niini, ikaw makahimo sa pag-usab, pag-edit ug pag-convert sa mga imahe. Ang programa mahimong magtrabaho sa mga layer ug 3D-modelo. Sa kini nga kaso, ang user adunay katakos sa paggamit sa usa ka mas dako nga set sa mga himan ug mga pagsala kay sa GIMP.
Lakip sa mga nag-unang mga kakuyaw mao ang kalisud sa pag-master sa tanang katuyoan sa Adobe Photoshop. Dugang pa, dili sama sa GIMP, kini nga himan gibayad sa usa ka panahon sa pagsulay nga 30 ka adlaw lamang.
I-download ang Adobe Photoshop
Aptana studio
Ang sunod nga grupo sa mga programa alang sa paghan-ay sa panid sa web gilangkob ang mga himan sa pagpalambo. Usa sa labing inila nga representante mao ang Aptana Studio. Kini nga software solution usa ka komprehensibo nga himan sa pagmugna sa site nga naglakip sa usa ka editor sa teksto, usa ka debugger, usa ka compiler, ug usa ka himan sa automation sa asembleya. Gamit ang aplikasyon, mahimo ka magtrabaho sa code sa programa sa daghang mga programming languages. Ang Aptana Studio nagsuporta sa dungan nga pagmaniobra sa daghang mga proyekto, pagsumpay sa uban pang mga sistema (ilabi na, uban sa serbisyo sa Aptana Cloud), ingon man usab sa layo nga pag-usab sa sulod sa sulod.
Ang nag-una nga mga disadvantages sa Aptana Studio mao ang kalisud sa pag-master ug ang kakulang sa interface sa Russian nga pinulongan.
I-download ang Aptana Studio
Webstorm
Ang analogue sa programa nga Aptana Studio mao ang WebStorm, nga nahisakop usab sa klase sa integrated nga sistema sa pagpalambo. Kini nga produkto sa software adunay usa ka sayon nga editor sa code nga nagsuporta sa usa ka impresibo nga lista sa nagkalainlaing mga pinulongan sa programa. Alang sa daku nga kahupayan sa tiggamit, ang mga developers naghatag sa oportunidad sa pagpili sa disenyo sa workspace. Lakip sa mga "kaayohan" sa Web Storm, mahimo nimo nga ipakita ang presensya sa tool sa debugging sa Node.js ug tun-i ang mga librarya. Katungdanan "Pag-usab Pag-usab" naghatag sa abilidad sa pagtan-aw pinaagi sa browser sa tanan nga mga kausaban. Ang himan alang sa pagpakig-uban sa web server nagtugot kanimo sa pag-edit sa layo ug ipasibo ang site.
Gawas pa sa kakulang sa interface nga Russian-nga pinulongan, ang WebStorm adunay lain nga "minus", nga, sa laing bahin, wala sa Aptana Studio, nga mao, ang kinahanglan nga pagbayad sa paggamit sa programa.
I-download ang WebStorm
Front page
Karon tagda ang block sa mga aplikasyon nga gitawag mga visual HTML editors. Magsugod kita sa usa ka review sa produkto sa Microsoft nga gitawag Front Page. Kini nga programa nahimo nga popular, tungod kay kaniadto kini nga bahin sa pakete sa Microsoft Office. Kini nagtanyag sa posibilidad sa paghan-ay sa mga panid sa web sa usa ka biswal nga editor, nga naglihok sa prinsipyo sa WYSIWYG ("unsay imong nakita, makuha nimo"), sama sa pulong nga Word processor. Kon gitinguha, ang user makahimo sa pag-abli sa usa ka standard html editor aron magtrabaho kauban ang code, o kombinasyon sa duha ka mga paagi sa usa ka lain nga panid. Daghang mga gamit sa pag-format sa text ang gitukod sa interface sa aplikasyon. Adunay usa ka spell checker. Sa usa ka lahi nga bintana, mahimo nimo tan-awon kung giunsa nga makita sa web page ang browser.
Uban sa daghan nga mga bentaha, ang programa adunay mas daghang mga kakulangan. Ang labing importante mao nga ang mga developers dili mosuporta niini sukad sa 2003, nga nagpasabot nga ang produkto mao ang walay paglaum sa pagpalambo sa mga teknolohiya sa web. Apan bisan sa pinakamaayo nga mga panahon, ang Front Page wala mosuporta sa usa ka dako nga lista sa mga sumbanan, nga, sa baylo, misangpot sa kamatuoran nga ang garantisadong husto nga mga web page nga gimugna niini nga aplikasyon gipakita lang sa Internet Explorer.
I-download ang Front Page
Kompozer
Ang sunod nga visual editor sa HTML code, KompoZer, wala usab gisuportahan sa mga developers sulod sa dugay nga panahon. Apan dili sama sa Front Page, ang proyekto nahunong lamang sa tuig 2010, nga nagpasabot nga kini nga programa makahimo gihapon sa pagsuporta sa mas bag-ong mga sumbanan ug mga teknolohiya kaysa sa nahisgutan nga kakompetensya. Nahibal-an usab niya kung unsaon pagtrabaho sa WYSIWYG mode ug sa code editing mode. Adunay mga oportunidad nga mahiusa ang duha ka mga kapilian, magtrabaho dungan sa pipila ka mga dokumento sa lain-laing mga tab ug i-preview ang mga resulta. Dugang pa, ang Composer adunay usa ka built-in FTP nga kliyente.
Ang nag-unang "minus", sama sa Front Page, mao ang pagtapos sa suporta sa KompoZer sa mga developers. Dugang pa, kini nga programa adunay Ingles nga interface.
I-download ang KompoZer
Adobe Dreamweaver
Gitapos namon kining artikuloha sa usa ka hamubo nga pagsabot sa Adobe Dreamweaver visual HTML editor. Dili sama sa nangaging analogues, kini nga produkto sa software gipaluyohan gihapon sa mga nag-develop niini, nga nagsiguro sa kalabutan niini sa pagtuman sa modernong mga sumbanan ug mga teknolohiya, ingon man usab sa mas kusgan nga kagamitan. Ang Dreamviewer naghatag sa abilidad sa pagtrabaho sa WYSIWYG mode, usa ka regular nga code editor (uban ang backlight) ug usa ka split. Dugang pa, mahimo nimo makita ang tanan nga mga pagbag-o sa tinuod nga panahon. Ang programa usab adunay usa ka bug-os nga nagkalain-laing mga gimbuhaton nga nagpahigayon sa buhat uban sa kodigo.
Tan-awa usab: Mga Analog sa Dreamweaver
Lakip sa mga kakulangan kinahanglan nga gigahin sa usa ka hataas nga gasto sa programa, ang igo nga gibug-aton ug kakuhaan sa kahinguhaan.
I-download ang Adobe Dreamweaver
Sumala sa imong makita, adunay ubay-ubay nga grupo sa mga programa nga gidisenyo aron mapadali ang trabaho sa coder. Kini ang mga advanced text editors, visual HTML editors, integrated tools sa pag-uswag ug mga editor sa imahe. Ang pagpili sa usa ka piho nga programa nag-agad sa lebel sa propesyonal nga mga kahanas sa layout designer, ang diwa sa tahas ug ang kakomplikado niini.
