მარტივი ვებ გვერდი გამოცდილი განლაგება მარკა ან ვებ პროგრამისტი არ არის რთული დიზაინის მარტივი ტექსტური რედაქტორი. მაგრამ ამ სფეროში საქმიანობის კომპლექსური ამოცანების შესასრულებლად რეკომენდირებულია სპეციალური პროგრამული უზრუნველყოფა. ეს შეიძლება იყოს მოწინავე ტექსტური რედაქტორები, მრავალფუნქციური კომპლექსი განაცხადები მოუწოდა ინტეგრირებული განვითარების იარაღები, სურათი რედაქტორები და ა.შ. ამ სტატიაში, ჩვენ მხოლოდ განიხილავს პროგრამული განკუთვნილია განლაგება საიტები.
ჩასაწერი ++
უპირველეს ყოვლისა, დავიწყოთ გაფართოებული ტექსტის რედაქტორების აღწერა, რომელიც განკუთვნილია განლაგების დიზაინერის მუშაობისთვის. რა თქმა უნდა, ამ ტიპის ყველაზე ცნობილი პროგრამა Notepad ++. ეს პროგრამული უზრუნველყოფა მხარს უჭერს ძალიან ბევრი პროგრამირების ენების სინტაქსს, ასევე ტექსტის კოდირებას. კოდექსის ხაზგასმა და ხაზის ნუმერაცია მნიშვნელოვნად შეუწყობს ხელს პროგრამისტების სხვადასხვა სფეროში. რეგულარული გამონათქვამების გამოყენება უფრო ადვილად გამოადგება კოდის ცალკეულ მონაკვეთს, რომელიც მსგავსია სტრუქტურულად. სწრაფად შეასრულოს იგივე ქმედება, რომელიც შემოთავაზებულია მაკროსით. შესაძლებელია მნიშვნელოვნად გაფართოებისა და იმდენად მდიდარი ფუნქციონირება, რომელიც ჩართულია ჩადგმული დანამატების დახმარებით.
აგრეთვე იხილე: ანალოგები ჩასაწერი ++
ხარვეზებს შორის შეიძლება მხოლოდ ასეთი საეჭვო "მინუსი" უწოდეს, რადგანაც დიდი რაოდენობის ფუნქციების არსებობა, რომელიც გაუგებარია საშუალო მომხმარებლისთვის.
ჩამოტვირთვა Notepad ++
Sublimetext
კიდევ ერთი მოწინავე ტექსტური რედაქტორი ვებ პროგრამისტების არის SublimeText. მან ასევე იცის, თუ როგორ უნდა იმუშაოს ბევრ ენაზე, მათ შორის Java, HTML, CSS, C ++. კოდის მუშაობისას, განათება, ავტომატური და ნუმერაცია გამოიყენება. ძალიან მოსახერხებელი ფუნქციაა სპიპების მხარდაჭერა, რომელზეც შეგიძლიათ გამოიყენოთ ბლანკები. რეგულარული გამოხატვისა და მაკროსის გამოყენება ასევე უზრუნველყოფს მნიშვნელოვან დროს დაზოგვას პრობლემის გადაჭრისთვის. SublimeText გაძლევთ საშუალებას იმუშაოთ ერთდროულად ოთხი პანელზე. პროგრამების გაფართოებული ფუნქციონირება plug-ins- ის ინსტალაციით.
განაცხადის მთავარი პრობლემა, Notepad ++- თან შედარებით, რუსულენოვანი ინტერფეისის ნაკლებობაა, რაც გარკვეულ დისკომფორტს იწვევს, განსაკუთრებით გამოუცდელი მომხმარებლებისთვის. გარდა ამისა, ყველა მომხმარებელი არ მოსწონს შეტყობინებას, რომელიც გამოჩნდება პროდუქტის უფასო ვერსიის ფანჯარაში შეთავაზების ლიცენზიით.
ჩამოტვირთეთ SublimeText
ფრჩხილებში
ჩვენ დავასკვნათ, რომ ვებ-გვერდების განლაგება განკუთვნილია ტექსტის რედაქტორების აღწერა ფრჩხილების აპლიკაციის მიმოხილვით. ეს ინსტრუმენტი, როგორც წინა ანალოგიები, მხარს უჭერს ყველა ძირითად მარკირებას და პროგრამირულ ენებს შესაბამისი გამონათქვამებისა და ხაზის ნუმერაციის ხაზგასმით. განაცხადის შედეგია ფუნქციის არსებობა "Live Preview", რომლის საშუალებითაც თქვენ იხილავთ რეალურ დროში ბრაუზერის მეშვეობით ყველა ცვლილება დოკუმენტში, ასევე ინტეგრირება კონტექსტური მენიუში "Explorer". ფრჩხილების ინსტრუმენტარიტი საშუალებას გაძლევთ დაათვალიეროთ ვებგვერდი გამართვის რეჟიმში. პროგრამის ფანჯრის საშუალებით შეგიძლიათ ამავე დროს მრავალრიცხოვანი ფაილების მანიპულირება. მესამე მხარის გაფართოების ინსტალაციის შესაძლებლობა კიდევ უფრო მეტ ფუნქციურ ფუნქციებს უბიძგებს.
იგი მხოლოდ უშედეგოდ იწყებს პროგრამის არაერთ რუსული არყოფნის არსებობას, ასევე ფუნქციის გამოყენების შესაძლებლობას "Live Preview" ექსკლუზიურად Google Chrome ბრაუზერში.
ჩამოტვირთეთ ფრჩხილებში
გიმპი
ერთ-ერთი ყველაზე პოპულარული მოწინავე სურათის რედაქტორს შორის, რომელიც წარმატებით შეიძლება გამოყენებულ იქნას, მათ შორის ვებ-გვერდის ფორმირებისთვის, არის GIMP. განსაკუთრებით მოსახერხებელია პროგრამა გამოიყენოს საიტის დიზაინი. ამ პროდუქტის დახმარებით შესაძლებელია დასრულებული სურათების დახატვა და რედაქტირება სხვადასხვა ინსტრუმენტების გამოყენებით (ჯაგრისები, ფილტრები, ბუნდოვანი, შერჩევა და სხვა). GIMP მხარს უჭერს მუშაობას ფენებს და გადარჩენის ბლანკები საკუთარ ფორმატში, რომელთანაც შეგიძლიათ განაახლონ მუშაობა იმავე ადგილას, სადაც დასრულდა, გადატვირთვის შემდეგაც კი. ცვლილების ისტორია ხელს უწყობს ყველა ქმედებას, რომელიც სურათზე მიმართავდა და საჭიროების შემთხვევაში გააუქმა. გარდა ამისა, პროგრამა შეიძლება იმუშაოს იმ ტექსტით, რომელიც გამოიყენება სურათზე. ეს არის ერთადერთი უფასო განაცხადი ანალოგებს შორის, რომელსაც შეუძლია ასეთი მდიდარი ფუნქციონირება შესთავაზოს.
ხარვეზებს შორის, შესაძლებელია გამოვლინდეს შემთხვევითი შენელება ეფექტი პროგრამის რესურსების ინტენსივობის გამო, ისევე როგორც მნიშვნელოვანი სირთულეები დამწყებთათვის ალგორითმის გაგებაში.
ჩამოტვირთეთ GIMP
Adobe Photoshop
ფასიანი ანალოგი GIMP არის Adobe Photoshop. ეს კიდევ უფრო ცნობილია, რადგან გაცილებით ადრე გაათავისუფლეს და უფრო მოწინავე ფუნქციონირება აქვს. Photoshop გამოიყენება ვებ-გვერდის მრავალ სფეროში. მასთან ერთად თქვენ შეგიძლიათ შექმნათ, შეცვალონ და დააკონვერტიროთ სურათები. პროგრამას შეუძლია მუშაობა ფენისა და 3D მოდელების გამოყენებით. ამ შემთხვევაში, მომხმარებელს აქვს უნარი გამოიყენოს უფრო დიდი კომპლექტი ინსტრუმენტები და ფილტრები, ვიდრე GIMP.
ძირითად ნაკლოვანებებს შორისაა Adobe Photoshop- ის ყველა ფუნქციის დაუფლების სირთულე. გარდა ამისა, GIMP- ისგან განსხვავებით, ეს ინსტრუმენტი გადახდილია მხოლოდ 30 დღის განმავლობაში.
ჩამოტვირთეთ Adobe Photoshop
Aptana სტუდია
ვებ გვერდის განლაგების პროგრამების შემდგომი ჯგუფი ინტეგრირებული განვითარების ინსტრუმენტებია. მისი ერთ-ერთი ყველაზე პოპულარული წარმომადგენელია აპტანა სტუდია. ეს პროგრამული უზრუნველყოფა არის ყოვლისმომცველი საიტი შექმნის ინსტრუმენტი, რომელიც მოიცავს ტექსტურ რედაქტორს, debugger, შემდგენელს, და ასამბლეის ავტომატიზაციის ინსტრუმენტი. აპლიკაციის გამოყენებით, პროგრამულ კოდს შეუძლია ბევრი პროგრამირების ენაზე მუშაობა. Aptana Studio მხარს უჭერს ერთდროულად მანიპულაციას რამდენიმე პროექტთან, სხვა სისტემებთან ინტეგრაცია (კერძოდ, Aptana Cloud Service), აგრეთვე საიტის შინაარსის დისტანციური რედაქტირება.
Aptana Studio- ის მთავარი უარყოფითი მხარეები სამაგისტრო და რუსულენოვანი ინტერფეისის ნაკლებობაა.
ჩამოტვირთვა Aptana Studio
Webstorm
პროგრამა Aptana Studio- ის ანალოგია WebStorm, რომელიც ასევე ეკუთვნის ინტეგრირებული განვითარების სისტემების კლასს. ეს პროგრამული პროდუქტს გააჩნია მოსახერხებელი კოდი რედაქტორი, რომელიც მხარს უჭერს სხვადასხვა პროგრამის ენების შთამბეჭდავ ჩამონათვალს. მომხმარებლის კომფორტისთვის, დეველოპერებმა საშუალება მისცეს საშუალება აირჩიონ სამუშაო გარემოს დიზაინი. მათ შორის "უპირატესობა" Web Storm, შეგიძლიათ ხაზს უსვამს ყოფნა Node.js გამართვის ინსტრუმენტი და ჯარიმის სრულყოფილი ბიბლიოთეკები. ფუნქცია "ცოცხალი რედაქტირება" უზრუნველყოფს შესაძლებლობას, იხილოთ ბრაუზერის მეშვეობით ყველა ცვლილება. ვებ სერვერთან ინტერაქციის ინსტრუმენტი საშუალებას გაძლევთ დისტანციურად შეცვალონ და მოახდინოთ საიტი.
გარდა რუსულენოვანი ინტერფეისის არარსებობის გამო, WebStorm- ს აქვს კიდევ ერთი "მინუსი", რომელიც, სხვათა შორის, არ არის წარმოდგენილი Aptana Studio- ში, კერძოდ, პროგრამაში გამოყენების გადახდა.
ჩამოტვირთეთ WebStorm
წინა გვერდი
ახლა განიხილეთ განაცხადების ბლოკი, რომელსაც ეწოდება ვიზუალური HTML რედაქტორები. დავიწყოთ Microsoft პროდუქტის მიმოხილვა სახელწოდებით Front Page. ეს პროგრამა საკმაოდ პოპულარული იყო, რადგან ეს იყო Microsoft Office- ის პაკეტის ნაწილი. იგი გთავაზობთ ვებ გვერდების განლაგებას ვიზუალური რედაქციით, რომელიც მუშაობს WYSIWYG- ის პრინციპზე ("რას ხედავთ, მიიღებთ"), როგორც სიტყვა პროცესორი Word. თუ სასურველია, მომხმარებელს შეუძლია გახსნას სტანდარტული html რედაქტორი კოდექსთან მუშაობისთვის, ან გააერთიანოს ორივე რეჟიმი ცალკე გვერდზე. ბევრი ტექსტის ფორმატირების ინსტრუმენტები შენდება ინტერფეისის ინტერფეისში. მართლწერის შემოწმება არსებობს. ცალკე ფანჯარაში შეგიძლიათ იხილოთ ვებ-გვერდი როგორ გამოჩნდება ბრაუზერის მეშვეობით.
ამდენი უპირატესობით, პროგრამის კიდევ უფრო ნაკლოვანებები აქვს. ყველაზე მნიშვნელოვანი ისაა, რომ 2003 წლიდან დეველოპერები მას მხარს არ უჭერენ, რაც იმას ნიშნავს, რომ პროდუქტი უსარგებლოა ვებ ტექნოლოგიების განვითარებაში. მაგრამ ჯერ კიდევ საუკეთესო დროს, Front Page- ს არ უჭერდა მხარს უჭერდა სტანდარტების დიდ ჩამონათვალს, რაც, თავის მხრივ, გამოიწვია ის ფაქტი, რომ ამ აპლიკაციაში შეიქმნა გარანტირებული სწორი ვებ-გვერდები მხოლოდ Internet Explorer- ში.
ჩამოტვირთვა წინა გვერდი
კომბოსტო
მომდევნო ვიზუალური რედაქტორი HTML კოდი, KompoZer, ასევე არ უჭერს მხარს დეველოპერებს გაფართოებულ პერიოდში. მაგრამ წინა გვერდიდან განსხვავებით, პროექტი მხოლოდ 2010 წელს შეჩერდა, რაც იმას ნიშნავს, რომ ეს პროგრამა ჯერ კიდევ შეუძლია ახალი სტანდარტებისა და ტექნოლოგიების მხარდასაჭერად, ვიდრე აღნიშნული კონკურენტი. მან ასევე იცის, თუ როგორ უნდა ვიმუშაოთ WYSIWYG რეჟიმში და კოდი რედაქტირების რეჟიმში. არსებობს შესაძლებლობები, რათა დააკავშიროთ ორივე ვარიანტი, ერთდროულად მუშაობა სხვადასხვა დოკუმენტების სხვადასხვა ჩანართების და წინასწარ შედეგები. გარდა ამისა, კომპოზიტორს აქვს ჩაშენებული FTP კლიენტი.
მთავარი "მინუსი", როგორც წინა გვერდი, არის დეველოპერების მიერ KompoZer- ის მხარდაჭერის შეწყვეტა. გარდა ამისა, ეს პროგრამა მხოლოდ ინგლისური ინტერფეისია.
ჩამოტვირთეთ KompoZer
Adobe Dreamweaver
ჩვენ დავასკვნათ, ამ სტატიის მოკლე მიმოხილვა Adobe Dreamweaver ვიზუალური HTML რედაქტორი. წინა ანალოგიებისგან განსხვავებით, ამ პროგრამული უზრუნველყოფის პროდუქტი კვლავ მხარს უჭერს მის დეველოპერებს, რაც უზრუნველყოფს მის შესაბამისობას თანამედროვე სტანდარტებთან და ტექნოლოგიებთან შესაბამისობის თვალსაზრისით, ასევე უფრო ძლიერი ფუნქციონირების თვალსაზრისით. Dreamviewer უზრუნველყოფს მუშაობის WYSIWYG რეჟიმები, რეგულარული კოდი რედაქტორი (ერთად განათება) და გაყოფილი. გარდა ამისა, შეგიძლიათ ნახოთ ყველა ცვლილება რეალურ დროში. პროგრამას ასევე აქვს მთელი რიგი დამატებითი ფუნქციები, რაც ხელს შეუწყობს კოდსთან მუშაობას.
აგრეთვე იხილე: Dreamweaver- ის ანალოგები
ნაკლოვანებებს შორის უნდა მოხდეს პროგრამის საკმაოდ მაღალი ღირებულება, მისი მნიშვნელოვანი წონა და რესურსების ინტენსივობა.
ჩამოტვირთეთ Adobe Dreamweaver
როგორც ხედავთ, არსებობს რამდენიმე ჯგუფური პროგრამა, რომელიც განკუთვნილია კოდის მუშაობის გასაუმჯობესებლად. ეს არის მოწინავე ტექსტური რედაქტორები, ვიზუალური HTML რედაქტორები, ინტეგრირებული განვითარების იარაღები და გამოსახულების რედაქტორები. კონკრეტული პროგრამის არჩევანი დამოკიდებულია განლაგების დიზაინერის, უნარების ამოცანისა და მისი სირთულის პროფესიონალური უნარების დონეზე.