Вэб хуудсыг засварлах програмууд. HTML редакторууд

Хэрэглэгчдийн 40% нь дизайн муутай сайтуудыг орхидог гэдгийг та мэдэх үү? Яагаад ашгаа алдах вэ? Яг одоо хамгийн шилдэг WordPress сэдвүүдийн нэгийг сонгоод суулгаарай!

IDE болон код засварлагчийн хоорондох ялгаа нь эхнийх нь ихэвчлэн програм хангамж боловсруулахад зориулагдсан байдаг бөгөөд код засварлагч, дибаглагч болон хөгжүүлэлтийн процессыг ихээхэн хялбаршуулдаг хэрэгслүүдтэй хамт ирдэг. Гэхдээ вэб дизайнерууд эдгээр функцийг ихэвчлэн ашигладаггүй тул код засварлагч нь тэдэнд хангалттай. 2017 онд вэб дизайнеруудад зориулсан шилдэг код засварлагчдыг олж мэдэхийн тулд уншина уу.

Та бидний вэб хөгжүүлэлтийн янз бүрийн чиглэлээр цуглуулсан өөр нийтлэлийг сонирхож магадгүй юм.

Ихэнх вэб дизайнерууд визуал хэрэгслээр ажилладаг боловч заримдаа кодчилол, тохируулга хийх шаардлагатай байдаг бөгөөд вэб дизайн дахь бүх зүйлийг визуал хэрэгслээр хийх боломжгүй байдаг. Хэдийгээр энэ байдал хурдацтай өөрчлөгдөж байгаа мэт санагдаж байна. Үүнийг бодолцож өнөөдрийн нийтлэлээрээ бид вэб дизайнеруудад зориулсан кодчилолын хамгийн тохь тухтай орчинг бүрдүүлэхийн тулд өөрчлөхөд маш хялбар шилдэг код засварлагчдад анхаарлаа хандуулахаар шийдлээ.

Гайхамшигтай текст

Үүнийг бас Sublime Editor гэж нэрлэдэг текст засварлагч/ IDE нь вэб хөгжүүлэлт, вэб дизайны салбарт алдартай. Sublime Text нь олон талт, өөрчлөх боломжтой гэдгээрээ бусдаас ялгардаг бөгөөд ямар ч хэрэглэгч өөрийн хэрэгцээнд тохируулан засварлагчийг өөрчлөх боломжийг олгодог. Таны кодлож буй хэлээс үл хамааран (Java, JavaScript эсвэл C++) Sublime нь өөр өөр нэмэлт өргөтгөлүүдийг санал болгодог бөгөөд бусад хөгжүүлэгчдийн хамт олонтой хуваалцсан гуравдагч талын сэдвүүдийг суулгах боломжийг олгодог.

Sublime-г ашиглахад үнэ төлбөргүй байдаг ч үе үе таныг бүтэн хувилбарыг нь худалдаж авахыг хүссэн харилцах цонх гарч ирэх болно. Надад итгээрэй, энэ нь үнэ цэнэтэй юм! Үнэгүй хувилбарт ямар нэгэн боломжийн хязгаарлалт байхгүй, гэхдээ хэдэн мянган удаа үр өгөөжтэй зүйлд хөрөнгө оруулалт хийх нь сайхан байдаг гэдгийг санаарай.

Notepad++

Notepad++ бол бидний олонх нь өссөн стандарт дэвтэрийн залгамжлагч юм. Notepad++ нь вэб дизайнер, кодлогчдод тохиромжтой хялбаршуулсан код засварлагч юм. Энэ нь хэрэглэхэд хялбар боловч нэлээд дэвшилтэт. Энэ нь кодчиллын үндсийг ойлгож, илүү нээлттэй кодчилол хийх боломжийг олгодог өөрчлөн тохируулах сонголтыг санал болгодог.

Вэб дизайнеруудад зориулсан үнэгүй код засварлагч

атом

Atom бол маш алдартай нээлттэй эх сурвалжийн нийгэмлэг болох GitHub-ийн боловсруулсан хамгийн сүүлийн үеийн код засварлагч юм. Atom харьцангуй саяхан гарч ирсэн хэдий ч энэхүү код засварлагч нь олон тооны шүтэн бишрэгчдийг татаж чадсан. Энэ нь түүний уян хатан дизайн, гайхалтай оновчтой сонголтууд, түүнчлэн олон нийтийн хүчтэй дэмжлэгийн ачаар боломжтой болсон.

Суурилуулсан багц менежер нь танд код засварлагч дотроос код бичих боломжийг олгож, цагийг хэмнэж, бүтээмжийг нэмэгдүүлнэ. Кодыг хурдан бичих дуртай хүмүүс код бичихдээ онцлог шинж чанар, бичихдээ ашигладаг хэлээ зөн совингоор санадаг автоматаар гүйцээх функцэд сэтгэл хангалуун байх болно.

vim

Vim нь текстийг үр дүнтэй засварлахад зориулагдсан, тохируулахад хялбар текст засварлагч юм. Энэ нь ихэнх UNIX системүүдтэй хамт ирдэг vi засварлагчийн сайжруулсан хувилбар юм. Хөгжүүлэгчдийн дунд Vim код засварлагчийн талаар сонсоогүй хүнтэй уулзах нь маш хэцүү байдаг.

Vim олон жилийн турш бий болсон бөгөөд ямар ч тусгай зориулалтын UNIX хэрэглэгч хөгжүүлэлт, дизайны хувьд энэ код засварлагчийг сонгох магадлалтай. Нэлээд алдартай хэдий ч Vim засварлагч нь Vim болон түүний ашигладаг бүх командыг сурахад тийм ч хялбар биш юм. Хэрэв та UNIX систем дээр ажиллахдаа гарын товчлолыг ашиглах дуртай бол Vim дээр код бичих нь танд таалагдах нь дамжиггүй.

Вэб дизайнеруудад зориулсан үнэгүй код засварлагч

emacs

Emacs бол Vim-ийн залгамжлагч бөгөөд ядаж хэрэглэгчдийнх нь үзэж байгаагаар. vi-ийн нэгэн адил Emacs нь дэлгэцийн засварлагч боловч vi-ээс ялгаатай нь энэ нь оруулах горимын засварлагч биш бөгөөд энэ нь Emacs-д оруулсан бүх тэмдэгтүүд нь багийн угтваргүй бол файлд автоматаар бичигдэнэ гэсэн үг юм. Тохируулах сонголтуудаас болж олон хүмүүс Emacs-ийг илүүд үздэг. Гэхдээ та өөрийнхөө үзэл бодлыг бий болгохын тулд өөрөө туршиж үзэх хэрэгтэй.

Хаалт

Хаалт бол зөвхөн вэб дизайнеруудад зориулагдсан өөр нэг гайхалтай код засварлагч юм. Суурилуулсан визуал болон урьдчилсан процессорын тусламжтайгаар Brackets нь вэб сайтыг шууд хөтчөөс зохион бүтээхэд төвөгтэй үгсийг арилгадаг. Хаалт нь байнга шинэчлэгддэг гэдгээрээ алдартай. Мөн бүтээгчид нь хэрэглэгчдийн санал хүсэлтийг анхааралтай авч үздэг бөгөөд энэ нь редакторын шаардлагатай бүрэлдэхүүн хэсгүүдийг сайжруулах, оновчтой болгох боломжийг олгодог.

"Extract" функц нь PSD файлаас төслийн өгөгдлийг шууд задлах боломжийг олгодог бөгөөд өнөөдөр өөр ямар ч код засварлагчаас олж чадахгүй. Хаалтны тусламжтайгаар та дэлгэцэн дээр шууд харагдах CSS болон HTML-д өөрчлөлт оруулах боломжтой. Мөн та хөтөч дээр CSS сонгогчийг юунд ашиглаж байгааг олж мэдэх боломжтой. Энэхүү программ нь код засварлагчийн хүчийг хөтөч доторх хөгжүүлэлтийн хэрэгслүүдтэй хослуулсан.

