გამოცდილი ვებ დიზაინერის ან ვებპროგრამის შემსრულებლისთვის რთული არ არის მარტივი ვებგვერდის შექმნა ჩვეულებრივი ტექსტური რედაქტორის გამოყენებით. მაგრამ საქმიანობის ამ სფეროში რთული ამოცანების შესასრულებლად, რეკომენდებულია სპეციალიზირებული პროგრამული უზრუნველყოფის გამოყენება. ეს შეიძლება იყოს მოწინავე ტექსტური რედაქტორები, მრავალფუნქციური ინტეგრირებული პროგრამა, რომელსაც ეწოდება ინტეგრირებული განვითარების ინსტრუმენტები, გამოსახულების რედაქტორები და ა.შ. ამ სტატიაში ჩვენ მხოლოდ განვიხილავთ პროგრამის შექმნას საიტის განლაგებისთვის.
Notepad ++
პირველ რიგში, დავიწყოთ მოწინავე ტექსტური რედაქტორების აღწერილობით, რომლებიც შექმნილია განლაგების დიზაინერის მუშაობის გასაადვილებლად. ჯერჯერობით, ამ ტიპის ყველაზე ცნობილი პროგრამაა Notepad ++. ეს პროგრამული უზრუნველყოფა მხარს უჭერს ამდენი პროგრამირების ენისა და ტექსტის კოდირების სინტაქსს. კოდექსის მონიშვნა და ხაზების ნუმერაცია მნიშვნელოვნად უწყობს ხელს პროგრამისტების მუშაობას სხვადასხვა სფეროში. რეგულარული გამონათქვამების გამოყენება სტრუქტურაში კოდის ანალოგიური მონაკვეთების პოვნა და მოდიფიცირება ხელს უწყობს. მსგავსი მოქმედებების სწრაფად შესრულებისთვის, შემოთავაზებულია მაკროების ჩაწერა. თქვენ შეგიძლიათ მნიშვნელოვნად გააფართოვოთ უკვე მდიდარი ფუნქციონირება ჩაშენებული დანამატების დახმარებით.
წაიკითხეთ აგრეთვე: Notepad– ის ანალოგები ++
ნაკლოვანებებს შორის შეიძლება ეწოდოს მხოლოდ ის საეჭვო "მინუსი", როგორც დიდი რაოდენობის ფუნქციების არსებობა, რომლებიც საშუალო მომხმარებლისთვის გაუგებარია.
ჩამოტვირთეთ Notepad ++
SublimeText
ვებ დეველოპერებისთვის კიდევ ერთი მოწინავე ტექსტური რედაქტორი არის SublimeText. მან ასევე იცის როგორ იმუშაოს მრავალ ენაზე, მათ შორის Java, HTML, CSS, C ++. კოდთან მუშაობის დროს გამოიყენება backlighting, ავტომატური დასრულება და ნუმერაცია. ძალიან მოსახერხებელი თვისებაა snippets- ის მხარდაჭერა, რომელთანაც შეგიძლიათ გამოიყენოთ სამუშაო ნაწილის შედგენა. რეგულარული გამონათქვამებისა და მაკროების გამოყენება ასევე შეუძლია მნიშვნელოვანი დროის დაზოგვას დავალების გადასაჭრელად. SublimeText საშუალებას გაძლევთ ერთდროულად იმუშაოთ ოთხ პანელზე. პროგრამის ფუნქციონირება გაფართოვებულია მოდულების დაყენებით.
განაცხადის მთავარი მინუსი, როდესაც შევადარებთ Notepad ++– ს, არის რუსულენოვანი ინტერფეისის ნაკლებობა, რაც იწვევს გარკვეულ დისკომფორტს განსაკუთრებით გამოუცდელ მომხმარებლებში. ასევე, ყველა მომხმარებელს არ მოსწონს შეტყობინება, რომელიც გამოჩნდება პროდუქტის უფასო ვერსიის ფანჯარაში ლიცენზიის შეძენის შეთავაზებით.
ჩამოტვირთეთ SublimeText
ფრჩხილები
ჩვენ დავამთავრებთ ტექსტური რედაქტორების აღწერილობას, რომლებიც შექმნილია ვებგვერდების განლაგებისთვის, ფრჩხილების პროგრამის მიმოხილვით. ეს ინსტრუმენტი, წინა ანალოგების მსგავსად, მხარს უჭერს მარკირების და პროგრამირების ყველა მნიშვნელოვან ენას შესაბამისი გამონათქვამებისა და ხაზების ნუმერაციის ხაზგასმით. პროგრამის მთავარი მახასიათებელია ფუნქციების ხელმისაწვდომობა "Live preview", რომელთანაც შეგიძლიათ ბრაუზერის საშუალებით რეალურ დროში ნახოთ დოკუმენტში განხორციელებული ყველა ცვლილება, ასევე კონტექსტური მენიუში ინტეგრაცია "Explorer". Brackets ინსტრუმენტარიუმის საშუალებას გაძლევთ დაათვალიეროთ ვებ – გვერდები გამართვის რეჟიმში. პროგრამის ფანჯრის მეშვეობით, შეგიძლიათ ერთდროულად რამდენიმე ფაილის მანიპულირება. მესამე მხარის გაფართოებების ინსტალაციის შესაძლებლობა კიდევ უფრო უბიძგებს ფუნქციონირების საზღვრებს.
ერთადერთი აღშფოთება არის პროგრამაში არა რუსიფიცირებული სექციების არსებობა, ასევე ფუნქციის გამოყენების შესაძლებლობა "Live preview" ექსკლუზიურად Google Chrome ბრაუზერში.
ჩამოტვირთეთ ფრჩხილები
Gimp
მოწინავე გამოსახულების რედაქტორთა შორის ერთ-ერთი ყველაზე პოპულარული, რომლის წარმატებით გამოყენება შესაძლებელია ვებ – შინაარსის შექმნის ჩათვლით, არის GIMP. განსაკუთრებით მოსახერხებელია პროგრამის გამოყენება ვებსაიტის დიზაინის შესაქმნელად. ამ პროდუქტის დახმარებით შესაძლებელია მზა სურათების დახატვა და რედაქტირება სხვადასხვა ხელსაწყოს გამოყენებით (ჯაგრისები, ფილტრები, დაბინდვა, შერჩევა და მრავალი სხვა). GIMP მხარს უჭერს ფენებთან მუშაობას და სამუშაო ფორმატის შენახვას საკუთარი ფორმატით, რომელთანაც შეგიძლიათ განაახლოთ მუშაობა იმავე ადგილას, სადაც დასრულდა, გადატვირთვის შემდეგაც კი. ცვლილებების ისტორია დაგეხმარებათ თვალყური ადევნოთ ყველა იმ მოქმედებას, რაც გამოყენებულ იქნა სურათზე და, საჭიროების შემთხვევაში, მათი გაუქმება. გარდა ამისა, პროგრამას შეუძლია იმუშაოს სურათზე გამოყენებული ტექსტით. ეს ერთადერთი უფასო პროგრამაა ანალოგებს შორის, რომელსაც შეუძლია შესთავაზოს ასეთი მდიდარი ფუნქციონირება.
ხარვეზებს შორის ზოგჯერ შეიძლება აღინიშნოს შენელება ეფექტი, პროგრამის მაღალი რესურსის მოხმარების გამო, აგრეთვე დამწყებთათვის მუშაობის ალგორითმის გაგების მნიშვნელოვანი სირთულეები.
ჩამოტვირთეთ GIMP
Adobe Photoshop
GIMP– ის ფასიანი ანალოგია პროგრამა Adobe Photoshop. იგი კიდევ უფრო მეტ პოპულარობას იძენს, რადგან ის გაცილებით ადრე გამოვიდა და უფრო განვითარებული ფუნქციონირება აქვს. Photoshop გამოიყენება ვებ განვითარების მრავალ სფეროში. მასთან ერთად, თქვენ შეგიძლიათ შექმნათ, შეცვალოთ და დააკონვერტიროთ სურათები. პროგრამას შეუძლია ფენებითა და 3D- მოდელებით იმუშაოს. ამავე დროს, მომხმარებელს აქვს შესაძლებლობა გამოიყენოს კიდევ უფრო დიდი ინსტრუმენტები და ფილტრები ვიდრე GIMP.
მთავარ ნაკლოვანებებს შორის აღსანიშნავია Adobe Photoshop– ის ყველა ფუნქციონალური დაუფლების სირთულე. გარდა ამისა, GIMP– სგან განსხვავებით, ამ ინსტრუმენტს ანაზღაურდებათ საცდელი პერიოდი მხოლოდ 30 დღის განმავლობაში.
ჩამოტვირთეთ Adobe Photoshop
აპტანას სტუდია
ვებ – გვერდების განლაგების პროგრამების შემდეგი ჯგუფი ინტეგრირებული განვითარების ინსტრუმენტებია. მისი ერთ-ერთი ყველაზე პოპულარული წარმომადგენელია სტუდია Aptana. ეს პროგრამული უზრუნველყოფა არის საიტების შექმნის ყოვლისმომცველი ინსტრუმენტი, რომელშიც შედის ტექსტური რედაქტორი, დებიუგა, შემდგენელი და შექმენით ავტომატიზაციის ინსტრუმენტი. აპლიკაციის გამოყენებით, შეგიძლიათ პროგრამის კოდით იმუშაოთ ბევრ პროგრამირების ენაზე. Aptana Studio მხარს უჭერს მანიპულირებას რამდენიმე პროექტთან ერთად, სხვა სისტემებთან ინტეგრაცია (კერძოდ, Aptana Cloud სერვისთან), ასევე საიტის შინაარსის დისტანციური რედაქტირება.
სტტანას სტუდიას მთავარი უარყოფითი მხარეა დაეუფლონ სირთულეს და რუსულენოვანი ინტერფეისის არარსებობა.
ჩამოტვირთეთ Aptana Studio
ვებგვერდი
Aptana Studio- ს ანალოგს წარმოადგენს WebStorm, რომელიც ასევე განეკუთვნება ინტეგრირებული განვითარების სისტემების კლასს. ამ პროგრამულ პროდუქტს აქვს ჩამონტაჟებული კოდების რედაქტორი, რომელიც მხარს უჭერს სხვადასხვა პროგრამირების ენების შთამბეჭდავი ჩამონათვალს. მომხმარებლის უფრო მეტი კომფორტისთვის, შემქმნელებს შესაძლებლობა ჰქონდათ აირჩიონ სამუშაო ადგილის დიზაინის დიზაინი. WebStorm- ის "უპირატესობებს" შორის შეგიძლიათ აღინიშნოთ Node.js- ის გამართვის გამართვის ინსტრუმენტისა და ბიბლიოთეკის ჯარიმის დაფიქსირება. ფუნქცია "ცოცხალი რედაქტირება" უზრუნველყოფს ბრაუზერის საშუალებით ნახოთ ყველა ცვლილება. ვებ სერვერთან ურთიერთქმედების საშუალება საშუალებას გაძლევთ დისტანციურად შეცვალოთ და კონფიგურაცია გაუკეთოთ საიტს.
რუსულენოვანი ინტერფეისის არარსებობის გარდა, WebStorm– ს აქვს კიდევ ერთი “მინუსი”, რომელიც, სხვათა შორის, არ არის ხელმისაწვდომი სტptანასთვის, კერძოდ, პროგრამის გამოყენებისთვის გადასახადი.
ჩამოტვირთეთ WebStorm
წინა გვერდი
ახლა განვიხილოთ პროგრამების ბლოკი, რომელსაც HTML ვიზუალური რედაქტორები უწოდებენ. დავიწყოთ Microsoft- ის პროდუქტის მიმოხილვით, სახელწოდებით Front Page. ეს პროგრამა საკმაოდ პოპულარული იყო, რადგან ერთ დროს ის Microsoft Office სუიტის ნაწილი იყო. იგი გთავაზობთ ვებგვერდების განლაგების შესაძლებლობას ვიზუალურ რედაქტორში, რომელიც მუშაობს WYSIWYG ("რასაც ხედავთ, მიიღებთ") პრინციპით, ისევე როგორც სიტყვის პროცესორში Word. თუ სასურველია, მომხმარებელს შეუძლია გახსნას სტანდარტული html რედაქტორი კოდით მუშაობისთვის, ან დააკავშიროთ ორივე რეჟიმი ცალკეულ გვერდზე. ტექსტის ფორმატირების მრავალი ინსტრუმენტი ჩაშენებულია პროგრამის ინტერფეისში. არსებობს მართლწერის შემოწმების მახასიათებელი. ცალკეულ ფანჯარაში შეგიძლიათ ნახოთ, როგორ გამოიყურება ვებ გვერდი ბრაუზერის საშუალებით.
ამდენი უპირატესობით, პროგრამას კიდევ უფრო მეტი ხარვეზი აქვს. ყველაზე მნიშვნელოვანი ის არის, რომ დეველოპერები მას 2003 წლიდან არ უჭერდნენ მხარს, რაც ნიშნავს რომ პროდუქტი უიმედოდ ჩამორჩება ვებ ტექნოლოგიების განვითარებას. მაგრამ თავის საუკეთესო დღეებშიც კი, წინა გვერდმა არ დაუჭირა მხარი სტანდარტების დიდ ჩამონათვალს, რამაც, თავის მხრივ, განაპირობა ის, რომ ამ აპლიკაციაში შექმნილ ვებ – გვერდებს გარანტირებული აქვთ მხოლოდ Internet Explorer– ში გამოქვეყნება.
ჩამოტვირთვა წინა გვერდი
კომპოზერი
შემდეგი ვიზუალური HTML რედაქტორი, KompoZer, ასევე არ არის მხარდაჭერილი დეველოპერების მიერ დიდი ხნის განმავლობაში. მაგრამ წინა გვერდისგან განსხვავებით, პროექტი მხოლოდ 2010 წელს შეჩერდა, რაც იმას ნიშნავს, რომ ამ პროგრამას ჯერ კიდევ შეუძლია უახლესი სტანდარტებისა და ტექნოლოგიების მხარდაჭერა, ვიდრე ზემოაღნიშნული კონკურენტია. მან ასევე იცის როგორ მუშაობს WYSIWYG რეჟიმში და კოდების რედაქტირების რეჟიმში. შესაძლებელია ორივე ვარიანტის გაერთიანება, პარალელურად იმუშაოთ რამდენიმე დოკუმენტი სხვადასხვა ჩანართებში და დაათვალიეროთ შედეგები. გარდა ამისა, კომპოზიტორს აქვს ჩაშენებული FTP კლიენტი.
მთავარი მინუსი, როგორც წინა გვერდში, არის დეველოპერების მიერ KompoZer- სთვის მხარდაჭერის შეწყვეტა. გარდა ამისა, ამ პროგრამას აქვს მხოლოდ ინგლისური ინტერფეისი.
ჩამოტვირთეთ KompoZer
Adobe dreamweaver
ჩვენ დავამთავრებთ ამ სტატიას მოკლედ მიმოხილული ვიზუალური HTML რედაქტორის Adobe Dreamweaver. წინა ანალოგებისგან განსხვავებით, ამ პროგრამული უზრუნველყოფის პროდუქტს კვლავ უჭერს მხარს მისი დეველოპერები, რაც უზრუნველყოფს მის შესაბამისობას თანამედროვე სტანდარტებისა და ტექნოლოგიების შესაბამისობის, ასევე უფრო მძლავრი ფუნქციონირების თვალსაზრისით. Dreamviewer უზრუნველყოფს WYSIWYG რეჟიმებში მუშაობის, რეგულარული კოდის რედაქტორის (შუქნიშანი) და გაყოფის შესაძლებლობას. გარდა ამისა, თქვენ შეგიძლიათ ნახოთ ყველა ცვლილება რეალურ დროში. პროგრამას ასევე აქვს დამატებითი ფუნქციების მთელი სერია, რაც ხელს უწყობს სამუშაოს კოდირებით.
წაიკითხეთ აგრეთვე: Dreamweaver- ის ანალოგები
ნაკლოვანებებს შორის უნდა აღინიშნოს პროგრამის საკმაოდ მაღალი ღირებულება, მისი მნიშვნელოვანი წონა და რესურსების ინტენსივობა.
ჩამოტვირთეთ Adobe Dreamweaver
როგორც ხედავთ, არსებობს პროგრამების რამდენიმე ჯგუფი, რომლებიც შექმნილია განლაგების დიზაინერის მუშაობის გასაადვილებლად. ეს არის მოწინავე ტექსტური რედაქტორები, ვიზუალური HTML რედაქტორები, ინტეგრირებული განვითარების ინსტრუმენტები და სურათების რედაქტორები. კონკრეტული პროგრამის არჩევანი დამოკიდებულია განლაგების დიზაინერის პროფესიული უნარების დონეზე, დავალების არსსა და მის სირთულეზე.
