Хэрэв та вэб сайтуудыг хөгжүүлэхийг хүсвэл HTML редактор авах хэрэгтэй. Мэдээжийн хэрэг та ердийн тэмдэглэлийн дэвтэр ашиглаж болно, гэхдээ энэ нь тийм ч тохиромжтой биш юм. HTML засварлагчид код тодруулах, автоматаар гүйцээх гэсэн хоёр чухал ажлыг гүйцэтгэх ёстой гэдгийг анхаарах нь чухал. Мэдээжийн хэрэг, нэмэлт функцууд, жишээлбэл, янз бүрийн сэдвүүдийг ашиглах боломжтой. Ийм төстэй нэмэлт функцуудолон бий. Одоохондоо ажлаа сайн гүйцэтгэдэг цөөн хэдэн үнэгүй HTML засварлагчдыг харцгаая.
Үнэгүй кодын засварлагч - Програмистын тэмдэглэлийн дэвтэр
Энэхүү засварлагч нь цайвар, харанхуй гэсэн хоёр төрлөөр ирдэг орчин үеийн интерфейсийг санал болгодог. Нэмж дурдахад синтакс онцлох нь маш амжилттай, өнгө нь сайн сонгосон. би бодохдоо редактор өгсөнтаны бүх шаардлагыг хангана.
HTML засварлагч - SynWrite
SynWrite бол өргөн хүрээний функц бүхий гайхалтай засварлагч юм. Энэхүү засварлагчийн санаа нь бусад HTML засварлагчдын бүх давуу талыг нэг чанарын бүтээгдэхүүнд багтаах явдал байв. Python хэл дээр бичигдсэн нэмэлт залгаасуудын тусламжтайгаар түүний үйл ажиллагааг ихээхэн өргөжүүлж болно. Үүнээс гадна стандарт шинж чанарууд, SynWrite нь хэд хэдэн кодыг нэгэн зэрэг засах боломжийг танд олгоно.
Энэ функц нь танд маш их цаг хэмнэх болно.
Үнэгүй HTML засварлагч - PlainEdit.NET
Энэхүү засварлагч нь хэд хэдэн файлыг нэг дор нээх боломжтой бөгөөд засварлагчийн функц, түүний дотор сэдвийг ихээхэн өргөжүүлэх нэмэлт өргөтгөлүүдийг нэмж болно. Нэмж дурдахад, та одоогоор нээлттэй биш байгаа баримт бичигт ч гэсэн ердийн илэрхийлэл ашиглан текст нэмж, өөрчлөх боломжтой. PlainEdit нь USB дискнээс ч ажиллах боломжтой гэдгийг тэмдэглэх нь зүйтэй.
тэмдэглэлийн дэвтэр++
Энэ редактор бол сонгодог юм. Тэрээр дэлхий даяар маш их алдартай. Notepad++ нь текст засварлагчд байх ёстой бүх зүйлтэй. Интерфэйсийг таны хүссэнээр тохируулах боломжтой бөгөөд үнэгүй залгаасууд нь редакторын үйл ажиллагааг өргөжүүлэхэд тусална.
Үнэгүй засварлагч - jEdit
Энэ засварлагчийн тусламжтайгаар та бараг ямар ч файлыг нээж, засах боломжтой. Энэ нь хэд хэдэн файлыг нэгэн зэрэг нээх ажлыг ихээхэн хялбаршуулдаг. Аливаа дутуу функцийг төрөл бүрийн залгаасуудаар нөхөж болно.
Хайрцагнаас jEdit нь код эвхэх, тэмдэглэгээ хийх шошго, элементүүд гэх мэт үндсэн функцуудыг агуулсан байдаг. файлын менежер, түүнчлэн бусад олон функцууд.
Сайхан текст 2
Энэ бол програмистууд болон вэб хөгжүүлэгчдийн дунд хамгийн алдартай редактор юм. Ямар ч ийм редактор Sublime Text 2 шиг ялалт байгуулж байгаагүй. Үүнийг олон програмистууд магтдаг. Засварлагчийг янз бүрийн нягтрал болон JSON файлуудаар дамжуулан гүнзгий өөрчлөх боломжтой.
Энэхүү алдартай редакторын хувьд та албан ёсны болон албан бус баримт бичгийн өргөн хүрээний сангуудыг олох боломжтой. Sublime Text 2 хичээлийг хаанаас ч олж болно.
Sublime Text 2 нь хэсэгчлэн үнэ төлбөргүй, 70 долларын лицензтэй.
Шинэ редактор - Хаалт
Brackets бол орчин үеийн нээлттэй эхийн редактор юм. эх кодмөн зарим сонирхолтой шинж чанаруудтай. Тэрээр Adobe-тэй ажилладаг Бүтээлч үүл, өнгө, фонт гэх мэт PSD файл. Мөн давхаргыг зураг хэлбэрээр гаргаж авах боломжтой. Маш тухтай
Харамсалтай нь Adobe Creative Cloud бол төлбөртэй үйлчилгээ юм.
Энэхүү засварлагч нь орчин үеийн код засварлагчид шаардлагатай бүх боломжуудтай. 2-3 долоо хоног тутамд гаргадаг олон төрлийн өргөтгөлүүд байдаг.
Aptana Studio 3
Хамгийн том давуу талзасварлагч нь түүний тохируулга, Git интеграцчлал, суурилуулсан терминал юм. Aptana Studio 3 нь HTML5, CSS3 зэрэг хамгийн сүүлийн үеийн вэб стандартуудыг дэмждэг.
Дүгнэлт
Олон HTML редакторууд байдаг ч тэдгээрийн цөөхөн нь л хэрэглэгдэх боломжтой. Өдөр тутмын хэрэглээнд Notepad ++ байдаг ч өдөр тутмын хэрэглээнд энэ нь хангалтгүй байх нь ойлгомжтой. Үүний тулд бий хамгийн сайн сонголтуудХэрэглэгчийн шаардлагад нийцүүлэн өөрчлөх боломжтой Sublime Text 2 гэх мэт. Та аль редакторыг сонгохоо мэдэхийг хүсч байна уу?
Тодорхойлолтоор css- Эдгээр нь каскадын загварын хуудас бөгөөд тэдгээрийг ихэвчлэн загварчлахад ашигладаг Гадаад төрхвэб хуудсууд. Бүтээлийн өмнө css,Жишээ нь, HTML дээр тодорхой хуудасны дэвсгэрийг тохируулахын тулд бид шошго ашигласан, гэхдээ хэрэв таны сайт жишээлбэл, 100 хуудастай бол 100 хуудас дээрх шинж чанарыг өөрчлөх хэрэгтэй, энэ нь маш тохиромжгүй гэдгийг хүлээн зөвшөөр. Гэхдээ хэл нь ирэхэд css, бид 100 элемент байгаа ч гэсэн тодорхой нэг элементийн шинж чанарыг зааж өгөх тодорхой файл үүсгэж чадсан.Одоо HTML нь зөвхөн мэдээлэл өгөх үүрэгтэй гэсэн маш эерэг хандлага интернетэд байна. cssчимэглэлийн зориулалттай.
1 газар. Styler
Windows дээр ажилладаг CSS редакторуудын ерөнхий төлөөлөгч. Энэхүү хэрэгсэл нь код бичих, засварлах үйл явцыг ихээхэн хялбаршуулдаг. Энэ нь харагдах байдлын зардлаар хийгддэг бөгөөд програм нь CSS-ийн хэв маягийг хөтөч дээр шууд тэмдэглэхэд тусална, энэ арга нь гадны засварлагч ашиглахаас хамаагүй илүү тохиромжтой. Та зүгээр л суулгасан хөтөч дээр сайтын хаягийг оруулаад програмын эхний хэсэгт хэв маягийг шууд засах боломжтой болно.
2-р байр. загварын мастер
Хөтөлбөр нь CSS бүтцийг бий болгох гол хэрэгслүүдийн нэг гэж тооцогддог. Энэхүү засварлагч нь олон файлыг нэгэн зэрэг засварлах, HTML кодыг ашиглан загварын хүснэгт үүсгэх, CSS-ийг шууд засварлах, FTP-ээр засварлахыг дэмждэг.
3-р байр. CSS хэрэгслийн хайрцаг
Энгийн, тохиромжтой ба үнэгүй редактор CSS нь CSS хүснэгтийг бичихэд илүү хялбар болгодог. Загварын хуудас үүсгэх олон шинэ хэрэгслийг агуулсан. Энэ нь мөн хэд хэдэн өвөрмөц онцлогтой: кодыг тодруулах, кодыг автоматаар бөглөх, шошгыг орлуулах, CSS кодыг автоматаар шалгах, CSS файлыг шахах гэх мэт.
4-р байр. Кофены аяганы хэв маягийн хуудас үйлдвэрлэгч
Энэ програмын онцлог шинж чанарууд нь хөтөчийн хэв маягийг оновчтой болгодог явдал юм Internet Explorer, Netscape болон бусад хэд хэдэн. Хөтөлбөрийг CoffeeCup байгууллага бүтээсэн. Энэхүү программыг ашигласнаар та HTML болон CSS-ийн хослолыг ашиглан энгийн бөгөөд гоёмсог вэб сайтуудыг бүтээх боломжтой.
5-р байр. cssedit
Энэ программтай ажиллахдаа та визуал байдлаар ажиллахдаа загварын хуудасны өөрчлөлтийг ажиглаж болно. Хөтөлбөртэй ажиллах нь маш ойлгомжтой бөгөөд ойлгомжтой, зарим алдааг шинэ хувилбараар засч, шинэ боломжуудыг нэмсэн. Визуал код засварлагч нь вэбсайтуудыг хөгжүүлэхэд маш их тусалдаг.
6-р байр. Медузын CSS
Jellyfish-CSS-тэй ажиллахдаа програмын ажиллах энгийн байдал нь гайхалтай юм. Энэ нь хүснэгт бичих явцад алдаа гарахаас зайлсхийх гэх мэт янз бүрийн функцтэй төрөл бүрийн номын сангуудыг дэмждэг. Цорын ганц сөрөг зүйл бол програм нь төлбөртэй, мэдээжийн хэрэг та интернетээс хагарсан хувилбар болон туршилтыг хоёуланг нь хялбархан олох боломжтой.
7-р байр. snap css
Энэ засварлагчтай ажиллах нь тэмдэглэлийн дэвтэртэй ажиллахтай адил юм. Энэ программыг хөгжүүлэгчид түүнтэй ажиллахыг энгийн бөгөөд ойлгомжтой болгохын тулд шаргуу ажилласан. Засварлагч нь загварын хүснэгтийг уншихад хялбар болгох маш сайн оновчлолтой. Энэхүү програм нь хүчин чармайлт, файлын хэмжээг хэмнэж, програмистуудын амьдралыг ихээхэн хялбаршуулдаг.
8-р байр. Энгийн CSS
Нэг мөр код засварлахгүйгээр кодлох боломжийг олгодог жижиг боловч хүчирхэг CSS хэрэгсэл бөгөөд энэ нь та ямар ч програмчлалын ур чадваргүйгээр загварын хуудас үүсгэх боломжтой гэсэн үг юм. Хөтөлбөрийн функц нь CSS файлыг шахах, хэд хэдэн төрлийн форматыг дэмжих, олон төслийг удирдах чадварыг агуулдаг.
9-р байр. TopStyle
Энэ програмыг ашигласнаар та хүснэгтийг засварлаж байхдаа урьдчилан харах боломжтой бөгөөд хүснэгт бүрийг өөр өөрөөр харуулах хэд хэдэн хөтчийг дэмждэг. Хөтөлбөр нь unicode дэмждэг, онлайн шалгалтзөв бичих, хэв маягийг бүлэг болгон нэгтгэх, зөн совинтой засварлах гэх мэт.
10-р байр. tsWebEditor
Энэхүү засварлагч нь олон хэлтэй, HTML, PHP, Perl, javascript, CSS болон бусад олон хэлийг дэмждэг. Энэ нь автоматаар бөглөх, кодыг тодруулах, синтакс шалгах функцтэй, функциональ зөвлөмж, юникод дэмждэг, арсенал дээр олон тооны кодын загварууд байдаг бөгөөд энэ нь WEB мастеруудад ихээхэн тусалдаг.
3 саналБи таныг блогтоо тавтай морилно уу. Сайтыг CMS-ийн тусламжтай эсвэл программ дээр бүтээгч дээр хэрхэн үүсгэсэн ч html болон css дээр бичигдэх болно. Үгүй бол хөтөч үүнийг ойлгохгүй. Оронд нь цахим порталзочин юу ч харахгүй.
Ялгаа нь зөвхөн кодын зөв эсэхээс л бүрдэнэ. Зарим тохиолдолд энэ нь Google Translate-аас орчуулсан англи текст шиг харагдах болно. Бусад нь ухаантай орчуулагчийн ажилд орсон мэт. Энэ бүхэн таны хэрэглэж буй хэрэгслүүдээс хамаарна.
Өнөөдөр бид html сайт үүсгэх ямар програм нь зорилгодоо хамгийн зөв, чадварлаг хүрэх талаар ярилцах болно. Би түрүүлж гүйнэ. Бүр зарим нь танд үүнийг тодорхой хийхийг зөвшөөрдөг. Мөн зарим хэрэглэгчдийн хувьд энэ нь байх болно хамгийн сайн шийдэл.
Миний өнөөдрийн нийтлэлийг редакторуудад зориулах болно. Тэднээс эхэлцгээе.
Хоёр төрлийн редактор
Бүх вэб сайт засварлагчдыг визуал болон текст гэсэн хоёр төрөлд хуваадаг. Энэ нь эхний тохиолдолд та кодын мэдлэггүйгээр бүрэн хийж чадна гэсэн үг биш боловч тэдгээрийн түвшинд тавигдах шаардлага нь хоёр дахь тохиолдол шиг тийм ч ноцтой биш байх болно. Энэ бол хамгийн гол давуу тал, учир нь хэрэв та үнэхээр зөв зүйл бүтээхийг хүсч байвал сайтаа бичсэний дараа дахин код дээр ажиллаж, зарим дутагдлыг засах нь сайхан байх болно.
Хэрэв та програмчлалын хэлийг сайн эзэмшсэн эсвэл бэрхшээлээс айдаггүй бол текст засварлагч маш сайн. Тэд танд зориулж код бичдэггүй, гэхдээ энэ үйл явцыг хурдасгаж, хаана ч алдаа гаргахаас зайлсхийхэд тусалдаг. Та өгүүлбэр бичиж эхлэх бөгөөд хэрэглүүр үүнийг танд зориулж дуусгана. Та мөн хийж дууссаны дараа хийсэн бүх зүйлээ харах боломжтой болно.
Хоёрдахь арга нь илүү сайн үр дүнг баталгаажуулдаг гэж хэлэх боломжгүй юм. Та ч бас алдаа гаргаж болно, ялангуяа танд хангалттай туршлага байхгүй бол. Мэргэжилтнүүд ч гэсэн заримдаа бэрхшээлтэй, ядрах, алдаатай тулгардаг. Тэд багаар ажилладаг: хэн нэгэн нь тэдний толгойноос гарсан дүрмийг санал болгох болно, бусад нь алдаа харах болно.
Би ямар ч аргыг шаарддаггүй, санал болгодоггүй. Өөртөө юу илүү чухал болохыг та өөрөө шийдэх ёстой. Үр дүн нь ямар ч байсан харагдахуйц сайт юм Хайлтын системүүд, үүнийг хөгжүүлэх л үлдэж байна. Хоёр дахь сонголт бол таны мэдлэг юм. Текст кодын засварлагчийг ашиглан тэдгээрийг төгс болгоход илүү хялбар байдаг.
За, одоо хөтөлбөрүүд рүүгээ шилжье.
Визуал редакторууд
Би танд хэд хэдэн тохиромжтой визуал засварлагчдыг санал болгож байна.
- WYSIWYG вэб бүтээгч
Хөтөлбөр нь англи хэл дээр, эхний 30 хоног нь үнэгүй туршилтын хугацаа юм. Дараа нь танд 50 доллараас бага үнэтэй лиценз хэрэгтэй болно.
WYSIWYG Web Builder нь энгийн бөгөөд ойлгомжтой. Хэрэв та ямар нэг зүйлийг мэддэг бол аливаа сайт янз бүрийн блокуудаас бүрддэг гэдгийг та ойлгож байна. Энэхүү засварлагчийн ачаар та зөвхөн өөрийн сайт дээр яг юу үзэхийг хүсч байгаагаа сонгох хэрэгтэй: текст, хайлт, RSS, слайд шоу, видео галерей гэх мэт. Код автоматаар үүсгэгдэх болно. Үүнийг бага зэрэг засах хэрэгтэй.
Энэ хэрэгсэл нь нэмэлт функцуудтай: холбоос үүсгэх, шалгах, хуудасны жинг шалгах. Хэрэв танд ямар нэг зүйл дутуу байвал албан ёсны вэбсайт дээрх форумаас өргөтгөлүүдийг татаж авах эсвэл кодыг өөрөө бичиж болно.
Хэрэв та анхлан суралцагч бол олон бэлэн загваруудын аль нэгийг ашиглан програм хангамжийг эхлүүлж болно. Энэ нь ажлыг хурдасгах болно.
- CoffeeCup Visual Site Designer
Англи хэл дээрх програм хангамж. Нэгэн цагт энэ программыг хөгжүүлэгчид нэмэлт боломжуудыг худалдаж авах боломжтойгоор 50 доллараар зарсан нь интернетэд жинхэнэ үймээн самуун дэгдээв. Та байнга хөрөнгө оруулалт хийх шаардлагатай энэ хэрэгсэл юу вэ? Одоо энэ нь 189 долларын үнэтэй боловч та бүгдийг нэг дор, бүхэлд нь авдаг.
Визуал засварлагчдын өмнөх төлөөлөгчтэй харьцуулахад маш ажиллагаатай, ашиглахад хялбар. Энэ нь серверт байршуулах процессыг хялбаршуулдаг суурилуулсан төхөөрөмжтэй. Та хөтөлбөрт ажиллаж, шинэчлэлтүүдийг шууд байршуулах боломжтой. Энэ нь маш тухтай байдаг.
CoffeeCup Visual Site Designer нь танд програмын ажлын талбарт олон тооны үнэгүй дүрс, бүх төрлийн эффект нэмэх, кодыг харж, засах боломжтой. Орос хэлний дутагдал нь магадгүй хамгийн чухал дутагдалтай талуудын нэг юм.
- Adobe Muse
Би блогтоо олон удаа бичсэн орос хэл дээрх маш сайн хөтөлбөр. Тэр өөрөө үүнийг захиалахын тулд ашиглаж, сайт хүртэл үүсгэсэн. Шүүмжүүд маш эерэг байдаг. Ийм олон хэрэгсэл байдаггүй, гэхдээ тэдгээрийг хэрхэн ашиглахаа мэддэг бол үндсэн төслүүдийг бий болгож чадна. тэр ялгах онцлоголон тооны Adobe бүтээгдэхүүн.
Үүнтэй ижил фотошопыг санаарай. Хэдэн арван товчлуур байгаа юм шиг санагдаж байна, гэхдээ та үүнийг тойрон эргэлдэж эхлэхэд тэдгээрийг ийм нарийвчилсан тохиргоонд ашиглаж болох нь харагдаж байна! Adobe Muse-д зориулж гаргасан олон скриптүүд байдаг бөгөөд та маягтыг өөрөө нэмж болно санал хүсэлт, гулсагч болон таны зүрх сэтгэл юу хүссэн.
Энэ бол кодыг ойлгохыг хүсдэггүй эхлэгчдэд болон гайхалтай мэдлэг олж авахыг эрэлхийлж буй хүмүүст өргөн боломж олгох цөөхөн хэдэн програмын нэг юм.
Adobe Muse-д ажилладаг хүмүүс буух бүрт 100,000 рубль олох боломжтой. Бүх зүйл ур чадвараас хамаарна. Үр дүн нь сайтыг худалдан авагчдад хамгийн их ашиг тус юм. Хэрэв таны зорилго мөнгө бол би танд курс санал болгож болно" ". Та борлуулалт хийх боломжтой төслүүдийг хэрхэн бүтээх талаар сурах болно.
Текст засварлагчид
Мэдлэг хэрэгтэй хүмүүст зориулж би текст засварлагчийн сонголтоо толилуулж байна.
- Гайхамшигтай текст
Та "Эхлүүлэх" мөрөнд нуугдах хамгийн энгийн тэмдэглэлийн дэвтэрт вэб сайт үүсгэж болох тул яагаад танд текст засварлагч хэрэгтэй байна вэ? Тэд ойролцоогоор ижил байна нэмэлт ашиг тус. Жишээлбэл, танд зориулж текст нэмэх чадвар, өнгөт палитр.
Sublime Text нь алдааны хяналт, даалгавар, файлын менежер гэх мэт өөрийн онцлог шинж чанаргүй байсан бол тийм ч алдартай биш байх байсан. Хэрэв та сонирхож байвал энэ редакторын видео тоймыг үзэхийг санал болгож байна.
Нэмэлт функцүүдийг авахын тулд та програмын өргөтгөлийн багцыг татаж авах шаардлагатай болно.
- Хаалт
Adobe-ийн үнэгүй засварлагч нь өмнөх төлөөлөгчтэй маш төстэй боловч үндсэн функцуудыг авахын тулд нэмэлт зүйл татаж авах шаардлагагүй.
Хэрэв та зургийн зарим хэсгийг нэн даруй хайчилж, хадгалахын тулд засварлагч дээр Photoshop-ийн байршлыг нээхийг хүсвэл өргөтгөлүүд хэрэгтэй болно. Сонголт нь тийм ч сайн хөгжөөгүй тул энэ нь танд үнэхээр хэрэг болох магадлал багатай юм.
Гэсэн хэдий ч таны хичээл зүтгэлд баярлалаа. Үүнгүйгээр редактор маш сайн.
Эдгээр програмуудаас гадна NotePad ++ болон Dreamweaver програмууд байдаг, гэхдээ би тэдний талаар дэлгэрэнгүй нийтлэл бичсэн "". Холбоосыг дагаж, миний блогын шинэчлэлтүүдэд бүртгүүлснээр илүү ихийг олж мэдээрэй. Таныг аль болох хурдан өөрийн хэрэглүүрийг олж, өөрөө вэбсайт үүсгэж эхлэхийг хүсч байна.
Бид дахин уулзах хүртэл та бүхний ажилд амжилт хүсье.
Вэб дизайнер, кодлогч бүр HTML, CSS болон JavaScript кодыг үүсгэх, засварлахын тулд сайн вэб хуудас засварлагчтай байх шаардлагатай. Notepad (Windows) болон TextEdit (Mac) нь эхлүүлэхэд тохиромжтой хэрэгсэл боловч та илүү туршлагатай болох тусам илүү хатуу, тохиромжтой хэрэгсэл ашиглахыг хүсэх болно.
Олон зуун гайхалтай редакторуудаас сонгох боломжтой боловч тэдний ихэнх нь төлбөртэй байдаг. Хэрэв та зохиогчийн эрхийг зөрчихийг хүсэхгүй байгаа ч төсөвт арилжааны бүтээгдэхүүн худалдаж авах мөнгө байхгүй бол? Энэ нийтлэлд хэд хэдэн гайхалтай үнэгүй редакторуудыг багтаасан болно.
- WYSIWYG редакторууд.тэр график засварлагч, энэ нь танд хуудасны зохион байгуулалтыг бий болгох, сайн мэддэг шиг хэв маягийг нүдээр харуулах боломжийг олгодог Текст боловсруулагч MS үг. Эдгээр нь хуудасны дизайныг бүтээхэд тохиромжтой хэрэгсэл боловч туршлагатай вэб дизайнер бүрийн мэдэж байгаачлан гайхалтай үр дүнд хүрэхийн тулд кодыг "самнах" шаардлагатай хэвээр байна.
- Текст засварлагчид.Энэ нь HTML болон CSS кодыг шууд засварлах хэрэгсэл юм. Зарим засварлагч нь ерөнхий зориулалттай бөгөөд вэб кодын дэмжлэг үзүүлэх тусгай сонголтгүй байдаг. Бусад нь HTML, CSS, JavaScript, PHP зэрэг вэб хэлийг ашиглахад мэргэшсэн бөгөөд HTML шошго, CSS шинж чанарууд гэх мэтийг хурдан оруулахад зориулагдсан шинж чанаруудтай. Эдгээр засварлагчдын ихэнх нь вэб хуудсыг тусдаа цонхоор үзэх боломжийг олгодог.
Хөгжүүлэгч (Windows, Mac, Linux)
Хэрэв танд төсөвт визуал засварлагч хэрэгтэй бол KompoZer бол маш сайн сонголт юм
Комодо засварлах - сайн редактор, сурахад хялбар боловч хүчирхэг, өргөтгөх боломжтой
Хэдийгээр энэ нь ерөнхий зориулалттай засварлагч боловч HTML болон CSS-ийг дэмждэг бөгөөд HTML хаягуудыг контекстоор автоматаар бөглөх чадвартай. CSS шинж чанарууд, түүнчлэн төрөл бүрийн HTML элементүүдэд зориулсан код оруулах цуглуулга. Komodo-г ашиглахын тулд та HTML Toolkit өргөтгөлийг суулгах хэрэгтэй бөгөөд үүнд автоматаар хаах шошго, CSS-ийг урьдчилан харах, түр зуурын текст үүсгэгч гэх мэт гайхалтай боломжуудыг багтаасан болно.
Komodo Edit нь ямар ч суулгасан хөтөч дээр засварласан хуудсуудыг үзэх, эсвэл суулгасан хөтчийг тусдаа цонхонд ашиглах боломжийг олгодог бөгөөд ингэснээр та засварлаж, өөрчлөлтийн үр дүнг нэгэн зэрэг харах боломжтой.
Засварлагч нь сайт руу файл байршуулах (FTP, FTPS, SFTP, эсвэл SCP) функцтэй бөгөөд та төслийн менежерийн сонголтыг ашиглан файлуудаа хөгжилтэй байдлаар бүлэглэж болно.
Маш хэрэгтэй функц Код > Блок сонгоно уу. Энэ нь одоогийн хаалттай div эсвэл ul элемент гэх мэт HTML-ийн одоогийн үндсэн блокыг онцолдог. Хуулбарлах эсвэл зөөхийн тулд хуудасны бүх хэсгийг сонгох шаардлагатай үед маш тохиромжтой функц.
Komodo Edit нь маш олон хүчирхэг ба ашигтай шинж чанарууд, жишээ нь хайлт/солилтод ердийн илэрхийлэл ашиглах, гадаад командуудыг гүйцэтгэх чадвар гэх мэт. Аз болоход, редактор бас сайн зүйлтэй тусламжийн систем, энэ нь Komodo Edit-ийн бүрэн хүчийг эзэмшихэд хялбар болгодог.
Aptana Studio (Windows, Mac, Linux)
Aptana Studio нь өргөн хүрээний залгаас бүхий иж бүрэн нэгдсэн вэб програм хөгжүүлэх орчин юм. Хэдийгээр та үүнийг зөвхөн HTML/CSS/JavaScript код засварлагч болгон ашиглах боломжтой
Notepad++ бол Windows-ийн Notepad-ийг орлуулах гайхалтай програм юм. Хэдийгээр бусад засварлагчдынхтай адил сонголт байхгүй ч HTML, CSS, JavaScript болон бусад кодын файлуудыг засварлахад тохиромжтой.
PSPad бол HTML болон CSS кодлогчдод хэрэгтэй олон тооны функц бүхий Windows-д зориулсан өөр нэг ерөнхий зориулалттай засварлагч юм
jEdit бол хүчирхэг макро команд болон залгаасуудын функц бүхий платформ хоорондын текст засварлагч юм. Хэрэв та вэб хуудсыг засварлах шаардлагатай бол XML залгаасыг суулгана уу
TextWrangler бол ерөнхий зориулалтын хөнгөн засварлагч юм. Вэб хөгжүүлэлтийн тусгай функц байхгүй ч вэб хуудастай ажиллахад ашиглаж болно.
Vim сурахад үнэхээр хэцүү, гэхдээ та үүнийг даван туулж чадвал та хэзээ ч буцаж очихыг хүсэхгүй болно!
Vim програмистуудад зориулсан текст засварлагчдын өвөө (vi редакторын шууд удам) юм. консол засварлагчтекстээс нээлттэй эх сурвалж. Энэ нь Linux болон Mac OS X гэх мэт Unix-ийн бараг бүх хувилбарт анхдагч засварлагчаар суулгагдсан байдаг. Редактор нь Windows болон бусад олон систем дээр ашиглах боломжтой.
Vim бол өмнө нь хэзээ ч шийдэж байгаагүй, шууд суулгаад ашиглаж эхлэх систем биш юм. Ихэнх засварлах командууд нь :wq болон / гэх мэт хачирхалтай хослолуудыг агуулдаг. Энэ нь мөн гурван засварлах горимтой: горим оруулгууд, аль текстийг оруулсан; хараанытекстийг тодруулах горим; болон тушаалтушаал оруулах горим. Энэ функц нь цонх, хулганагүй байсан үеийн Юниксийн өв юм.
Тэр яагаад жагсаалтад орсон бэ? Хэрэв та үүнийг эзэмшсэн бол түүний хурд, хүч чадалд итгэлтэй байх болно. Хэдхэн командын тусламжтайгаар та бусад засварлагчдад хэдэн минут шаардагдах зүйлийг хэдхэн секундын дотор хийж болно.
Синтакс тодотгох, автоматаар бөглөх, HTML эмх цэгцтэй болгох, хөтөч дээр үзэх зэрэг HTML, CSS, JavaScript кодтой ажиллахад хялбар болгодог олон тооны Vim макро болон залгаасууд байдаг. Энд хэрэгтэй холбоосуудын том жагсаалт байна:
- Vim Omni автоматаар бөглөх
- Vim дээр HTML/XHTML засварлах
- нүүр хуудас
Fraise (Mac)
Fraise бол вэб засварлахад хангалттай боломжуудтай, Mac-д зориулсан ойлгомжтой засварлагч юм
TextWrangler болон gedit-ийн нэгэн адил Fraise бол ашиглахад таатай, хөнгөн жинтэй гайхалтай засварлагч юм. Энэ бол редакторын сэрээ юм. Энэ нь харьцангуй шинэ бөгөөд зохих вэб сервергүй. Энэ нь одоогоор зөвхөн Mac OS X 10.6 (Snow Leopard) дээр дэмжигддэг бөгөөд хэрэв та 10.5 хувилбарыг ашиглаж байгаа бол Smultron-г татаж авах шаардлагатай болно.
Fraise вэб засварлах гайхалтай сонголтуудтай:
- HTML, CSS, JavaScript, PHP болон бусад хэд хэдэн програмчлалын хэлнүүдийн кодыг тодруулах.
- Close Tag(Command-T) команд нь одоогийн тагийг хаах. Энэ нь жагсаалт оруулахад үнэхээр цаг хэмнэдэг.
- Суурилуулсан хөтөч дээр (WebKit ашиглан), маш хялбар Live Update сонголттой урьдчилан үзэх боломжтой юу? Энэ нь засварласан хуудсан дээрх тэмдэглэгээ болон CSS өөрчлөгдсөн даруйд хөтөчийг шинэчилдэг.
- Тогтмол илэрхийлэл ашиглан хайх/орлуулахыг дэмждэг Нарийвчилсан Хайлтын сонголт.
- HTML хаягууд болон CSS шинж чанаруудыг хурдан оруулах блокуудын дэмжлэг.
- HTML баталгаажуулалт, тэмдэгтүүдийг HTML элемент болгон хөрвүүлэх гэх мэт текстийг удирдахад хэрэгтэй зарим командууд.
Fraise нь танд Mac дээр байгаа бөгөөд хэрэгтэй байгаа эсэхийг судлах нь зүйтэй тохиромжтой редакторсуулгасан TextEdit-ээс илүү олон функцтэй.
HTML хэлний нэр нь гипертекст тэмдэглэгээний хэл гэсэн утгатай HyperText Markup Language хэлнээс гаралтай гэдгийг бид бүгд мэднэ. Тэмдэглэгээний хэлний нэр томъёо нь тийм гэж хэлдэг Текст баримтТекст дэх гарчиг, жагсаалт болон бусад онцлох цэгүүдийн заалттай. World Wide Web-ээс олж болох сайтуудын дийлэнх нь HTML хэл дээр бичигдсэн байдаг. Мэдээллийг серверээс хөтөч рүү тусгай протокол ашиглан, шахалтын нөхцөлд дамжуулдаг. Мөн энэ хэлийг 1986-1991 онд Тим Бернерс-Ли хөгжүүлсэн нь түүхээс тодорхой.
Шударга байхын тулд ердийн тэмдэглэлийн дэвтэр нь редактор болж чадна. Гэхдээ энэ нь тохиромжгүй, илүү тохиромжтой функц бүхий олон редакторууд байдаг (тэмдэгтийг таах, визуал засварлах, кодыг тодруулах гэх мэт).
Ингээд хамгийн шилдэг HTML засварлагчдыг харцгаая:
1 газар. Гайхамшигтай текст
Төрөл бүрийн кодын энгийн, үнэгүй, хялбар засварлагч. Давуу талуудаас тааламжтай интерфэйс, менежментийн хялбар байдал, уян хатан тохиргоог тэмдэглэхгүй байх боломжгүй юм. Энэ засварлагч нь олон платформтой байдаг нь тодорхой давуу тал юм. Олон сонголт, засварлах функц надад маш их таалагдсан, бусад редакторуудад энэ функц байдаггүй. Энэ нь дараах байдлаар ажилладаг: та Ctrl дарж, текстийн мөрүүдийг сонгосны дараа тэдгээрийг нэгэн зэрэг засварлана. Мөн энэ редакторт аливаа үйлдэл хийх халуун товчлуурын функц байдаг. Одоогоор тийм олон залгаас байхгүй байна.
2-р байр. Aptana Studio
Энэхүү засварлагч нь вэб програм боловсруулахад зориулагдсан боловч HTML-тэй маш сайн ажилладаг. Давуу талуудын дунд маш сайн автоматаар бөглөх, кодыг тодруулах, төслийн менежментийн маш сайн системийг тэмдэглэх нь зүйтэй. Үнэгүй засварлагчийн хувьд эдгээр функцууд нь ердөө л үнэлж баршгүй юм. Dreamweaver-тэй адил та албан ёсны вэбсайтаас олон залгаасуудыг олох боломжтой. Мэдээжийн хэрэг, нэмэлт өргөтгөлүүд, сонголтууд, тохиргооны олон сонголт нь эхлэгчдэд айдас төрүүлж болох ч танд тохиромжтой, тохиромжтой програм хэрэгтэй бол Aptana Studio нь маш сайн сонголт юм. функциональ засварлагч HTML.
3-р байр. Notepad++
Үнэгүй, нээлттэй эхийн редактороор байршсан. Онцлох функцууд, кодын блокуудыг автоматаар бөглөх нь сайн зохион байгуулалттай, олон тооны залгаас, модулиудын ачаар функцийг нэмэгдүүлэх боломжтой. Мөн энэ засварлагч нь олон тооны залгаасуудтай ч гэсэн маш хурдан ажилладаг.
4-р байр. Macromedia (Adobe) Dreamweaver
Энэ бол хамгийн эртний редакторуудын нэг бөгөөд олон функцын ачаар хадгалагдан үлджээ. Энэ програмыг ашиглахдаа та хуудасны дизайн, кодыг нэгэн зэрэг үзэх боломжтой бөгөөд HTML шошго, шинж чанаруудыг автоматаар бөглөх зөвлөмж, мөн ашигладаг. Тэмдэгтүүдийг хайх, солих ажлыг хялбархан зохион байгуулдаг. Хөтөлбөрийн албан ёсны вэбсайтаас та энэ програмын арилжааны болон арилжааны бус олон залгаасуудыг олох болно.
5-р байр. RJ TextEd
2004 онд үйл ажиллагаа явуулахад зориулагдсан энгийн үнэгүй засварлагч Windows системүүд. Үүн дээр та кодыг тодруулж, шошго, ишлэлийг автоматаар хаах нь хэсэгчлэн ажиллах боломжтой. Ноцтой, үл үзэгдэх олон тооны сул талууд байдаг, жишээлбэл, FTP үйлчлүүлэгч байхгүй, хамааралтай файлуудыг авахгүй, CSS 3, JS гэх мэт дэмжлэг байхгүй.
6-р байр. KompoZer
Энэ бол хамгийн шилдэг үнэгүй визуал засварлагчдын нэг юм. Хуудсыг засварлах үед хөтөч дээр хэрхэн харагдахыг шууд харах боломжтой. Бүх HTML элементүүдийг дэмждэг. KompoZer нь мэдээж төлбөртэй Dreamweaver биш бөгөөд үүний дагуу ажилладаг. Давуу талуудын дотроос суулгасан CSS засварлагч болон FTP менежерийг анзаарахгүй өнгөрч болохгүй.
7-р байр. Комодо засвар
Энэ бол арилжааны Komodo IDE-ээс боловсруулсан үнэгүй засварлагч бөгөөд олон функцийг өвлөн авсан. Засварлагч нь стандарт автомат бөглөх, кодыг тодруулах функцтэй. Давуу талуудын дунд тэмдэглэж болно хурдан ажиллуулах, тохиромжтой халуун товчлуурууд. Мөн өргөтгөлүүдийг суулгах механизмыг суурилуулсан. Энэ нь анх олон үйлдэлт засварлагч хэлбэрээр бүтээгдсэн.
8-р байр. vim
1976 онд бүтээгдсэн хуучин Vi дээр суурилсан сайн хуучин редактор. Бараг 40 жилийн өмнө бүтээгдсэн зүйлийг бид яагаад одоог хүртэл ашиглаад байгаа юм бэ гэж та асууж байна уу? Тийм ээ, учир нь энэ нь маш сайн гүйцэтгэл, удирдахад хялбар юм. Мэдээжийн хэрэг, та энэ редакторт маш их дасах хэрэгтэй, юуны өмнө та сохроор бичихийг эзэмших хэрэгтэй (учир нь Vim-д үүнгүйгээр хийх зүйл байхгүй), халуун товчлууруудыг сурах хэрэгтэй, үүний ачаар програмын үндсэн удирдлага явагдана.
9-р байр. Фрейз
Fraise бол синтакс тодотголтой үнэгүй текст засварлагч юм. Smultron дээр үндэслэн Жан-Франсуа Мой зохион бүтээжээ. Давуу талуудын дотроос энэ нь маш сайн блокийн менежмент, тэмдэгтийн кодчилол, 2 цонхонд хуваагдах болон бусад олон зүйл юм. Гэхдээ гол сул тал нь энэ засварлагч зөвхөн Mac OS дээр байдаг.
10-р байр. PSPad
Бүх нийтийн текст засварлагч Windows платформууд, олон ашигтай шинж чанаруудтай. Энэ програмын ажлын маш сайхан онцлог нь HTML кодыг шахах функц, илүү ихийг авах боломжтой хурдан ачаалаххуудсууд, би үүнийг бусад редакторуудаас хараагүй.
Ачааж байна...