Вэб дизайнеруудад зориулсан үнэгүй код засварлагч

Кода

Хэрэв та вэбсайт бүтээх энгийн бөгөөд ойлгомжтой шийдлийг хайж байгаа бол Coda танд тохирсон шийдэл байж магадгүй юм. Энэ бол кодчилолын синтакс, олон хэл болон бусад гайхалтай функцуудыг дэмждэг төгс текст засварлагч юм. Тэд хөгжлийн үйл явцыг хөгжилтэй, сонирхолтой болгох болно. Технологийн өндөр мэдлэгтэй дизайнерууд MySQL мэдээллийн санд суурилуулсан засварлагчийг үнэлдэг бөгөөд энэ нь таныг нэг сайтыг хөгжүүлэхэд янз бүрийн хэрэглүүр ашиглах бэрхшээлээс хэмнэх болно.

TextMate

Хэдийгээр TextMate нь зөвхөн OS X хэрэглэгчдэд зориулагдсан боловч өнөө үед зах зээл дээрх хамгийн өргөн хүрээтэй текст код засварлагчдын нэг юм. TextMate нь IDE гэж тооцогддоггүй боловч түүний хэсгүүд болон макро дэмжлэгийн ачаар энэ нь ажлын урсгалдаа тохируулга, уян хатан байдлыг шаарддаг дизайнерууд болон хөгжүүлэгчдийн хувьд маш сайн орлуулагч болсон.

ICEcoder

ICEcoder нь вэб хөтөч дээр суурилсан цөөн тооны код засварлагчдын нэг гэдгээрээ онцлог бөгөөд үүнийг онлайн болон офлайн байдлаар ашиглах боломжтой. Хөтөч дээр шууд кодыг засварлах чадвар нь таны кодыг шууд туршиж үзэх, хөгжлийн явцыг бодит цаг хугацаанд хянах боломжийг олгодог тул сонирхолтой юм. Сэдвүүд, кодын зөвлөмжүүд, өгөгдлийн сангийн менежмент болон бусад олон функцууд бүгд хөгжүүлэгчид болон дизайнеруудын сонирхлыг татдаг.

Виктор бол анхан шатны болон интернетийн бизнес эрхлэгчдийг дэмжих зорилгоор бүтээгдсэн Амжилтын вэб лабораторийн вэбсайт төслийн хамтран үүсгэн байгуулагч юм. Мэргэжлийн эдийн засагч, санхүүч тэрээр инноваци, интернет бизнес эрхлэх чиглэлээр сонгодог менежментийн хэрэгслийг ашигладаг. Хобби Сүүлийн жилүүдэд: Цахим худалдаа, Дижитал маркетинг ба CMS.

Удаан хугацааны турш кодын дүрслэл нь хөгжүүлэгчдэд тэргүүлэх ач холбогдол өгөөгүй. Энэ нийтлэлд энэ зорилгоор ашиглагдаж буй 9 WYSIWYG редакторын жагсаалтыг харуулав. Төслийг хэрэгжүүлэх явцад үүнтэй төстэй ажил үүсвэл түүнтэй танилцахыг зөвлөж байна.

2016 оны шилдэг редактор юу вэ?

Өгүүллийн энэ хэсэгт та өөрийн ажлыг хөнгөвчлөх, хурдан болгох гайхалтай редакторуудыг олох болно. Мөн тэдний хамгийн шилдэг нь юу вэ?

Редакторын сонголт: Atom.io

Олон жилийн турш олон редакторууд бий болсон ч тэдний цөөхөн хэд нь өндөр түвшинд хэвээр үлдсэн эсвэл бүр илүү сайн болсон. Atom.io-г миний бүх програмист найзууд ашигладаг, би ч бас үүнийг сонгодог.

Хэрэв чамд хэрэгтэй бол шилдэг редактор HTML WYSIWYG нь код бичих эсвэл засварлахад зарцуулдаг цагийг 10 дахин багасгах бөгөөд энэ нь Atom юм. Үүнийг туршаад үзээрэй, та надад талархах болно. Atom.io нь үнэ төлбөргүй бөгөөд Github баг бүтээжээ.

Магтаалыг хүртэх өөр нэг хэрэгсэл бол Mac хэрэглэгчдэд зориулсан маш сайн засварлагч Coda юм. Энэ нь төгс, үзэсгэлэнтэй интерфэйстэй боловч 99 долларын үнэтэй. Одоогоор би Атомыг илүүд үздэг!

Одоо бусад редакторуудын тойм.

1.

Демо хувилбар | Татаж авах

Энэ нь илүү том, нарийн төвөгтэй визуал засварлагчдын өөр хувилбар бөгөөд жижиг хэмжээтэй. Энэ нь редакторын олон чухал боломжуудтай бөгөөд WYSIWYG онлайн засварлагчийг таны вэбсайтад нэгтгэхэд хялбар байдаг.

2.

Демо хувилбар | Татаж авах

Энэ нь JavaScript дээр бичигдсэн нээлттэй эхийн WYSIWYG HTML засварлагч юм. Энэ нь амархан нэгтгэгддэг бөгөөд сэдэв болон залгаасуудын тусламжтайгаар маш их өөрчлөх боломжтой. хамгийн нэг нь юм дүүрэн"MSWord-тай төстэй функцуудыг санал болгодог редакторууд.

3.

Демо хувилбар | Татаж авах

Энэ бол өмнө нь салбартаа тэргүүлэгч байсан хувилбарын сайжруулсан хувилбар юм. Энэ нь алдаагаа засах хүсэл эрмэлзэлд тулгуурласан. Үр дүн нь MSWord болон Open Office-тэй харьцуулахуйц засварлах боломжуудыг санал болгодог өндөр гүйцэтгэлтэй визуал засварлагч юм.

4. YUI Rich Text Editor

Демо хувилбар | Татаж авах

YUI Rich WYSIWYG вэб сайт засварлагч нь Yahoo-ийн хэрэглэгчийн интерфэйсийн удирдлага бөгөөд энгийн текстийн самбарыг бүрэн функцтэй WYSIWYG засварлагч болгон хувиргадаг. Энэхүү хэрэгсэл нь янз бүрийн түвшний нарийн төвөгтэй, өөр өөр функцтэй хэд хэдэн хувилбартай байдаг боловч зохиогчид тус бүрдээ маш сайн эргономикийг олж авч чаддаг. интерфэйсийг эмх замбараагүй болгодог товчлуурууд байхгүй).

5.

Демо хувилбар | Татаж авах

- Текст хэсгүүдийг өөрийн сонгосон тэмдэглэгээний засварлагч болгон хувиргах боломжийг олгодог jQuery залгаас. HTML , Wiki болон BBcode синтакс нь дэмжигдсэн сонголтуудын зөвхөн зарим нь юм. Энэ нь WYSIWYG засварлагч биш боловч энэ нь танд хэрэгтэй бүх функцийг санал болгодоггүй гэсэн үг биш юм. Мөн авсаархан, ажиллахад хялбар.

6.

Демо хувилбар | Татаж авах

ASP.NET-д тусгайлан зориулсан онлайн WYSIWYG HTML засварлагч. Редакторын гадаад төрх нь Microsoft Word-тэй маш төстэй юм. AT үнэгүй хувилбархэд хэдэн дэвшилтэт функцууд хэрэгжээгүй боловч бэлэн багц нь бүрэн хэмжээний ажилд хангалттай.

7.

Демо хувилбар | Татаж авах

Сайн бичигдсэн JavaScript номын санд суурилсан энгийн хэрнээ үр дүнтэй функцээр хангана. Хэрэв та Mootools-ийн шүтэн бишрэгч бол танд энэ талаар ямар ч асуудал гарахгүй.

8.

Демо хувилбар | Татаж авах

