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