Hindi mahirap para sa isang bihasang web designer o web programmer na gumawa ng isang simpleng web page gamit ang isang regular na editor ng teksto. Ngunit upang maisagawa ang mga kumplikadong gawain sa lugar na ito ng aktibidad, inirerekomenda na gumamit ng dalubhasang software. Maaari itong maging mga advanced na text editor, multifunctional integrated application na tinatawag na integrated development tool, mga editor ng imahe, atbp. Sa artikulong ito, isasaalang-alang lamang namin ang software na idinisenyo para sa layout ng site.
Notepad ++
Una sa lahat, magsimula tayo sa isang paglalarawan ng mga advanced na editor ng teksto na idinisenyo upang mapadali ang gawain ng isang taga-disenyo ng layout. Sa ngayon, ang pinakasikat na programa ng ganitong uri ay Notepad ++. Sinusuportahan ng solusyon ng software na ito ang syntax ng napakaraming mga wika sa programming, pati na rin ang pag-encode ng teksto. Ang pag-highlight ng code at 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 katulad na seksyon ng code sa istraktura. Upang mabilis na maisagawa ang mga katulad na pagkilos, iminumungkahi na magrekord ng mga macros. Maaari mong makabuluhang mapalawak ang mayaman na pag-andar sa tulong ng naka-embed na plug-in.
Basahin din: Mga Analog ng Notepad ++
Kabilang sa mga pagkukulang ay maaari lamang tawaging tulad ng isang kahina-hinala na "minus" tulad ng pagkakaroon ng isang malaking bilang ng mga pag-andar na hindi maintindihan sa average na gumagamit.
I-download ang Notepad ++
SublimeTeksto
Ang isa pang advanced na editor ng teksto para sa mga web developer ay SublimeText. Alam din niya kung paano gumana sa maraming wika, kabilang ang Java, HTML, CSS, C ++. Kapag nagtatrabaho kasama ang code, ginagamit ang backlighting, auto-pagkumpleto at pagbibilang. Ang isang napaka-maginhawang tampok ay ang suporta ng mga snippet, kung saan maaari mong ilapat ang workpiece. Ang paggamit ng mga regular na expression at macros ay maaari ring magbigay ng makabuluhang pag-save ng oras para sa paglutas ng gawain. Pinapayagan ka ng SublimeText na magtrabaho nang sabay-sabay sa apat na mga panel. Ang pag-andar ng programa ay pinalawak sa pamamagitan ng pag-install ng mga plugin.
Ang pangunahing disbentaha ng application, kung ihahambing sa Notepad ++, ay ang kakulangan ng isang interface ng wikang Ruso, na nagiging sanhi ng ilang abala lalo na sa mga walang karanasan na mga gumagamit. Gayundin, hindi lahat ng mga gumagamit tulad ng abiso na lilitaw na nag-aalok upang bumili ng isang lisensya sa window ng libreng bersyon ng produkto.
I-download ang SublimeTeksto
Mga Bracket
Tinatapos namin ang paglalarawan ng mga editor ng teksto na idinisenyo para sa layout ng mga web page sa pamamagitan ng isang pangkalahatang-ideya ng application ng Brackets. Ang tool na ito, tulad ng nakaraang mga analogue, ay sumusuporta sa lahat ng mga pangunahing wika sa pag-signup at pag-program na may pag-highlight ng mga kaukulang expression at linya ng pag-number. Ang highlight ng application ay ang pagkakaroon ng mga tampok "Live preview", kung saan maaari mong sa totoong oras sa pamamagitan ng pagtingin ng browser sa lahat ng mga pagbabago na ginawa sa dokumento, pati na rin ang pagsasama sa menu ng konteksto "Explorer". Pinapayagan ka ng tool ng Brackets na mag-browse sa mga web page sa mode ng debug. Sa pamamagitan ng window ng programa, maaari mong manipulahin ang maraming mga file nang sabay-sabay. Ang kakayahang mag-install ng mga extension ng third-party ay karagdagang nagtutulak sa mga hangganan ng pag-andar.
Ang nakagagalit lamang ay ang pagkakaroon ng ilang mga seksyon na hindi naka-Ruso 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 pinakatanyag sa mga advanced na editor ng imahe, na maaaring matagumpay na magamit kabilang ang para sa pagbuo ng web-content, ay GIMP. Lalo na maginhawa upang gamitin ang programa upang gumuhit ng isang disenyo ng website. Sa tulong ng produktong ito posible upang gumuhit at mag-edit ng mga natapos na mga imahe gamit ang iba't ibang mga tool (brushes, filter, blurring, seleksyon, at marami pa). Sinusuportahan ng GIMP ang pagtatrabaho sa mga layer at pag-save ng mga workpieces sa sarili nitong format, kung saan maaari mong ipagpatuloy ang trabaho sa parehong lugar kung saan natapos ito, kahit na matapos ang pag-restart. Ang kasaysayan ng mga pagbabago ay tumutulong upang masubaybayan ang lahat ng mga aksyon na inilapat sa larawan at, kung kinakailangan, alisin ang mga ito. Bilang karagdagan, ang programa ay maaaring gumana gamit ang teksto na inilalapat sa imahe. Ito ay ang tanging libreng application sa mga analogue na maaaring mag-alok ng tulad ng isang mayaman na pag-andar.
Kabilang sa mga pagkukulang, kung minsan ay mai-highlight ng isa ang mabagal na epekto dahil sa mataas na pagkonsumo ng mapagkukunan ng programa, pati na rin ang mga makabuluhang paghihirap sa pag-unawa sa algorithm ng trabaho para sa mga nagsisimula.
I-download ang GIMP
Adobe Photoshop
Paid analogue ng GIMP ay ang programa ng Adobe Photoshop. Masisiyahan ito kahit na mas katanyagan, dahil ito ay pinakawalan nang mas maaga at may higit na binuo pag-andar. Ang Photoshop ay ginagamit sa maraming mga lugar ng web development. Gamit ito, maaari kang lumikha, mag-edit at mag-convert ng mga imahe. Ang programa ay maaaring gumana sa mga layer at 3D-modelo. Kasabay nito, ang gumagamit ay may pagkakataon na gumamit ng isang mas malaking hanay ng mga tool at mga filter kaysa sa GIMP.
Kabilang sa mga pangunahing kawalan, nararapat na banggitin ang kahirapan sa pag-master ng lahat ng pag-andar ng Adobe Photoshop. Bilang karagdagan, hindi tulad ng GIMP, ang tool na ito ay binabayaran na may isang panahon ng pagsubok na 30 araw lamang.
Mag-download ng Adobe Photoshop
Aptana studio
Ang susunod na pangkat ng mga programa ng layout ng web page ay isinama ang mga tool sa pag-unlad. Ang isa sa mga pinakatanyag na kinatawan nito ay Aptana Studio. Ang solusyon ng software na ito ay isang komprehensibong tool para sa paglikha ng mga site, na kinabibilangan ng isang text editor, debugger, compiler at bumuo ng tool ng automation. Gamit ang application, maaari kang magtrabaho kasama ang code ng programa sa maraming mga programming language. Sinusuportahan ng Aptana Studio ang pagmamanipula nang sabay-sabay sa maraming mga proyekto, pagsasama sa iba pang mga sistema (lalo na, sa serbisyo ng Aptana Cloud), pati na rin ang malayong pag-edit ng nilalaman ng site.
Ang pangunahing kawalan ng Aptana Studio ay ang kahirapan sa mastering at ang kakulangan ng interface ng wikang Russian.
I-download ang Aptana Studio
Webstorm
Ang analogue ng Aptana Studio ay WebStorm, na kabilang din sa klase ng integrated system ng pag-unlad. Ang produktong ito ng software ay may built-in na code ng editor na sumusuporta sa isang kahanga-hangang listahan ng iba't ibang mga wika sa programming. Para sa higit na kaginhawaan ng gumagamit, binigyan ng pagkakataon ang mga developer na pumili ng isang disenyo para sa disenyo ng workspace. Kabilang sa mga "bentahe" ng WebStorm, maaari mong i-highlight ang pagkakaroon ng tool ng pag-debug ng Node.js at mga pino-akdang aklatan. Pag-andar "Live edit" nagbibigay ng kakayahang tingnan sa pamamagitan ng browser ang lahat ng mga pagbabagong nagawa. Ang tool para sa pakikipag-ugnay sa web server ay nagbibigay-daan sa iyo upang malayuan i-edit at i-configure ang site.
Bilang karagdagan sa kakulangan ng isang interface ng wikang Ruso, ang WebStorm ay may isa pang "minus", na, hindi sinasadya, ay hindi magagamit para sa Aptana Studio, lalo na ang pangangailangan na magbayad para sa paggamit ng programa.
I-download ang WebStorm
Pahina ng harapan
Ngayon isaalang-alang ang isang bloke ng mga aplikasyon na tinatawag na HTML visual editor. Magsimula tayo sa pagsusuri sa isang produktong Microsoft na tinatawag na Front Page. Ang program na ito ay medyo popular, dahil sa isang pagkakataon ito ay bahagi ng suite ng Microsoft Office. Nag-aalok ito ng kakayahang i-layout ang mga web page sa isang visual editor na gumagana sa prinsipyo ng WYSIWYG ("kung ano ang nakikita mo, makakakuha ka ng"), tulad ng sa Word processor na salita. Kung ninanais, ang gumagamit ay maaaring magbukas ng isang karaniwang editor ng html para sa pagtatrabaho sa code o pagsamahin ang parehong mga mode sa isang hiwalay na pahina. Maraming mga tool sa pag-format ng teksto ay binuo sa interface ng application. May tampok na spell check. Sa isang hiwalay na window, makikita mo kung paano titingnan ang web page sa pamamagitan ng browser.
Sa napakaraming pakinabang, ang programa ay may higit pang mga drawbacks. Ang pinakamahalagang bagay ay hindi sinuportahan ng mga nag-develop mula pa noong 2003, na nangangahulugang ang produkto ay walang pag-asa sa likod ng pag-unlad ng mga teknolohiya sa web. Ngunit kahit na sa mga pinakamahusay na araw nito, ang Front Page ay hindi suportado ng isang malaking listahan ng mga pamantayan, na, naman, humantong sa katotohanan na ang mga web page na nilikha sa application na ito ay garantisadong na ipinapakita lamang sa Internet Explorer.
I-download ang Pahina ng Front
KompoZer
Ang susunod na visual na HTML editor, KompoZer, ay hindi rin suportado ng mga developer sa loob ng mahabang panahon. Ngunit hindi tulad ng Front Page, ang proyekto ay tumigil lamang noong 2010, na nangangahulugan na ang program na ito ay may kakayahang suportahan ang mga mas 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. Posible na pagsamahin ang parehong mga pagpipilian, gumana nang sabay-sabay sa ilang mga dokumento sa iba't ibang mga tab at i-preview ang mga resulta. Bilang karagdagan, ang Composer ay may built-in na FTP client.
Ang pangunahing minus, tulad ng sa Front Page, ay ang pagtatapos ng suporta para sa KompoZer ng mga developer. Bilang karagdagan, ang program na ito ay mayroon lamang isang interface ng Ingles.
I-download ang KompoZer
Adobe pangarap
Natapos namin ang artikulong ito sa isang maikling pangkalahatang-ideya ng visual na HTML editor na Adobe Dreamweaver. Hindi tulad ng nakaraang mga analogue, ang produktong produktong software ay sinusuportahan pa rin ng mga nag-develop nito, na nagsisiguro sa 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 (na may backlight) at 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 mapadali ang gawain gamit ang code.
Basahin din: Mgaalog ng Dreamweaver
Kabilang sa mga pagkukulang, ang halip mataas na halaga ng programa, ang makabuluhang timbang at intensity ng mapagkukunan, ay dapat na i-highlight.
I-download ang Adobe Dreamweaver
Tulad ng nakikita mo, maraming mga grupo ng mga programa na idinisenyo upang mapadali ang gawain ng taga-disenyo ng layout. Ito ang mga advanced na editor ng teksto, mga editor ng visual na HTML, mga integrated tool na 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 ng layout, ang kakanyahan ng gawain at pagiging kumplikado.