Энэ бол шаардлагатай бүх функцийг агуулсан WYSIWYG хөтчийн энгийн засварлагч юм. Энэ нь попап цонх, товчлууруудыг багтаасан сайхан хэрэглэгчийн интерфэйстэй. Үүний нэг онцлог шинж чанар нь хүснэгттэй сайн хийгдсэн ажил юм. Үүний зэрэгцээ, in Гүүгл Кром OpenWYSIWYG хараахан дэмжигдээгүй байна.

Компьютерийн програмчлалын хэлийг чанарын болон тоон утгаараа хөгжүүлснээр хөгжүүлэгчдийн бүтээмж, үр ашгийг нэмэгдүүлэхийн тулд мэдээллийн гаралтын төхөөрөмж дээрх кодын харааны өгөгдлийг системчлэх шаардлагатай болсон.

Програм хангамж хөгжүүлэх хэрэгслийн хөгжлийн түүх нь арав гаруй жилийн түүхтэй. Хүн төрөлхтөн мэдээллийг цаасан болон цоолсон туузан дээр харуулахаас эхлээд орчин үеийн хэрэгслүүдийн тусламжтайгаар программистууд дэлгэцэн дээрх кодыг танилцуулж, кодын үйл ажиллагааны график дүрслэл, түүнийг удирдах боломжтой болгожээ.

Орчин үеийн кодын засварлагчид визуал текст засварлагчаас гадна төрөл бүрийн хөрвүүлэгчтэй хамт ирдэг тусгай текст боловсруулах хэрэглүүрүүдээс өөрсдийн функцийг зээлж авсан. Текст засварлагч болон оффисын иж бүрдэлүүдээс эхлээд орчин үеийн интернетийн хуудас боловсруулах хэрэгслүүд нь текст болон график мэдээллийг компьютерийн дэлгэцэн дээр үзүүлэх талбарт хамгийн сайныг шингээсэн. Паскаль эсвэл С зэрэг программ хөрвүүлэгчид хавсаргасан тусгай редакторуудаас вэб хуудасны код засварлагчид синтакс онцлох, код солих чадварыг өөртөө шингээсэн.

Хоёр өвөг дээдсийн шинж чанарыг зээлж, вэб редакторуудхуудсууд эцэг эхтэйгээ хамт хөгжиж эхлэв. Зарим засварлагчид дэлгэцэн дээрх мэдээллийг графикаар харуулах, аль хэдийн гүйцэтгэсэн кодтой ажиллах зэрэг олон сонголтыг өөртөө шингээсэн байдаг. Нөгөө хэсэг нь синтаксийг тодруулах, өөр өөр хэл дээрх програмын кодыг түүхий текст хэлбэрээр орлуулах олон тооны боломжийг шингээсэн. Зарим хэрэглээнд өмнөх хоёр талын функцууд хоорондоо уялдаа холбоотой байдаг.

Вэб боловсруулахад зориулсан текст засварлагчдыг ихэвчлэн янз бүрийн хэл дээрх код, синтакс тодотголтой ажиллах хамгийн сайн чанарыг шингээсэн програмууд гэж нэрлэдэг. Интернет дэх программчлалын хувьд HTML, CSS, PHP, JavaScript өгөгдөлтэй ажиллах боломжтой хөгжүүлэгчийн тусгай хэрэгслийг ашигладаг.

Би хувьдаа энэ бүх хэнгэрэгтэй бүжигт дургүй. Би өөрөө бүтээхээсээ илүү бэлэн програмчлалын бүтээгдэхүүнийг ашиглахыг илүүд үздэг. Гэхдээ энэ бол миний бодол. Интернетээс та зөвхөн танд зориулж бүтээсэн, нэмэлтүүдтэй бэлэн болсон vim болон linux програмуудыг олох болно, гэхдээ Vim-ийн албан ёсны хувилбар нь IMHO интернетэд зориулсан програм хөгжүүлэх тусгай хэрэгсэл биш юм.

gedit (Windows, Mac, Linux)

Gedit нь Vim-аас илүү дэвшилтэт засварлагч бөгөөд Линукс дээрх Gnome цонхны менежерт тусгайлан бүтээгдсэн бөгөөд дараа нь бусад үйлдлийн системүүд рүү шилжсэн. Линукс хэрэглэгчийн хувьд би linux дээрх энэ засварлагч дээр дэмжигдээгүй кодчилолуудыг тойрон бүжиглэх шаардлагатай болсон тул энэ бүтээгдэхүүнийг орхиж, бусад програмуудыг ашиглах болсон. Жирийн хүнд цагийг дэмий үрэх цаг байдаггүй. Бүх Линукс програмууд нь ийм асуудалтай тулгардаг бөгөөд үүнийг шийдэх бүх нийтийн шийдэл байдаггүй.

Вэб хөгжүүлэгчдэд зориулсан боломжууд байдаг:

Синтакс онцлох

• Улаан шугам

Интернетээс олж болох нэмэлт залгаасууд:

Шошгуудыг автоматаар хаах.

HTML кодын шалгагч

Үндсэн текст үүсгэгч

Хайлт ба автоматаар засах ердийн илэрхийллүүд

Хөтчөөс код дамжуулах нэгдэл

Windows хэрэглэгчдийн хувьд энэ нь зарим талаараа ер бусын шийдэл боловч linux үйлдлийн системд дурлагчдын хувьд энэ бол танил хэрэгсэл юм.

Fraise (Mac)

Mac-д зориулсан ашиглахад хялбар, функцгүй засварлагч Fraise нь нэмэлт залгаасгүйгээр вэб програмыг хялбархан хөгжүүлэхэд шаардлагатай хэрэгслүүдийг агуулдаг.

Синтакс онцлох

Блоктой ажиллахад тохиромжтой

Хайж солих

HTML болон CSS хаягуудыг хурдан оруулах блокууд

Загварыг өөрчлөх үед автоматаар шинэчлэгддэг хөтөч

Тагуудыг нэг товчлуур дээр дарж хаах.

HTML байцаагч

Энэхүү засварлагч нь Mac-д тусгайлан бүтээгдсэн бөгөөд стандарт текст засварлагчийг орлуулахад тохиромжтой. Энэ нь Smultron програм тул зөвхөн Mac OS-ийн сүүлийн хувилбарууд эсвэл Smultron суулгасан үед л ажилладаг.

Text Wrangler (Mac)

Мэргэжлийн хөгжлийн орчин, тэдгээрийн салбарууд

Komodo Edit (Windows, Linux, Mac)

Энэ програмын функцийг зэрэгцээ арилжааны төслөөс зээлж, нэмэлт залгаасуудаар өргөтгөсөн бөгөөд энэ нь бараг хязгааргүй болгодог. Гэхдээ вэб програм хөгжүүлэхэд тохиромжтой редактороос бидэнд юу хэрэгтэй вэ? Энэ нь ямар ч програмын кодтой тав тухтай ажиллахад шаардлагатай бүх зүйлтэй. Намайг тайвшруулахгүй байгаа зүйл бол үйлдвэрлэгчид кодыг нэг дор хоёр цонхоор харах боломжийг хангаагүй явдал юм. Энэ нь кодтой ажиллахад тийм ч таатай биш болгодог. Би хувьдаа дугуйг дахин зохион бүтээх дургүй бөгөөд зэрэгцээ цонхонд сайжруулж болох зарим эх код миний нүдний өмнө байгаа үед энэ нь надад илүү хялбар байдаг.

Komodo Edit-ийн боломжууд нь үнэ төлбөргүй хувилбарт хязгаарлагдмал, Komodo IDE-тэй харьцуулахад даруухан функцтэй боловч Komodo Edit бидэнд яг юу санал болгож чадах вэ:

Вэбийн ихэнх програмчлалын хэл дээр синтаксийг тодруулахад дэмжлэг үзүүлдэг

Автоматаар бөглөх, хаах шошго

Файл менежер ба төслийн менежер.

FTP бол өөр өөр протокол дээр ажилладаг үйлчлүүлэгч юм.

Ажлын үр дүнг харахын тулд суурилуулсан хөтөч.

Функцийг тогтмол илэрхийллээр хайж, солих.

