Тажрыйбалуу веб-дизайнер же веб-программист үчүн кадимки текст редакторунун жардамы менен жөнөкөй веб-баракча жасоо кыйын эмес. Бирок бул багыттагы татаал тапшырмаларды аткаруу үчүн адистештирилген программаларды колдонуу сунушталат. Бул өркүндөтүлгөн текст редакторлору, интегралдык өнүгүү куралдары деп аталган көп функционалдуу интегралдык тиркемелер, сүрөт редактору ж.б. Бул макалада, биз жөн гана сайттын долбоору үчүн иштелип чыккан программаны карап чыгабыз.
Блокнот ++
Биринчи кезекте, дизайнердин ишин жеңилдетүү максатында иштелип чыккан тексттик редакторлордун сүрөттөмөсүнөн баштайлы. Азырынча ушул типтеги эң белгилүү программа Notepad ++. Бул программа чечим текстташтыруу сыяктуу эле, көптөгөн программалоо тилдеринин синтаксисин колдойт. Кодду бөлүп көрсөтүү жана линияларды номерлөө ар кандай чөйрөдөгү программисттердин ишин жеңилдетет. Кадимки туюнтмаларды колдонуу, окшош коддорду түзүмдө табуу жана өзгөртүү мүмкүнчүлүгүн берет. Ушундай аракеттерди тез жасоо үчүн макрос жаздырып алуу сунушталат. Кыналган плагиндердин жардамы менен сиз буга чейин бай функцияны кеңейте аласыз.
Ошондой эле окуңуз: Notepad ++ аналогдору
Кемчиликтердин катарында мындай шектүү "минус" деп атоого болот, анткени орточо колдонуучуга түшүнүксүз болгон көптөгөн функциялардын болушу.
Блокнот ++ жүктөп алыңыз
SublimeText
Веб иштеп чыгуучулар үчүн дагы бир өркүндөтүлгөн текст редактору SublimeText. Ал ошондой эле Java, HTML, CSS, C ++ сыяктуу көптөгөн тилдер менен иштөөнү билет. Код менен иштөөдө, жарык берүү, авто-аяктоо жана номерлөө колдонулат. Өтө ыңгайлуу өзгөчөлүк - бул бөлүктөрдү колдоно турган үзүндүлөрдү колдоо. Кадимки туюнтмаларды жана макростарды колдонуу менен, тапшырманы чечүүгө убакытты үнөмдөөгө болот. SublimeText бир эле учурда төрт панелде иштөөгө мүмкүнчүлүк берет. Плагиндерди орнотуу менен программанын иштеши кеңейтилет.
Notepad ++ менен салыштырганда, тиркеменин негизги жетишпестиги, орус тилиндеги интерфейстин жоктугу, айрыкча тажрыйбасыз колдонуучуларга бир топ ыңгайсыздыктарды жаратат. Ошондой эле, колдонуучулардын бардыгы эле өнүмдүн акысыз версиясынын терезесинен лицензия сатып алуу сунушу менен келген эскертмени жактыра бербейт.
Download SublimeText
Brackets
Веб баракчаларын жайгаштыруу үчүн иштелип чыккан тексттик редакторлордун сыпаттамасын кашаалар тиркемесине сереп салуу менен жыйынтыктайбыз. Бул курал, буга окшогон аналогдор сыяктуу, бардык негизги белгилөө жана программалоо тилдеринде тийиштүү туюнтмаларды жана линияларды белгилөө менен иштейт. Колдонмонун өзгөчөлүгү - бул функциялардын болушу "Түз ободо алдын-ала көрүү", сиз браузер аркылуу реалдуу убакытта документке киргизилген бардык өзгөртүүлөрдү көрө аласыз, ошондой эле контексттик менюга интеграциялай аласыз "Explorer". Кашаалар инструменти веб баракчаларын мүчүлүштүктөрдү оңдоо режиминде карап чыгууга мүмкүнчүлүк берет. Программанын терезеси аркылуу бир эле учурда бир нече файлды башкарууга болот. Үчүнчү жактын кеңейтүүлөрүн орнотуу мүмкүнчүлүгү иштин чектерин дагы күчөтөт.
Жалгыз гана капалануу - бул программада орусча эмес бөлүктөрдүн болушу, ошондой эле функцияны колдонуу мүмкүнчүлүгү "Түз ободо алдын-ала көрүү" жалаң гана Google Chrome браузеринде.
Кашааларды жүктөп алыңыз
GIMP
Өркүндөтүлгөн сүрөт редакторлорунун ичинен эң популярдуулардын бири, анын ичинде веб-контентти түзүү үчүн ийгиликтүү колдонсо болот - GIMP. Веб-сайттын дизайнын чийүү үчүн программаны колдонуу ыңгайлуу. Бул продукттун жардамы менен ар кандай шаймандарды (щеткалар, чыпкалар, бүктөө, тандоо жана башка көптөгөн нерселерди) колдонуу менен даяр сүрөттөрдү тарта жана түзөтүүгө болот. GIMP катмарлар менен иштөөнү жана жумушчу бөлүктөрдү өз форматында сактоону колдойт, ошондо сиз кайра баштаганыңыздан кийин да, ошол жерде ишин улантсаңыз болот. Өзгөрүүлөрдүн тарыхы сүрөттө колдонулган бардык аракеттерди көзөмөлдөп, зарыл болсо, аларды жокко чыгарууга жардам берет. Мындан тышкары, программа сүрөттө колдонулган текст менен иштей алат. Мындай бай функцияны сунуш кыла турган аналогдордун ичинен бирден-бир акысыз тиркеме.
Кемчиликтердин катарында, программаны көп ресурстарды керектөө, ошондой эле жаңыдан баштагандар үчүн иштин алгоритмин түшүнүүдөгү олуттуу кыйынчылыктардан улам, жайыраак эффектти белгилөөгө болот.
GIMP жүктөп алуу
Adobe Photoshop
GIMP акы төлөнүүчү аналогу Adobe Photoshop программасы. Ал мурдагыдан көбүрөөк жарыкка чыккан жана иштелип чыккан функциялары менен атак-даңкка ээ. Photoshop желе иштеп чыгуунун көптөгөн тармактарында колдонулат. Анын жардамы менен сиз сүрөттөрдү түзүп, түзөтүп жана конверттей аласыз. Программа катмарлар жана 3D-моделдер менен иштей алат. Ошол эле учурда, колдонуучу GIMPге караганда куралдардын жана чыпкалардын андан да чоң топтомун колдоно алат.
Негизги кемчиликтердин катарында Adobe Photoshopтун бардык функцияларын өздөштүрүүдөгү кыйынчылыктарды белгилей кетүү керек. Мындан тышкары, GIMPден айырмаланып, бул шайманга 30 күндүк сыноо мөөнөтү менен гана төлөнөт.
Adobe Photoshop программасын жүктөп алыңыз
Аптана студиясы
Веб баракчаларды жайгаштыруу программаларынын кийинки тобу - интеграцияланган иштеп чыгуу куралдары. Анын эң популярдуу өкүлдөрүнүн бири - Аптана студиясы. Бул программалык чечим сайттарды түзүүнүн комплекстүү куралы болуп саналат, анын ичине текст редактору, мүчүлүштүктөрдү оңдоочу, компилятор жана автоматташтыруу куралы кирет. Колдонмону колдонуп, көптөгөн программалоо тилдеринде программалык код менен иштөөгө болот. Aptana Studio бир эле учурда бир нече долбоорлорду башкарууну, башка тутумдар менен интеграциялоону (атап айтканда Aptana Cloud кызматы менен), ошондой эле сайт мазмунун алыстан оңдоону колдойт.
Аптана студиясынын негизги кемчиликтери - бул өздөштүрүүдөгү кыйынчылыктар жана орус тилиндеги интерфейстин жоктугу.
Аптана студиясын жүктөп алуу
WebStorm
Аптана студиясынын аналогу WebStorm, ал интегралдык өнүгүү тутумдарынын классына кирет. Бул программалык продуктта ар кандай программалоо тилдеринин таасирдүү тизмесин колдогон орнотулган код редактору бар. Колдонуучунун ыңгайлуулугу үчүн, иштеп чыгуучулар жумуш мейкиндигинин дизайнынын дизайнын тандап алууга мүмкүнчүлүк беришкен. WebStorm "артыкчылыктарынын" ичинен сиз Node.js мүчүлүштүктөрдү оңдоочу куралын жана тууралаган китепканаларды белгилей аласыз. милдети "Түз ободо түзөтүү" киргизилген бардык өзгөрүүлөрдү браузер аркылуу көрүү мүмкүнчүлүгүн берет. Веб-сервер менен иштөө куралы сизге сайтты алыстан түзөтүүгө жана конфигурациялоого мүмкүнчүлүк берет.
Орус тилиндеги интерфейстин жоктугунан тышкары, WebStorm дагы бир "минус" тапты, ал, Aptana Studio үчүн жок, тактап айтканда программаны колдонуп төлөп берүү керек.
WebStorm жүктөп алыңыз
Алдыңкы бет
Эми HTML визуалдык редакторлор деп аталган тиркемелерди карап көрүңүз. Microsoft баракчасын Front Page деп аталган продукцияны карап чыгуудан баштайлы. Бул программа бир топ эле популярдуулукка ээ болгон, анткени бир кезде ал Microsoft Office пакетинин бир бөлүгү болчу. Word тексттик процессорундагыдай эле, WYSIWYG ("эмнени көрсөң, ошону аласың") принциби боюнча иштей турган визуалдык редакторго веб баракчаларын жайгаштырууну сунуш кылат. Кааласаңыз, колдонуучу код менен иштөө үчүн стандарттуу html редакторун ача алат же эки режимди өзүнчө баракта бириктире алат. Көптөгөн тексттерди форматтоо куралдары колдонмо интерфейсине курулган. Орфографияны текшерүү функциясы бар. Өзүнчө терезеде, веб-баракчаны браузер аркылуу кандайча көрүүгө болот.
Артыкчылыктары менен, программанын дагы кемчиликтери бар. Эң негизгиси, иштеп чыгуучулар аны 2003-жылдан бери колдобой жатышат, демек, продукт веб-технологияларды өнүктүрүүдөн артта калууда. Бирок эң жакшы күндөрдө да Front Page стандарттардын чоң тизмесин колдогон жок, бул өз кезегинде ушул тиркемеде түзүлгөн веб-баракчалардын Internet Explorerде гана көрсөтүлүшүнө кепилдик берди.
Front Page жүктөө
KompoZer
Кийинки визуалдык HTML редактору, KompoZer, узак убакыт бою иштеп чыгуучулар тарабынан колдоого алынбайт. Бирок Front Page-тан айырмаланып, долбоор 2010-жылы гана токтотулган, демек бул программа жогоруда айтылган атаандашка караганда жаңы стандарттарды жана технологияларды колдой алат. Ошондой эле ал WYSIWYG режиминде жана коддорду редакциялоо режиминде кантип иштөөнү билет. Эки вариантты айкалыштырууга, ар кандай өтмөктөрдө бир нече документтер менен биргелешип иштөөгө жана жыйынтыктарды алдын-ала көрүүгө болот. Мындан тышкары, Композитордун орнотулган FTP кардары бар.
Негизги бет, Front Page сыяктуу эле, иштеп чыгуучулар тарабынан КомпоЗерди колдоонун токтотулушу. Мындан тышкары, бул программа англис тилинде гана иштейт.
КомпоЗерди жүктөп алыңыз
Adobe dreamweaver
Бул макаланы Adobe Dreamweaver визуалдык HTML редактору жөнүндө кыскача обзор менен аяктайбыз. Мурунку аналогдордон айырмаланып, бул программалык продукт аны иштеп чыгуучулар тарабынан колдоого алынат, бул анын заманбап стандарттарга жана технологияларга ылайыктуулугун, ошондой эле кыйла күчтүү функционалдуулугун камсыз кылат. Dreamviewer WYSIWYG режимдеринде, кадимки код редакторунда (арткы жарык менен) иштөө мүмкүнчүлүгүн берет. Мындан тышкары, бардык өзгөрүүлөрдү реалдуу убакытта көрө аласыз. Программа ошондой эле код менен иштөөнү жеңилдеткен кошумча функцияларды камтыйт.
Ошондой эле окуңуз: Dreamweaver аналогдору
Кемчиликтердин арасында программанын кыйла жогору баасын, анын олуттуу салмагын жана ресурстардын сыйымдуулугун белгилөө керек.
Download Adobe Dreamweaver
Көрүнүп тургандай, дизайнердин ишин жеңилдетүү максатында иштелип чыккан программалардын бир нече тобу бар. Бул өркүндөтүлгөн текст редакторлору, визуалдык HTML редакторлор, интеграцияланган иштеп чыгуу куралдары жана сүрөт редакторлору. Белгилүү бир программаны тандоо, дизайнердин кесиптик чеберчилигинин деңгээлине, тапшырманын маани-маңызына жана анын татаалдыгына жараша болот.
