Ang isang simpleng pahina ng web para sa isang nakaranasang tagagawa ng layout o isang web programmer ay hindi mahirap na disenyo na may isang simpleng editor ng teksto. Ngunit upang magsagawa ng kumplikadong mga gawain sa lugar na ito ng aktibidad, inirerekumenda na gamitin ang specialized software. Ang mga ito ay maaaring maging mga advanced na editor ng teksto, mga multifunctional na kumplikadong mga application na tinatawag na pinagsamang mga tool sa pag-unlad, mga editor ng imahe, atbp. Sa artikulong ito, isinasaalang-alang lamang namin ang software na idinisenyo para sa layout ng mga site.
Notepad ++
Una sa lahat, magsimula tayo sa isang paglalarawan ng mga advanced na editor ng teksto, na idinisenyo upang pangasiwaan ang gawain ng taga-disenyo ng layout. Of course, ang pinaka sikat na programa ng ganitong uri ay Notepad ++. Sinusuportahan ng software na solusyon na ito ang syntax ng napakaraming mga programming language, pati na rin ang mga encodings ng teksto. Ang pag-highlight ng code at ang pag-numero ng linya ay lubos na mapadali ang gawain ng mga programmer sa iba't ibang larangan. Ang paggamit ng mga regular na expression ay ginagawang mas madali upang mahanap at baguhin ang mga seksyon ng code na katulad sa istraktura. Ang mabilis na pagsasagawa ng parehong uri ng aksyon ay iminungkahi upang itala ang mga macro. Posibleng palawakin nang malaki at napakahusay na pag-andar sa tulong ng mga naka-embed na plugin.
Tingnan din ang: Analogs Notepad ++
Kabilang sa mga pagkukulang ay maaaring tawagin lamang tulad ng isang kahina-hinala na "minus", tulad ng pagkakaroon ng isang malaking bilang ng mga function na hindi malinaw sa average na gumagamit.
I-download ang Notepad ++
Sublimetext
Ang isa pang advanced na editor ng teksto para sa mga programmer ng web ay SublimeText. Alam din niya kung paano gumana sa maraming wika, kabilang ang Java, HTML, CSS, C ++. Kapag nagtatrabaho kasama ang code, backlight, autocompletion at numbering ay ginagamit. Ang isang madaling gamitin na tampok ay ang suporta para sa mga snippet, kung saan maaari kang mag-aplay ng mga blangko. Ang paggamit ng mga regular na expression at mga macro ay maaari ring magbigay ng malaking matitipid ng oras para sa paglutas ng problema. Pinapayagan ka ng SublimeText na magtrabaho ka nang sabay sa apat na panel. Ang pinalawak na pag-andar ng programa sa pamamagitan ng pag-install ng mga plug-in.
Ang pangunahing disbentaha ng application, kung ihahambing sa Notepad ++, ay ang kakulangan ng interface na Russian-wika, na nagiging sanhi ng ilang mga abala lalo na para sa mga walang karanasan na mga gumagamit. Gayundin, hindi lahat ng mga gumagamit tulad ng abiso na lumilitaw sa isang alok upang bumili ng lisensya sa libreng bersyon ng window ng produkto.
I-download ang SublimeText
Mga bracket
Tapusin namin ang paglalarawan ng mga editor ng text na nilayon para sa layout ng mga web page na may isang pangkalahatang-ideya ng application ng Brackets. Ang tool na ito, tulad ng mga nakaraang analogues, ay sumusuporta sa lahat ng mga pangunahing markup at programming language na may highlight ng nararapat na expression at linya ng numero. Ang highlight ng application ay ang pagkakaroon ng isang function "Live Preview", sa tulong na kung saan maaari mong tingnan sa real time sa pamamagitan ng browser ang lahat ng mga pagbabago na ginawa sa dokumento, pati na rin ang pagsasama sa menu ng konteksto "Explorer". Pinapayagan ka ng toolkit ng Brackets na mag-browse sa web sa debug mode. Sa pamamagitan ng window ng programa maaari mong manipulahin ang maramihang mga file sa parehong oras. Ang kakayahang mag-install ng mga extension ng third-party ay nagpapatuloy sa mga hangganan ng pag-andar kahit na higit pa.
Nakakaapekto lamang ito sa pagkakaroon ng ilang mga di-Ruso partisyon sa programa, pati na rin ang posibilidad ng paggamit ng function "Live Preview" eksklusibo sa browser ng Google Chrome.
I-download ang Mga Bracket
Gimp
Ang isa sa mga pinakasikat sa mga advanced na editor ng imahe na maaaring matagumpay na gagamitin, kasama na ang pagbubuo ng web content, ay GIMP. Lalo na maginhawa upang gamitin ang programa upang gumuhit ng disenyo ng site. Sa tulong ng produktong ito posible upang gumuhit at mag-edit ng mga tapos na mga imahe, gamit ang iba't ibang mga tool (brushes, mga filter, lumabo, seleksyon, at higit pa). Sinusuportahan ng GIMP ang pagtatrabaho sa mga layer at pag-save ng mga blangko sa sarili nitong format, kung saan maaari mong ipagpatuloy ang trabaho sa parehong lugar kung saan ito natapos, kahit na pagkatapos ng isang pag-restart. Ang kasaysayan ng pagbabago ay tumutulong upang masubaybayan ang lahat ng mga pagkilos na inilapat sa larawan, at kung kinakailangan, kanselahin ang mga ito. Bilang karagdagan, ang programa ay maaaring gumana sa teksto na inilalapat sa larawan. Ito ang tanging libreng application sa mga analog na maaaring mag-alok ng gayong mayaman na pag-andar.
Kabilang sa mga pagkukulang, posible na i-highlight ang paminsan-minsang epekto ng paghina dahil sa mataas na intensity ng mapagkukunan ng programa, pati na rin ang mga mahihirap na pag-unawa sa algorithm ng trabaho para sa mga nagsisimula.
I-download ang GIMP
Adobe Photoshop
Ang bayad na analogue ng GIMP ay Adobe Photoshop. Ito ay mas sikat dahil ito ay inilabas mas maaga at may mas advanced na pag-andar. Ang Photoshop ay ginagamit sa maraming lugar ng web development. Gamit ito, maaari kang lumikha, mag-edit at mag-convert ng mga larawan. Ang programa ay maaaring gumana sa mga layer at 3D-modelo. Sa kasong ito, ang gumagamit ay may kakayahang gumamit ng isang mas malaking hanay ng mga tool at filter kaysa sa GIMP.
Kabilang sa mga pangunahing drawbacks ay ang kahirapan sa mastering ang lahat ng mga pag-andar ng Adobe Photoshop. Bilang karagdagan, hindi katulad ng GIMP, binabayaran ang tool na ito sa isang panahon ng pagsubok na 30 araw lamang.
I-download ang Adobe Photoshop
Aptana studio
Ang susunod na pangkat ng mga programa para sa layout ng web page ay isinama sa mga tool sa pag-unlad. Ang isa sa mga pinakasikat na kinatawan nito ay ang Aptana Studio. Ang software na solusyon na ito ay isang komprehensibong tool sa paglikha ng site na kinabibilangan ng isang editor ng teksto, isang debugger, isang tagatala, at isang tool sa pag-aautomat ng pagpupulong. Gamit ang application, maaari kang magtrabaho kasama ang program code sa maraming mga programming language. Sinusuportahan ng Aptana Studio ang sabay-sabay na manipulasyon sa ilang mga proyekto, pagsasama sa iba pang mga sistema (partikular, sa serbisyo ng Aptana Cloud), pati na rin ang remote na pag-edit ng nilalaman ng site.
Ang mga pangunahing disadvantages ng Aptana Studio ay ang paghihirap sa mastering at kakulangan ng interface na Russian-wika.
I-download ang Aptana Studio
Webstorm
Ang analogue ng programa Aptana Studio ay WebStorm, na kung saan ay kabilang din sa klase ng mga integrated na sistema ng pag-unlad. Ang produktong software na ito ay may isang madaling gamitin na editor ng code na sumusuporta sa isang kahanga-hangang listahan ng iba't ibang mga wika ng programa. Para sa higit na ginhawa ng user, ang mga developer ay nagbigay ng pagkakataong piliin ang disenyo ng workspace. Kabilang sa mga "bentahe" ng Web Storm, maaari mong i-highlight ang pagkakaroon ng tool na debugging ng Node.js at pinuhin ang mga aklatan. Function "Live Edit" nagbibigay ng kakayahang tingnan sa pamamagitan ng browser ang lahat ng mga pagbabago. Ang tool para sa pakikipag-ugnay sa web server ay nagbibigay-daan sa iyo sa malayo i-edit at i-customize ang site.
Bilang karagdagan sa kakulangan ng interface ng wikang Russian, may iba pang "minus" ang WebStorm, na wala sa Aptana Studio, ibig sabihin, ang pangangailangan na magbayad para sa paggamit ng programa.
I-download ang WebStorm
Front page
Ngayon isaalang-alang ang bloke ng mga application na tinatawag na visual na HTML editor. Magsimula tayo sa pagsusuri ng produkto ng Microsoft na tinatawag na Front Page. Ang program na ito ay medyo popular, dahil ito ay dating bahagi ng pakete ng Microsoft Office. Nag-aalok ito ng posibilidad ng layout ng mga web page sa isang visual na editor, na gumagana sa prinsipyo ng WYSIWYG ("kung ano ang nakikita mo, makakakuha ka ng"), tulad ng sa salitang Word processor. Kung ninanais, ang user ay maaaring magbukas ng isang standard na html editor upang gumana sa code, o pagsamahin ang parehong mga mode sa isang hiwalay na pahina. Maraming mga tool sa pag-format ng teksto ang binuo sa interface ng application. May spell checker. Sa isang hiwalay na window, maaari mong tingnan kung paano titingnan ng web page ang browser.
Sa napakaraming pakinabang, ang programa ay may higit pang mga kakulangan. Ang pinakamahalaga ay ang mga developer ay hindi sumusuporta dito mula noong 2003, na nangangahulugang ang produkto ay walang pag-asa sa likod ng pag-unlad ng mga teknolohiya sa web. Ngunit kahit na sa pinakamagandang panahon nito, ang Front Page ay hindi sumusuporta sa isang malaking listahan ng mga pamantayan, na, gayunpaman, ay humantong sa ang katunayan na ang garantisadong wastong mga web page na nilikha sa application na ito ay ipinapakita lamang sa Internet Explorer.
I-download ang Front Page
Kompozer
Ang susunod na visual na editor ng HTML code, KompoZer, ay hindi rin suportado ng mga developer para sa isang pinalawig na panahon. Ngunit hindi tulad ng Front Page, ang proyekto ay tumigil lamang noong 2010, na nangangahulugang ang programang ito ay may kakayahang suportahan ang mga bagong pamantayan at teknolohiya kaysa sa nabanggit na katunggali. Alam din niya kung paano magtrabaho sa WYSIWYG mode at sa mode ng pag-edit ng code. May mga pagkakataon upang pagsamahin ang parehong mga pagpipilian, gumana nang sabay-sabay sa maraming mga dokumento sa iba't ibang mga tab at i-preview ang mga resulta. Bilang karagdagan, ang kompositor ay may built-in na FTP client.
Ang pangunahing "minus", tulad ng Front Page, ay ang pagwawakas ng suporta ng KompoZer ng mga developer. Bilang karagdagan, ang program na ito ay may lamang Ingles interface.
I-download ang KompoZer
Adobe Dreamweaver
Tinatapos namin ang artikulong ito sa isang maikling pangkalahatang-ideya ng Adobe Dreamweaver visual na HTML editor. Hindi tulad ng mga nakaraang analogues, ang software na produkto na ito ay sinusuportahan pa rin ng mga developer nito, na tinitiyak ang kaugnayan nito sa mga tuntunin ng pagsunod sa mga modernong pamantayan at teknolohiya, pati na rin ang mas malakas na pag-andar. Nagbibigay ang Dreamviewer ng kakayahang magtrabaho sa mga mode ng WYSIWYG, isang regular na editor ng code (may backlight) at isang split. Bilang karagdagan, maaari mong tingnan ang lahat ng mga pagbabago sa real time. Ang programa ay mayroon ding isang buong hanay ng mga karagdagang pag-andar na nagpapadali sa trabaho kasama ang code.
Tingnan din ang: Analogs ng Dreamweaver
Kabilang sa mga pagkukulang ay dapat na ilaan ng isang halip mataas na halaga ng programa, ang mumunti timbang at mapagkukunan intensity.
I-download ang Adobe Dreamweaver
Tulad ng makikita mo, may ilang mga grupo ng mga programa na idinisenyo upang mapadali ang gawain ng tagapagkodigo. Ang mga ito ay mga advanced na editor ng teksto, mga editor ng visual na HTML, mga pinagsamang mga tool sa pag-unlad at mga editor ng imahe. Ang pagpili ng isang tiyak na programa ay depende sa antas ng mga propesyonal na kasanayan ng layout designer, ang kakanyahan ng gawain at ang pagiging kumplikado nito.