Олон цонхны цонхны интерфейс

HTML кодын эмх цэгцтэй эсэхийг шалгаж байна

Үйл ажиллагаа нь үүгээр хязгаарлагдахгүй тул ямар ч хэрэгцээг хангаж чадна. Хэдийгээр энэ програм нь Линукс хэрэглэгчдийн хувьд жаахан төвөгтэй мэт санагдаж магадгүй юм. Баримт нь суурилагдсан хөтөч болон ftp клиент нь текст засварлагчаас шаарддаг зүйл биш юм. Нэгдсэн шийдлээс хамаагүй дээр эдгээр ажлыг даван туулах програмууд байдаг. Хэрэв би тамхи татдаггүй бол яагаад хөргөгч хэрэгтэй байна вэ? Тохиромжтой текст засварлагчийг хэрэгжүүлэх энэхүү максимализм нь миний бодлоор Комодогийн чадавхийн өсөлтийн хямралыг илтгэнэ.

Bluefish Editor (Windows, Linux)

Bluefish Editor - магадгүй Mac-д зориулсан аналог бас байдаг. Магадгүй Линуксийн хувьд хөгжлийн хувьд аливаа асуудлыг шийдвэрлэхэд тохиромжтой цорын ганц шийдэл байж болох юм, гэхдээ миний хувьд цэнхэр загас хайлт, орлуулалт болон бусад бүх тохиолдолд маш төвөгтэй, удаан байсан. Ерөнхийдөө програмын ажиллагаа нь Aptana Studio-ийн функцтэй төстэй юм. Энэ хөтөлбөр нь мэргэжлийн хүмүүст зориулагдсан. Түүний бүх функцийг жагсааж болохгүй. Тиймээс үүнийг тохируулах нь тодорхой ур чадвар шаарддаг бөгөөд энэ нь үүнтэй ажиллахад тохь тухтай байлгахад хангалтгүй юм шиг санагдаж байна. Энэ редакторын гол сул тал бол миний бодлоор удаан, хойрго байдал бөгөөд үүнийг би анхаарч үзэх хэрэгтэй.

Aptana Studio (Windows, Linux, Mac)

Aptana Studio бол вэб кодчилолдоо өөрийгөө сайн харуулсан, бүр ч том мангас юм. Бусад зүйлсийн дотор энэ хөтөлбөр нь ерөнхийдөө хөгжүүлэх бүх төрлийн үйлчилгээг үзүүлдэг. Нарийн төвөгтэй хэрэгжилт нь зарим хэрэглэгчдийн үзэж байгаагаар энэ програмыг мэргэжлийн бус хүмүүст айдас төрүүлж, зарим талаараа удаашруулдаг. Энэхүү мангасыг ашиглах нэмэлт давуу тал бол сервер талд ажиллаж байгаа код бүхий динамик хуудсуудыг үзэх боломжийг олгодог суурилуулсан вэб сервертэй байх явдал юм. Энэ нь сервер дээр ажилладаг PHP болон бусад ижил төстэй хэл дээрх програмистуудад таалагдах болно. Би хувьдаа компьютер дээрээ бүрэн хэмжээний сервер байлгаж, php файлуудыг сан руу нь байнга зөөх шаардлагаас жаахан залхаж байна. Үүнтэй холбогдуулан Aptana нь хөгжлийн маш таатай орчинг санал болгодог. Энэ бүтээгдэхүүнийг албан ёсны вэбсайтад хэрхэн байрлуулсан бэ?

HTML, CSS, JavaScript-ийг тодруулах, бэлэн загвар оруулах, орлуулах хэлбэрээр дэмжих.

Ftp протоколоор ажиллах үйлчлүүлэгчтэй төслийн менежер.

Html, JavaScript, Rubby&Rails кодыг шалгах зориулалттай дибаггер

Мэргэжлийн програмистуудад хэрэгтэй байж болох Git (тархсан хувилбарын хяналт)-ын дэмжлэг.

Суулгасан терминалыг дэмждэг.

Интерфэйсийг хянах боломжтой бөгөөд энэ нь шаардлагатай хяналтыг олох ажлыг ихээхэн хялбаршуулдаг, учир нь. ашиглагдаагүй элементүүдийг нууж болно. Дараа нь цэсээр дамжуулан тэдэнд хандах боломжтой болно.

WEB хөгжүүлэгчдэд зориулсан визуал засварлагч

Macromedia Dreamweaver MX.

Macromedia Dreamweaver MX - энэ програмын бүрэн ажиллагаа нь хөгжүүлэгчдийн өөрсдөө ч мэдэгдэхгүй байх магадлалтай. Энэ хөтөлбөрийн талаар номын дэлгүүрийн тавиур дээрээс олж болох номнуудад энэ талаар маш их зүйл яригдсан нь дэмий хоосон биш юм. Энэ нь бараг бүх мультимедиа өгөгдөлтэй ажилладаг.

AdobeGolive болон Adobe LiveMotion.

Хуудас боловсруулах, зохион байгуулалт, хайчлах зэрэгт хязгааргүй функцууд. Олон хүмүүс AdobeGolive-ийн ажиллагааг хангалтгүй гэж үздэг ч Adobe програм хангамжийн нарийн төвөгтэй хэрэглээ нь өрсөлдөгчгүй юм. Энэ сэдэв нь богино өгүүлэл биш, харин Adobe дээр олон боть бүтээлүүдэд зориулагдсан болно.

Microsoft-ын нүүр хуудас

Энэ нь тохиромжтой, хэрэглэхэд хялбар, харааны хөгжүүлэлтийн орчин юм. Энэ нь гаралтын кодын цэвэр байдлын хувьд ялгаатай биш юм. (Ялангуяа тэрээр зохион байгуулалтад "зүсэх" дуртай

өөрсдийн далд зорилгоор). Үүний зэрэгцээ энэ нь янз бүрийн мультимедиа өгөгдөлтэй ажиллах боломжийг олгодог бөгөөд Ms Word-ийн мэдлэгээс гадна тусгай ур чадвар шаарддаггүй. Бараг бүх оюутан үүнийг ямар ч бэрхшээлгүйгээр даван туулж чадна. Энэ нь бэлэн хуудсуудыг ftp-ээр ачаалах боломжтой, гэхдээ MS-тэй адил нэг газраас ачаалах боломжтой. Одоогийн байдлаар Microsoft Office иж бүрдэлүүдийн нүүр хуудсыг Microsoft Expression Web болон Microsoft Office SharePoint Designer программуудаар сольсон.

FrontPage Express-ийн эртний (1997), тэр ч байтугай үнэ төлбөргүй хувилбар байдаг бөгөөд энэ нь нэлээд цэвэр код хийдэг боловч HTML стандартад нийцэхгүй болсон. Гэхдээ хэрэв та нарийн төвөгтэй ширээг яаравчлах шаардлагатай бол энэ нь танд яг хэрэгтэй зүйл юм. FrontPage Express-д түгээлтийн багц байхгүй, энэ нь суулгахгүйгээр ажилладаг.

COFFECUP HTML засварлагч

Харааны мэдээлэлтэй ажиллах хамгийн энгийн функцээр тоноглогдсон нэлээн сайн харааны редактор. Энгийн дүрслэлээс гадна Coffecup Html Editor нь түүхий кодтой ажиллах боломжтой.

Хөтөлбөр нь олон тооны бэлэн блокуудыг агуулдаг html код, та өөрийн үзэмжээр ашиглаж болох, мөн CSS-ийн хэд хэдэн кодын загваруудыг ашиглаж болно, үүнд та өөрийн параметрүүдийг орлуулж болно. Цөөн хэдэн загвар бий.

Хайрцагнаас төслийн менежер гарч ирдэг

Та ftp-ээр дамжуулан сайтуудтай ажиллах боломжтой

Вэб хөгжүүлэх ердийн текст засварлагчдын бүрэн ажиллагаа

