Найпростую вэб-старонку дасведчанаму вярстальшчыкі або вэб-праграмісту не складзе працы звярстаць і пры дапамозе звычайнага тэкставага рэдактара. Але для выканання складаных задач у гэтым напрамку дзейнасці рэкамендуецца выкарыстоўваць спецыялізаванае ПА. Гэта могуць быць прасунутыя тэкставыя рэдактары, шматфункцыянальныя комплексныя прыкладання, якія называюцца інтэграванымі сродкамі распрацоўкі, рэдактары малюнкаў і г.д. У дадзеным артыкуле мы як раз разгледзім праграмнае забеспячэнне, прызначанае для вёрсткі сайтаў.
Notepad ++
Перш за ўсё, пачнем з апісання прасунутых тэкставых рэдактараў, прызначаных для таго, каб палегчыць працу вярстальніка. Безумоўна, самай вядомай праграмай дадзенага тыпу з'яўляецца Notepad ++. Гэта праграмнае рашэнне падтрымлівае сінтаксіс вельмі многіх моў праграмавання, а таксама тэкставых кадовак. Падсвятленне кода і нумарацыя радкоў значна палягчаюць працу праграмістам розных напрамкаў. Прымяненне рэгулярных выразаў робіць прасцей пошук і змяненне падобных па структуры участкаў кода. Для хуткага выканання аднатыпных дзеянняў прапануецца запісваць макрасы. Істотна пашырыць і так багаты функцыянал можна пры дапамозе ўбудавальных убудоў.
Чытайце таксама: Аналагі Notepad ++
Сярод недахопаў можна назваць толькі такі сумнеўны "мінус", як наяўнасць вялікай колькасці функцый, якія незразумелыя для звычайнага карыстача.
Спампаваць Notepad ++
SublimeText
Яшчэ адным прасунутым тэкставым рэдактарам для работнікаў сферы вэб-праграмавання з'яўляецца SublimeText. Ён таксама ўмее працаваць з многімі мовамі, уключаючы Java, HTML, CSS, C ++. Пры працы з кодам ўжываецца падсвятленне, автодополненіе і нумарацыя. Вельмі зручнай функцыяй з'яўляецца падтрымка сниппетов, з дапамогай якой можна ўжываць нарыхтоўкі. Выкарыстанне рэгулярных выразаў і макрасаў таксама можа забяспечыць значную эканомію часу для вырашэння пастаўленай задачы. SublimeText дазваляе працаваць адначасова на чатырох панэлях. Пашыраецца функцыянал праграмы шляхам ўстаноўкі убудоў.
Галоўным недахопам прыкладання, калі параўноўваць яго з Notepad ++, з'яўляецца адсутнасць рускамоўнага інтэрфейсу, што выклікае пэўныя нязручнасці асабліва ў нявопытных карыстальнікаў. Таксама не ўсім карыстальнікам падабаецца што з'яўляецца апавяшчэнне з прапановай набыць ліцэнзію ў акне бясплатнай версіі прадукта.
спампаваць SublimeText
Brackets
Завершым апісанне тэкставых рэдактараў, прызначаных для вёрсткі вэб-старонак, аглядам прыкладання Brackets. Дадзены інструмент, як і папярэднія аналагі, падтрымлівае ўсе асноўныя мовы разметкі і праграмавання з падсветкай адпаведных выразаў і нумарацыяй радкоў. Разыначкай прыкладання з'яўляецца наяўнасць функцыі "Live Preview", Пры дапамозе якой можна ў рэальным часе праз браўзэр праглядаць ўсе ўнесеныя ў дакумент змены, а таксама інтэграцыя ў кантэкстнае меню "Правадыра". Інструментар Brackets дазваляе вырабляць прагляд вэб-старонак у рэжыме выпраўленьня. Праз акно праграмы можна маніпуляваць некалькімі файламі адначасова. Магчымасць ўсталёўкі іншых пашырэнняў яшчэ больш рассоўвае межы функцыяналу.
Засмучае толькі наяўнасць некаторых нерусифицированных падзелаў у праграме, а таксама магчымасць выкарыстання функцыі "Live Preview" выключна ў браўзэры Google Chrome.
спампаваць Brackets
GIMP
Адным з самых папулярных сярод прасунутых рэдактараў малюнкаў, якія можна паспяхова выкарыстоўваць у тым ліку і для фарміравання web-кантэнту, з'яўляецца GIMP. Асабліва зручна праграму ўжываць для прамалёўкі дызайну сайта. З дапамогай дадзенага прадукту ёсць магчымасць маляваць і рэдагаваць гатовыя малюнка, ужываючы разнастайныя інструменты (пэндзля, фільтры, размыванне, вылучэнне і многае іншае). GIMP падтрымлівае працу з пластамі і захаванне нарыхтовак ва ўласны фармат, з якім можна аднавіць працу на тым жа месцы, дзе яна была скончана, нават пасля паўторнага запуску. Гісторыя версій дапамагае адсачыць ўсе дзеянні, якія ўжываліся да малюнка, і пры неабходнасці адмяніць іх. Акрамя таго, праграма ўмее працаваць з тэкстам, якія наносяцца на малюнак. Гэта адзінае бясплатнае прыкладанне сярод аналагаў, якое можа прапанаваць такі багаты функцыянал.
Сярод недахопаў можна вылучыць часам які ўзнікае эфект падтармажвання з-за вялікай рэсурсаёмістасці праграмы, а таксама значныя складанасці ў разуменні алгарытму працы для пачаткоўцаў.
Спампаваць GIMP
Adobe Photoshop
Платным аналагам GIMP з'яўляецца праграма Adobe Photoshop. Яна карыстаецца нават большай папулярнасцю, бо была выпушчаная значна раней і мае больш развіты функцыянал. Фотошоп прымяняецца ў многіх сферах вэб-распрацоўкі. З яго дапамогай можна ствараць рэдагаваць і ператвараць выявы. Праграма ўмее працаваць з пластамі і 3D-мадэлямі. Пры гэтым карыстальнік мае магчымасць выкарыстоўваць яшчэ большы набор інструментаў і фільтраў, чым у GIMP.
Сярод асноўных недахопаў варта назваць складанасць у авалоданні ўсім функцыяналам Adobe Photoshop. Акрамя таго, у адрозненне ад GIMP, дадзены інструмент платны з выпрабавальным перыядам за ўсё ў 30 дзён.
Спампаваць Adobe Photoshop
Aptana Studio
Наступная група праграм для вёрсткі вэб-старонак - інтэграваныя сродкі распрацоўкі. Адным з яе самых папулярных прадстаўнікоў з'яўляецца Aptana Studio. Дадзенае праграмнае рашэнне - гэта комплексны інструмент для стварэння сайтаў, які ўключае ў сябе тэкставы рэдактар, адладчык, кампілятар і сродак аўтаматызацыі зборкі. Пры дапамозе прыкладання можна працаваць з праграмным кодам на многіх мовах праграмавання. Aptana Studio падтрымлівае маніпуляцыі адначасова з некалькімі праектамі, інтэграцыю з іншымі сістэмамі (у прыватнасці, з сэрвісам Aptana Cloud), а таксама выдаленае рэдагаванне змесціва сайта.
Галоўнымі недахопамі Aptana Studio з'яўляецца складанасць у засваенні і адсутнасць рускамоўнага інтэрфейсу.
Спампаваць Aptana Studio
WebStorm
Аналагам праграмы Aptana Studio з'яўляецца WebStorm, які таксама адносіцца да класа інтэграваных сістэм распрацоўкі. У гэты праграмны прадукт убудаваны зручны рэдактар кода, які падтрымлівае ўражлівы пералік розных праграмных моў. Для большага камфорту карыстальніка распрацоўшчыкі прадугледзелі магчымасць выбару дызайну афармлення працоўнай вобласці. Сярод "плюсаў" ВебШторм можна вылучыць наяўнасць інструмента адладкі Node.js і тонкай налады бібліятэк. функцыя "Live Edit" дае магчымасць прагляду праз браўзэр усіх унесеных змяненняў. Сродак ўзаемадзеяння з вэб-серверам дазваляе вырабляць выдаленае рэдагаванне і наладу сайта.
Акрамя адсутнасці рускамоўнага інтэрфейсу ў WebStorm маецца яшчэ адзін "мінус", якога, дарэчы, няма ў Aptana Studio, а менавіта неабходнасць аплаты выкарыстання праграмы.
спампаваць WebStorm
Front Page
Зараз разгледзім блок прыкладанняў, якія называюцца візуальнымі HTML-рэдактарамі. Пачнем з агляду прадукту кампаніі Microsoft пад назвай Front Page. Гэтая праграма мела немалую папулярнасць, так як у свой час уваходзіла ў склад пакета Microsoft Office. Яна прапануе магчымасць вёрсткі вэб-старонак у візуальным рэдактары, які працуе па прынцыпе WYSIWYG ( "што бачыш, то і атрымаеш"), як у тэкставым працэсары Ворд. Пры жаданні карыстальнік можа адкрыць стандартны html-рэдактар для працы з кодам або сумясціць абодва рэжыму на асобнай старонцы. У інтэрфейс прыкладання ўбудавана шмат інструментаў фарматавання тэксту. Маецца функцыя праверкі правапісу. У асобным акне можна праглядзець, як будзе выглядаць вэб-старонка праз браўзэр.
Пры такой вялікай колькасці добрых якасцяў праграма мае яшчэ больш недахопаў. Самы галоўны выяўляецца ў тым, што распрацоўшчыкі не падтрымліваюць яе з 2003 года, а гэта значыць, што прадукт безнадзейна адстаў ад развіцця вэб-тэхналогій. Але нават у свае самыя лепшыя часы Front Page не падтрымліваў вялікі пералік стандартаў, што, у сваю чаргу, прыводзіла да таго, што гарантавана карэктна вэб-старонкі, створаныя ў дадзеным дадатку, адлюстроўваліся толькі ў браўзэры Internet Explorer.
Спампаваць Front Page
KompoZer
Наступны візуальны рэдактар HTML-кода - KompoZer таксама працяглы перыяд не падтрымліваецца распрацоўшчыкамі. Але ў адрозненне ад Front Page, праект быў спынены толькі ў 2010 годзе, а значыць, дадзеная праграма ўсё ж такі здольная падтрымліваць больш новыя стандарты і тэхналогіі, чым вышэйназваны канкурэнт. Яна таксама ўмее працаваць у рэжыме WYSIWYG і ў рэжыме рэдагавання кода. Маюцца магчымасці сумяшчэння абодвух варыянтаў, працы адначасова з некалькімі дакументамі ў розных укладках і папярэдняга прагляду вынікаў. Акрамя таго, у Композер ёсць убудаваны FTP-кліент.
Асноўны "мінус", як і ў Front Page, заключаецца ў спыненні падтрымкі KompoZer распрацоўшчыкамі. Акрамя таго, у дадзенай праграмы маецца толькі англамоўны інтэрфейс.
спампаваць KompoZer
Adobe Dreamweaver
Завершым дадзены артыкул кароткім аглядам візуальнага HTML-рэдактара Adobe Dreamweaver. У адрозненне ад папярэдніх аналагаў, дадзены праграмны прадукт да гэтага часу падтрымліваецца сваімі распрацоўшчыкамі, што забяспечвае яго актуальнасць у плане адпаведнасці сучасным стандартам і тэхналогіях, а таксама больш магутны функцыянал. Дримвьювер прадастаўляе магчымасць працаваць у рэжымах WYSIWYG, звычайнага рэдактара кода (з падсветкай) і падзеленым. Акрамя таго, можна праглядаць усе змены ў рэжыме рэальнага часу. У праграме маецца таксама цэлы набор дадатковых функцый, якія палягчаюць працу з кодам.
Чытайце таксама: Аналагі Dreamweaver
Сярод недахопаў варта вылучыць даволі высокі кошт праграмы, яе значную вагу і рэсурсаёмістай.
Спампаваць Adobe Dreamweaver
Як бачым, існуе некалькі груп праграм, якія прызначаны для таго, каб палегчыць працу вярстальніка. Гэта прасунутыя тэкставыя рэдактары, візуальныя HTML-рэдактары, інтэграваныя сродкі распрацоўкі і рэдактары малюнкаў. Выбар канкрэтнай праграмы залежыць ад узроўню прафесійных навыкаў вярстальніка, сутнасці пастаўленай задачы і яе складанасці.