Энэ сегментийн ажлын үр дүнг харуулахтай зэрэгцэн кодын хэсгүүдийг үзэх чадвар.

Ерөнхийдөө хэрэгжилт нь муу биш, суурилуулсан хөтөч байдаг. Энэ програмын надад таалагдаагүй зүйл бол Coffecup нь гаралтын кодыг ичгүүргүйгээр хүчиндэж, тийм ч тогтвортой ажилладаггүй явдал юм. Өөр хувилбар болгон би өөрөө NVU-г сонгосон. Үнэн хэрэгтээ аль ч програм нь бүрэн зохион байгуулалтад тохиромжгүй боловч текст засварлагчаар дамжуулан текст, зургийг гараар оруулах шаардлагагүйгээр сайтуудыг мэдээллээр дүүргэх асуудлыг шийдвэрлэхэд тохиромжтой.

COFFECUP визуал сайтын дизайнер

Зөвхөн код засварлах чадваргүй ижил төстэй програм. Бүрэн хэмжээний програмчлалд тохиромжгүй маш даруухан функцтэй цэвэр харааны редактор.

Нву

NVU - програмын тусгай функцын талаар энд нэмэлт үг сонсогдохгүй. Би шууд асуудал руугаа оръё. Энэ редактор надад юу таалагдсан бэ? Энэ нь бүрэн хэрэглэгчийн хяналттай байдаг нь надад таалагдаж байна. CoffeCup-д бүгд адилхан, гэхдээ надад Nvu илүү их таалагдсан. Үүнээс гадна, энэ нь илүү тогтвортой, хурдан ажилладаг. Nvu дахь кодын фрагментууд нь арай бага тул зарим тусгай эффектүүд эсвэл CSS скриптүүд байдаг. Гэхдээ энэ доромжлол хэнд хэрэгтэй вэ? Би хувьдаа, ихэнх энгийн програмистуудын нэгэн адил хуудасны код руу авирах шаардлагагүй, статик сайтуудыг мэдээллээр дүүргэхтэй холбоотой энгийн ажлуудыг шийдвэрлэхэд зориулагдсан үнэгүй харааны редактор хэрэгтэй байна. Мөн ftp дээр файл засварлах боломж байдаг бөгөөд энэ нь статиктай ажиллахад маш хэрэгтэй байдаг. Вэб хуудас үүсгэх визуал засварлагчийн хувьд Nvu нь нэлээд хязгаарлагдмал юм.

WYSIWYG вэб бүтээгч

Бид хурдан бөгөөд хөгжилтэй вэбсайтуудыг бүтээдэг.

WYSIWYG WEB Builder нь хэрэглэгчдэд тусгай хэл, кодын мэдлэггүйгээр вэб сайт бүтээх бүрэн хэмжээний сонголтыг санал болгодог shareware програм юм. Тэдний хэлснээр та хэдхэн минутын дотор бэлэн сайтыг зурах боломжтой, зүгээр л дуртай элементүүд дээр дарж, сайтын хуудас руу чирж болно. Гэсэн хэдий ч програм нь нарийн төвөгтэй хэлбэр, хэв маягийг бий болгох, Интернет болон сайтын төслөөс янз бүрийн объектуудыг нэвтрүүлэх хэрэгслүүдийг агуулдаг.

WYSIWYG технологийн WYSIWYG WEB Builder 8.5.1-ийг ашиглан вэб сайт хөгжүүлэх программ аль хэдийн гарсан байна.Хөтөлбөрийг shareware горимд хүргэж байна. Энэ хувилбарт өмнөх хувилбартай харьцуулахад үйлдвэрлэгчээс зарласан 50 нэмэлт, 150 шинэ боломжууд байна. Нийтдээ энэ хувилбар нь 250 орчим бэлэн шийдэл, олон бэлэн загвар, сүлжээнээс ажилладаг өөрийн CMS-ийг агуулдаг. Сайтыг туршихын тулд танд засварлагчаас өөр зүйл хэрэггүй, танд хэрэгтэй бүх зүйл Pablo Software Solutions-ийн энэ бүтээгдэхүүнд суурилагдсан.

8.5.1 хувилбарт шинэлэг зүйл зарласан

HTML5/CSS3 дэмжлэг

Суулгасан агуулгын удирдлагын систем (CMS)

Карусель

jQuery дэмжлэгтэй загвар менежер

Шинэ навигацийн функцууд гэх мэт.

Үндсэн функцууд.

WYSIWYG , DRAG&DROP (Visual засварлагч, объектуудыг тусгай цэснээс төслийн хуудас руу чирэх)

Хуудасны тэмдэглэгээний хэлний мэдлэг шаардлагагүй

Гаралтын формат: HTML4, HTML5, XHTML, CSS3, PHP

Стандарт хаягуудыг дэмждэг загварын менежер

Flash, HTML5 мультимедиа, Youtube, Flash видео гэх мэт.

Слайд шоу, гүйлгэх цэс гэх мэт.

Тохиромжтой навигаци.

Агуулгын удирдлагын систем

Энэхүү түгээлтийн CMS нь олон функцийг агуулдаг бөгөөд бид тэдгээрийг товч тайлбарлах болно:

Админ самбар.

CMS-д зориулсан алдартай текст засварлагчдын суурилуулсан дэмжлэг

Нэмэлт залгаасуудын дэмжлэг

Төслийн өөр өөр объектуудын тусдаа цэс

Онлайн агуулгыг олохын тулд суурилуулсан хайлтын функцууд

CMS нь AJAX технологийг ашиглан ажилладаг. Энэ нь төслийн хүрээнд шилжихэд хялбар болгодог.

CMS нь хуудсыг өнгөц зураг хэлбэрээр харуулах боломжийг агуулдаг

Төсөлд гадаад хуудсыг оруулах чадвар

HTML5/CSS3 дэмжлэг

Орчин үеийн стандартыг дэмжих нь танд төвөгтэй, төвөгтэй шийдлүүдийг ашиглахгүйгээр төслүүдийг өндөр түвшинд хэрэгжүүлэх боломжийг олгодог. CSS3 болон HTML5 нь сайтыг гэрэлтүүлж, ашиглахгүйгээр бүрэн ажиллагаатай болгоно гуравдагч талын програмуудхөтөчөөс бусад. WYSIWYG үзэл баримтлалын дагуу хэрэглэгч тэмдэглэгээний хэл, каскадын хүснэгтийг мэдэх шаардлагагүй. HTML5 объект үүсгэх эсвэл CSS3 эффект хэрэглэхийн тулд танд хэрэгтэй зүйл бол програмын цэсэнд таалагдсан объект эсвэл эффектийн жишээн дээр дарахад л хангалттай. Үйлдвэрлэгчид вэбсайтуудад зориулсан дараах бэлэн шийдлүүдийг зарлав.

Төсөлд хэрэглэхэд хялбар 250 гаруй бэлэн шийдлүүд танай сайтад зориулагдсан.

Вэб хуудас бүтээгч

Одоогийн байдлаар 3.21 бол энгийн сайтуудыг үүсгэхэд маш энгийн функц бүхий алдартай WYSIWYG вэб засварлагчдын хамгийн сүүлийн үеийн shareware хувилбар юм. Гэсэн хэдий ч энэхүү хэрэгсэл нь танд ямар ч тусгай мэдлэггүйгээр хурдан, ирээдүйн сайтын загварт зориулж хоосон зайг хэрэгжүүлэх, тэр ч байтугай суулгасан FTP клиентээр дамжуулан хостинг руу шууд илгээх боломжтой бүхэл төслийг бий болгох боломжийг олгодог.

Энэ хувилбар нь нэг чухал сул талтай бөгөөд үүнийг хэрэгжүүлсэн Англи хэл, энэ нь энгийн, үндсэндээ кодтой ажиллах нь нэлээд будлиантай болгодог, учир нь суулгасан цонхны интерфейсээр график элементүүдийг засварлах нь надад огт ойлгомжгүй мэт санагдсан. Гэсэн хэдий ч, хэрэв та энэ програмын хяналтын системийг ойлгож байгаа бол түүнтэй ажиллахад маш тухтай байх болно. Гаднах төрхөөрөө бол програм нь маш энгийн харагддаг, цэс хэт ачаалалгүй, гэхдээ интерфэйсийг зөн совин гэж нэрлэх боломжгүй юм. Гэхдээ үйлдвэрлэгч бүтээгдэхүүнээ маш даруухан зарладаг.

Бүтээгдэхүүний тодорхойлолт

WEB Page Maker нь ашиглахад хялбар вэб засварлагч бөгөөд HTML-ийн мэдлэггүйгээр хэдэн минутын дотор вэб хуудас үүсгэж, байршуулах боломжийг танд олгоно. Цэсээс дуртай элементээ сонгоод хуудасны зөв газар руу чирнэ үү. Энэ бол үнэн. Элементүүдийг хуудасны аль ч хэсэгт байрлуулж болно. Үндсэн багцад хэд хэдэн загварууд багтсан бөгөөд тэдгээрийн тусламжтайгаар хулганыг хуудасны дээгүүр бага зэрэг нугалж, утгуудаар тоглох замаар энэ эсвэл өөр объектыг хэрхэн тохируулахыг олж мэдэх боломжтой болно. Уг багцад өнгө сонгогч, JavaScript шийдлийн номын сан, зургийн сан, FTP клиент орно.

Үндсэн функцууд

Дүгнэлт

Энэ бол энэ бяцхан редактор юу хийж чадах талаар хангалттай тайлбар юм. 15 хоногийн турш та үүнийг үнэгүй туршиж үзэх боломжтой. Хэрэв та төлбөртэй хувилбарыг худалдаж авбал танд хэд хэдэн нэмэлт загвар, эффект, хэлбэрийг санал болгох боловч HTML5 болон CSS нарийн төвөгтэй градиентийг дэмжихгүй.

Гэсэн хэдий ч зарим функцууд болон эффектүүд дууссан хуудаснууд дээр ажиллахад маш их хэрэгтэй байж болно. Та цэс үүсгэх, зарим элемент дээр хулганаа гүйлгэх, маягт үүсгэх эсвэл PayPal системд төлбөрийн товчийг дарах үед онцлох эффект нэмэх боломжтой. Гэхдээ ерөнхийдөө нарийн төвөгтэй төслүүдийг бүрэн бүтээхийн тулд энэ програм хангамж нь илүү орчин үеийн HTML5 болон CSS3 стандартын дагуу үйл ажиллагаагаа өргөжүүлж, шинэчлэх шаардлагатай хэвээр байх болно. Хамгийн сүүлийн үеийн хувилбар Web Page Maker нь жаахан хуучирсан бололтой.

Ингээд дүгнэлт хийцгээе

Бид текстэд суурилсан хамгийн алдартай үнэгүй кодчилолын заримыг авч үзсэн бөгөөд заримыг нь авч үзсэн. харааны редакторуудмөн боломжтой төлбөртэй програмуудын мөн чанарыг судалж үзсэн. Та өнөөдөр вэб хөгжүүлэгч програм хангамжийн талаар ямар дүгнэлт хийж чадах вэ?

Хөгжүүлэгчдэд зориулсан бүх нийтийн том програмууд нь хэтэрхий удаан, болхи байдаг тул маш их алдаатай байдаг. Тиймээс хэрэглэгчид өөрсдийн үйл ажиллагааг сайн гүйцэтгэдэг жижиг програмуудыг илүүд үздэг.

Цаашид хөгжүүлэлт хийлгүйгээр интернетэд зориулсан өндөр чанартай шинэ програмыг бие даан бүтээх чадваргүй нэг ч програм байхгүй. Тохиромжтой зохион байгуулалт нь зөвхөн програмист мэдлэгээ ашиглаж, програмуудад итгэдэггүй тохиолдолд л боломжтой юм.

Мэргэжлийн программистууд хүн бүрт ашиглах боломжтой энгийн хэрэгслүүдийн тусламжтайгаар хувийн програм хангамж ашиглахгүйгээр бүрэн хэмжээний интернет программ үүсгэх боломжтой болно.

Та чөлөөтэй ашиглах боломжтой Nvu гэх мэт энгийн визуал засварлагчийг ашиглан статик төрлийн сайтуудыг мэдээллээр дүүргэх үйл явцыг хурдасгах боломжтой.

Мэргэжлийн дизайнеруудын хувьд Adobe-ийн шийдэл нь энэ үйлдвэрлэгчийн бусад програмуудтай хослуулан хэрэглэхэд тохиромжтой.

Dreamweaver нь хурдан зохион байгуулалтын ажлыг шийдвэрлэхэд тохиромжтой. Гэхдээ кодыг хамгийн энгийн програмууд болох текст засварлагчийг ашиглан бие даан дуусгах шаардлагатай болно.

Эпилог

Эцэст нь хэлэхэд, би вэб програмистуудад зориулсан програм хангамжийн талаар хэдэн үг хэлмээр байна. Энд зөвхөн кодтой ажиллахад тохиромжтой цөөн хэдэн програмыг авч үзсэн.

Тэд зорилго, үйл ажиллагааны хувьд ялгаатай. Тэд нэг даалгаврыг шийддэггүй тул тодорхой тохиолдол бүрт програмуудын аль нэг нь миний өгсөн газар байхгүй болно.

HTML засварлагчид нь HTML хаягуудыг өөрийн кодын шууд удирдах боломжийг олгодог. Зарим програмууд нь WYSIWYG засварлагчийг агуулдаг бол зарим нь текст горимд ажилладаг. Windows үйлдлийн системд зориулсан HTML засварлагчдын зэрэглэлийг доор харуулав. Алдартай байдал нь доороосоо доошоо буурдаг.

1. Adobe Dreamweaver

Dreamweaver бол мэргэжлийн вэб хөгжүүлэлтийн хамгийн алдартай програм хангамжуудын нэг юм. Энэ нь маш хүчирхэг бөгөөд тав тухтай ажиллах олон тохиргоог агуулдаг. Энэ програмыг програмист болон вэб дизайнерын аль алиных нь хэрэгцээнд тохируулан хялбархан өөрчилж болно. Би хувьдаа үүнийг JSP, XHTML, PHP, XML-ийг засварлахад ашигладаг.

Энэ нь мэргэжлийн вэб дизайнерууд болон хөгжүүлэгчдийн хувьд маш сайн сонголт боловч хэрэв та бие даасан ажилтан бол Web Premium эсвэл Design Premium зэрэг Creative Suite хувилбаруудыг туршиж үзэхийг зөвлөж байна. Эдгээр хэвлэлүүд нь графикийг засварлах боломжийг олгодог бөгөөд Flash засварлах зэрэг бусад олон функцуудыг агуулдаг.

Komodo Edit нь олон жилийн турш өөрийгөө хамгийн сайн үнэгүй XML засварлагчаар тодорхойлж ирсэн. Энэ нь HTML болон CSS засварлах олон функцуудыг агуулдаг. Нэмж дурдахад, хэрэв энэ нь хангалтгүй бол бусад хэл эсвэл бусад ашигтай функцуудыг (тусгай тэмдэгт гэх мэт) дэмжихийн тулд шаардлагатай өргөтгөлийг суулгаж болно. Би хувьдаа энэ засварлагчийг ихэвчлэн XML кодтой ажиллахад ашигладаг.

Комодогийн хоёр хувилбар байдаг: Komodo Edit болон Komodo IDE.

3. Adobe Creative Suite Design Premium

Хэрэв та график зураач эсвэл вэб дизайнер бөгөөд Creative Suite Design Premium-ийн талаар хараахан мэдэхгүй байгаа бол үүнийг хийх нь гарцаагүй. Dreamweaver-г оруулаагүй Design Standard хувилбараас ялгаатай нь Design Premium нь танд InDesign, Photoshop Extended, Illustrator, Flash, Dreamweaver, Soundbooth, Acrobat зэргийг өгдөг.

Энэ нь Dreamweaver-г агуулдаг тул график зурахтай зэрэгцэн вэб хуудас үүсгэх боломжтой. Цэвэр HTML кодоос илүү график дээр анхаарлаа хандуулдаг вэб дизайнерууд түүнд багтсан өргөн хүрээний нэмэлт график функцуудыг үнэлэх болно.

4. Microsoft Expression Studio Web Pro

Expression Studio Web Professional нь Илэрхийллийн дизайн болон Илэрхийллийн кодлогчтой Expression Web-ийн хослол юм. Энэхүү хослол нь танд график, видео засварлах, вэб хуудас үүсгэхэд шаардлагатай бүх хэрэгслийг өгдөг. Багцын боломжууд нь PHP, HTML, CSS, ASP.Net зэрэг хэлийг дэмждэг сайтуудыг үүсгэхэд хангалттай.

5. Microsoft Expression Studio Ultimate

Expression Studio Ultimate нь Expression Web-ийг Expression Design, Expression Blend, Encoder Pro болон SketchFlow-тай хослуулан график, видео, вэб хуудасны кодтой ажиллахад шаардлагатай бүх зүйлийг танд өгөх болно. Дизайнерууд Expression Blend-ийн гайхалтай график засварлах чадварыг үнэлэх нь дамжиггүй. Мөн Expression Studio Ultimate нь ASP.Net-тэй голчлон ажилладаг хөгжүүлэгчдэд тохиромжтой. Silverlight байна.

Komodo IDE нь зөвхөн вэб хуудаснаас илүү олон зүйлийг бүтээдэг хөгжүүлэгчдэд зориулсан гайхалтай хэрэгсэл юм. Энэ нь Ruby, PHP болон бусад олон хэлийг дэмждэг. Хэрэв та Ajax ашиглан вэб програм бүтээж байгаа бол энэ IDE-г үзэх хэрэгтэй. Энэхүү редактор нь багийн хөгжлийг дэмждэг.

7Аптана студи

Aptana Studio бол нэлээд өвөрмөц вэб хөгжүүлэлтийн хэрэгсэл юм. HTML дээр анхаарлаа төвлөрүүлэхийн оронд Aptana нь JavaScript болон баялаг вэб програмуудыг бүтээх боломжийг олгодог бусад элементүүдэд анхаарлаа төвлөрүүлдэг. Энэ засварлагчийн надад үнэхээр таалагддаг нэг зүйл бол энгийн DOM дүрслэл юм. Энэ нь CSS болон JavaScript хөгжүүлэлтийг ихээхэн хялбаршуулдаг.

NetBeans IDE нь хүчирхэг вэб програмуудыг бүтээхэд хялбар болгодог Java хөгжүүлэлтийн орчин юм. Програмчлалд төвлөрдөг ихэнх хөгжүүлэлтийн орчны нэгэн адил энэ нь сургалтын эгц муруйтай байдаг. Гайхалтай шинж чанаруудын нэг бол хувилбарын хяналт юм. Энэ хэрэгсэл нь бусад томоохон хөгжүүлэлтийн орчинд туршлагатай хүмүүст үнэхээр хэрэгтэй болно.

9. NetObjects Fusion

Fusion бол маш хүчирхэг HTML засварлагч юм. Энэ нь вэбсайт үүсгэхэд шаардлагатай бүх хэрэгслийг агуулдаг: хөгжүүлэлт, дизайн, FTP. Энэ нь мөн Ajax болон динамик вэбсайтуудад маш сайн дэмжлэг үзүүлдэг. Худалдан авахаасаа өмнө та NetObjects Fusion-ийн үнэгүй хувилбарыг ашиглан бүтээгдэхүүнийг туршиж үзэх боломжтой.

10. Кофены аяга HTML засварлагч

CoffeeCup засварлагч нь вэб дизайнеруудад зориулсан гайхалтай хэрэгсэл юм. Энэ нь маш олон график, загвар, нэмэлт функцуудтай ирдэг - CoffeeCup зургийн зураглагч гэх мэт.

HTML хуудсуудтай тав тухтай ажиллах, тэдгээрт өөрчлөлт оруулах, засварлахын тулд HTML редакторуудыг ашигладаг. Өнөөдрийг хүртэл олон төрлийн ийм редакторууд байдаг бөгөөд тэдгээр нь тус бүр өөрийн гэсэн давуу болон сул талуудтай бөгөөд янз бүрийн ажилд ашиглаж болно.

Adobe Dreamweaver бол хамгийн эртний HTML засварлагчдын нэг бөгөөд анхны хувилбар нь 97 оны 12-р сард гарсан. Түүнээс хойш багц нь маш их өөрчлөлтийг хийж, эцэст нь нарийн төвөгтэй вэб төслүүдтэй ажиллахад хэрэглэгддэг жинхэнэ мэргэжлийн HTML засварлагч болсон. Энэ нь вэб хөгжүүлэгчтэй холбоотой бүх хэрэгслүүдтэй.

AT шинэ хувилбар HTML 5 стандартыг дэмждэг бөгөөд код засварлагч болон хөгжүүлэгчийн цонхыг сайжруулсан. CSS-ийн урьдчилсан процессорыг дэмжих, мөн хөтчийн цонхон дээрх бүх өөрчлөлтийг бодит цаг хугацаанд харуулах. Flash Player-тэй нягт уялдаа холбоог хангадаг. Бүрэн шинэчлэгдсэн гаднах дизайн.

Adobe Dreamweaver-ийн сул тал нь түүний "хүнд жинтэй" бөгөөд техник хангамж шаарддаг. Багцыг суулгахын тулд хатуу диск дээрээ хэдэн гигабайт үнэгүй байх шаардлагатай. Хөтөлбөр нь олон тооны өөр өөр таб, тохиргоотой тул түүнтэй танилцахад нэмэлт цаг хугацаа шаардагдана. Мөн Adobe Dreamweaver нь хувийн өмч юм програм хангамж, ашиглахын тулд мөнгө төлөх шаардлагатай.

Гэсэн хэдий ч програм нь үнэгүй туршилтын хугацаатай бөгөөд энэ хугацаанд та энэ багцын бүх давуу тал, ашиг тусыг үнэлэх боломжтой. Ихэвчлэн энэ хугацаа нь програмыг суулгаснаас хойш нэг сар үргэлжилдэг.

Multiplatform редактор Sublime Text нь аажмаар мэргэжлийн хүмүүсийн дунд түгээмэл болж байна. Энэ нь түүний хамгийн энгийн байдал, ямар ч үр дүнгүй, нэгэн зэрэг хөгжүүлэгч шаардлагатай бүх шаардлагатай хэрэгслүүд байгаатай холбоотой юм. Гэсэн хэдий ч, хэрэв танд гэнэт ямар нэгэн зүйл хэрэгтэй бол энэ нь Sublime Text-ийн стандарт функцэд байхгүй бол та үүнийг үргэлж залгаас болгон хайж олох боломжтой эсвэл Python дээр өөрөө бичиж болно. Бүх ажил халуун товчлууруудыг ашиглан хийгддэг тул програмын цонх өөрөө хамгийн бага интерфэйсийн элементүүдтэй байдаг. Ажлын талбарыг хэд хэдэн бие даасан цонхонд хувааж, хэвтээ, босоо эсвэл сүлжээнд байрлуулж болно.

Бүх давуу талуудыг үл харгалзан Sublime Text засварлагч нь эхлэгчдэд нэлээд хэцүү хэрэгсэл хэвээр байна. Энд байгаа стандарт засварлагчийн тохиргоо ч гэсэн цэсийг ашиглан хийгддэггүй, харин config.json файлуудыг ашиглан ажилладаг бөгөөд эдгээртэй ажиллахад хэрэглэгчээс үндсэн сургалт шаардлагатай байдаг. Гэсэн хэдий ч мэргэжлийн программистуудад энэ хэрэгслийг бүрэн баримт бичгийн хамт ирдэг тул өөрсдөдөө тохируулах нь тийм ч хэцүү биш байх болно.

Sublime Text засварлагч нь хувийн программ хангамж боловч та үүнийг ашиглахын тулд төлбөр төлөх шаардлагагүй. Таныг эхлүүлэх бүрт энэ програмыг албан ёсоор худалдан авах боломжтой гэдгийг сануулах цонх гарч ирэх боловч энэ нь заавал худалдан авах гэхээсээ илүү хандивын үндсэн дээр байдаг.

Та програмыг албан ёсны вэбсайтаас татаж авах боломжтой: https://www.sublimetext.com.

Notepad++ нь техникийн хувьд HTML засварлагч биш боловч энэ зорилгоор ашиглах боломжтой. Энэ нь PHP, Ruby, Perl, Python болон бусад олон төрлийн вэб хөгжүүлэлтэд ашиглагддаг хамгийн алдартай програмчлалын хэл болох HTML болон XML тэмдэглэгээний хэлнүүдэд зориулсан синтакс тодотголтой.

Тэмдэглэгээ, код нугалах, автоматаар бөглөх, төслийн менежер, олон мөрт засварлах, сонгох, янз бүрийн кодчилолуудыг дэмжих гэх мэт код засварлахад туслах хэд хэдэн хэрэгслүүд байдаг. Төрөл бүрийн хөгжүүлэгчдийн Notepad++-д зориулсан олон тооны залгаасууд байдаг бөгөөд энэ нь програмын функцийг ихээхэн өргөжүүлж, мэргэжлийн HTML засварлагчдын хувьд ноцтой өрсөлдөгч болгодог.

Notepad++ текст засварлагчийн давуу тал нь хурд болон дискний зай багатай. Үүнээс гадна, програм нь маш энгийн интерфэйстэй бөгөөд энэ нь сургалтанд нэмэлт цаг хугацаа шаарддаггүй. Нэмж дурдахад Notepad ++-ийн шинэчлэлтүүд байнга гардаг бөгөөд програм нь өөрөө хэрэглэгчдэд мэдэгдэж, суулгахыг санал болгодог. Редакторын хамгийн чухал давуу тал нь GNU GPL 2 лицензийн дагуу түгээгддэг бөгөөд энэ нь үнэгүй програм хангамжийг илэрхийлдэг.

Та энэ засварлагчийг албан ёсны https://notepad-plus-plus.org сайтаас ямар ч хязгаарлалтгүйгээр яг одоо татаж авах боломжтой.

Энэ бол Sublime Text-тэй төстэй харагдахуйц сайхан интерфейстэй энгийн засварлагч юм. CoffeeScript дээр бичсэн. Atom бол нэлээд залуу текст засварлагч бөгөөд анхны хувилбар нь 2014 оны 2-р сарын 26-нд гарсан. Node.js дээр бичигдсэн залгаасуудыг дэмждэг. Эхлэгчдэд зөвхөн HTML-тэй ажиллахаас гадна бусад хэд хэдэн даалгавартай ажиллахад тохиромжтой.

Atom нь үнэ төлбөргүй бөгөөд хамгийн алдартай дээр суулгаж болно үйлдлийн системүүд. Нэмж дурдахад энэ нь суулгах, ашиглахад маш хялбар, хурдан ажилладаг бөгөөд хатуу дискний бага хэмжээний зай шаарддаг.

Энэ засварлагчийг эхлүүлэхийн тулд анхдагчаар нээгдэх тавтай морилно уу цонхноос "Төсөл нээх" дээр дарна уу. Дараа нь ажлын лавлахыг сонгосны дараа дотор нь файл үүсгэж, түүний өргөтгөлийг зааж өгнө. Заасан өргөтгөл дээр үндэслэн файлын синтаксийг автоматаар тодорхойлно.

Vim бол хамгийн эртний Unix редакторуудын гэр бүлээс гаралтай мэргэжлийн үнэгүй текст засварлагч юм. Vim-ийн анхны хувилбар нь 91 оны 11-р сарын 2 байв. Мэргэжлийн програмистуудад зориулсан хэрэгсэл гэдгээрээ алдартай бөгөөд энэ нь ажлыг автоматжуулах асар их боломжийг олгодог. Vim-ийн стандарт визуал интерфейс нь консол боловч цонхтой график интерфэйсээр ажилладаг Gvim-ийн өөрчлөлт байдаг.

Vim-тэй ажиллахдаа хэд хэдэн горим байдаг бөгөөд тэдгээрийн хооронд халуун товчлуурууд болон тэдгээрийн функцууд өөрчлөгддөг. Эхлээд Vim нь "хэвийн" эсвэл "тушаал" гэж нэрлэгддэг горимд ажлаа эхэлдэг. Энэ нь "хуулбарлах", "устгах", "хуулах" гэх мэт ердийн бүх товчлууруудтай. Бусад горимд та текст оруулах, консолтой ажиллах эсвэл харааны горимыг дуудах боломжтой. Яагаад ийм бэрхшээл тулгараад байна вэ? Баримт нь Vim нь аливаа үйлдлийг сонгодог "тохь тухтай" гэсэн байр сууринаас бус харин хамгийн их оновчтой болгохыг шаарддаг хэрэгсэл болгон хөгжүүлсэн явдал юм.

Vim нь маш хурдан бөгөөд системийн нөөцийг бараг ашигладаггүй. Сурахад хэцүү байдлын хувьд энэ нь эхлэгчдэд зориулсан хэрэгсэл биш юм. Зөвхөн хөдөлгөх ажиллагаанд зориулж зуу гаруй командыг боловсруулсан. Мэдээж бүгдийг нь цээжлэх шаардлагагүй. Хүн бүр өөрийн гэсэн програмчлалын хэв маягийг сонгож, түүндээ тулгуурлан өөрт хэрэгтэй зүйлээ сурдаг. Зөвхөн энэ редакторыг зохих түвшинд эзэмшихийн тулд ихээхэн тэвчээр, цаг хугацаа шаардагдана. Гэсэн хэдий ч хичээнгүй хэрэглэгчид одоо байгаа хамгийн хүчирхэг код засварлагчаар шагнагдах болно. Vim нь Линукс, Mac, Windows болон бусад үйлдлийн системүүд дээр ажилладаг үнэгүй, олон платформын хэрэгсэл юм.

Бусад програмуудаас ялгаатай нь IntelliJ IDEA нь мэргэжлийн нэгдсэн хөгжүүлэлтийн орчин (IDE) юм. HTML / XHTML / HAML тэмдэглэгээний хэлүүд болон CSS / SASS / LESS хуудасны харагдах байдлын тайлбар хэлүүдтэй саадгүй ажиллахаас гадна Java, JavaScript, Python болон Кофе Скрипттэй нягт хамтран ажиллах чадварыг хэрэгжүүлсэн. IntelliJ IDEA-г JetBrains боловсруулсан.

Та яагаад энэ програмыг ашиглаж эхлэх ёстой вэ? Нэгдүгээрт, энэ нь үнэхээр бодолтой интерфэйстэй. Та өмнө нь хэзээ ч уулзаж байгаагүй байсан ч суулгасны дараа шууд ажиллаж эхлэх боломжтой. Нэмж дурдахад та CVS, Apache Ant, Maven, JUnit, Subversion зэрэг алдартай хэрэгслүүдтэй ажиллах боломжтой бөгөөд эдгээр нь бүрэн үнэ төлбөргүй байдаг.

Харамсалтай нь IntelliJ IDEA өөрөө бүрэн биш байна үнэгүй програм. Бүрэн хувилбарЭнэ нь зөвхөн 30 хоногийн туршилтын хугацаанд ашиглах боломжтой бөгөөд түүний багасгасан функциональ хувилбар нь хэд хэдэн ашигтай функцгүй бөгөөд Android дээр програм хөгжүүлэх эсвэл Java машинтай ажиллахад үнэхээр хэрэг болох юм.