ვებ გვერდის რედაქტორი გრაფიკული ინტერფეისით. საუკეთესო უფასო HTML რედაქტორები

NeonHTML - უფასო HTML და CSS რედაქტორი ვიზუალური ხელსაწყოებით. განსხვავდება ხელსაწყოების ფუნქციონალურობით. მხარს უჭერს XHTML. საშუალებას გაძლევთ სწრაფად და კომფორტულად დაარედაქტიროთ: სინტაქსის ხაზგასმა, თეგების ვიზუალური შექმნა დიალოგებში. ინსტრუმენტების უმეტესობას აქვს წინასწარი გადახედვა. არის ჩაშენებული ბრაუზერი, რომელიც ახდენს სხვადასხვა რეზოლუციებისა და მასშტაბების სიმულაციას. საძიებო სისტემის ოპტიმიზაციის (SEO) ინსტრუმენტი და საიტის რეიტინგის შემმოწმებელი. ტექსტის ვარიაციის ინსტრუმენტი დაგეხმარებათ პოპულარიზაციაში. ძალიან კარგი მუშაობა ფერებთან - სპეციალურად შექმნილი პალიტრა, როგორც გრაფიკულ რედაქტორებში, ბოლო ფერების სია, გვერდის ფერების სია, ფერის სწრაფი რედაქტირება ერთი დაწკაპუნებით, სტილის პარამეტრების მყისიერი შექმნა ფერის შერჩევით, ფერის დოკერი. ხელსაწყოები ურთიერთქმედებენ ერთმანეთთან, ეს უზრუნველყოფს ინტერფეისის სწრაფ ადაპტაციას, მოხერხებულობას და მუშაობის მაღალ სიჩქარეს. არ ცვლის კლავიატურას იქ, სადაც არ არის საჭირო. არ შეიცავს უსარგებლო მენიუს.

________________________________________________________________________________

პროგრამის მახასიათებლები
მხარს უჭერს ძირითადი ფაილის ფორმატებს - html, css, js, php, shtml, txt და ნებისმიერი მარტივი ტექსტური ფაილი
სტანდარტიზებულია XHTML-ის რედაქტირების შესაძლებლობისთვის
Windows-1251, UTF-8, KOI8-R, KOI8-U კოდირების მხარდაჭერა. გვერდის სხვა კოდირებად გადაქცევა მეტა-ტეგის ტრანსფორმაციით
რამდენიმე დოკუმენტის გახსნა ერთ პროგრამაში
ძიება და კონტექსტური ოპტიმიზაცია. ინსტრუმენტი აჩვენებს, თუ როგორ გამოიყურება გვერდი საძიებო სისტემის პასუხში, რას დაინახავს საძიებო სისტემა ინდექსირების დროს, სიტყვების სიხშირის რეიტინგი, სათაურის რედაქტირება, აღწერა და საკვანძო სიტყვები, სწრაფი გადასვლა Google-ისა და Yandex-ის სხვადასხვა სერვისებზე, TCI-ის სწრაფი შემოწმება და პიარი, ტექსტის ვარიაციის ინსტრუმენტი და ა.შ.
ვიზუალური ცხრილის შექმნის ინსტრუმენტი საშუალებას გაძლევთ აირჩიოთ უჯრედების რაოდენობა და სწრაფად შეაერთოთ უჯრედები მაუსით
მოსახერხებელი ჩაშენებული ბრაუზერი Internet Explorer-ზე დაფუძნებული დამატებითი ფუნქციებით გვერდების გამართვისთვის
ტექსტის რედაქტორი საშუალებას გაძლევთ ვიზუალურად აირჩიოთ ფერი, სტილი და შრიფტის ზომა. ტეგებზე ფიქრის გარეშე, თქვენ მიიღებთ ტექსტის HTML კოდს (დამწყებთათვის, არ ცვლის ხელით რედაქტირებას)
CSS პარამეტრების სწრაფი ჩასმა მენიუსა და ამომხტარი სიის სახით, სტილში სხვადასხვა ვარიანტს ჩასთავს. უფრო მეტიც, თუ პარამეტრი გულისხმობს ფერის, შრიფტის ან ფაილის გზის არჩევას, შესაბამისი ხელსაწყოები და დიალოგები ავტომატურად გამოიძახება.
ვიზუალური შრიფტის შექმნის ინსტრუმენტი გთავაზობთ სტილის მრავალ ვარიანტს და შედეგის მყისიერ გადახედვას. სანახავი ფონის არჩევა, კლასების მხარდაჭერა, პარამეტრების შენახვა შრიფტის შაბლონებად, ტექსტის შეყვანა შედეგის სანახავად. ინსტრუმენტი ქმნის შემცირებულ ან სრულ სტილს და საჭირო ტეგებს
გვერდებზე ფერებთან მუშაობა უფრო მოსახერხებელი გახდა. უახლესი ფერების სიების და დოკუმენტის ყველა ფერის წყალობით, თქვენ შეგიძლიათ მარტივად შეინახოთ გვერდი ერთ ფერში. ფერის მენიუ ჩაშენებულია ყველა ინსტრუმენტში, რომელიც მოითხოვს ფერთან მუშაობას. გაუმჯობესებული (არასტანდარტული) პალიტრა სპეციალურად შექმნილი ფერების შერჩევის გამარტივებისთვის
მოხერხებულად იხილეთ გვერდის რესურსები ბმულზე ერთი დაწკაპუნებით - იქნება ეს სურათი, Flash ფილმი, გარე CSS ცხრილი თუ სხვა გვერდი. გარდა ამისა, CSS და გვერდები იხსნება ახალ რედაქტორში რედაქტირებისთვის. და გადაათრიეთ და ჩამოაგდეს ტექნოლოგიის მხარდაჭერა საშუალებას გაძლევთ ჩასვათ სურათი ტეგად ან ფონის სახით, უბრალოდ საქაღალდიდან რედაქტორში ჩაშვებით.
დოკუმენტში ნავიგაცია ტეგების იერარქიული ხის სახით დაგეხმარებათ სასურველ ტეგზე გადასვლაში. ის შეიძლება გამოყენებულ იქნას დოკუმენტის ლოგიკურ სტრუქტურაში არსებული შეცდომების დასადგენად.
გვერდის კლასების ავტომატური შეგროვება და გარე CSS ბმულებიდან. ნებისმიერ ინსტრუმენტში ან კოდში, სადაც საჭიროა კლასი - უბრალოდ აირჩიეთ ის ჩამოსაშლელი სიიდან
შეტყობინებების ჟურნალი დაგეხმარებათ გაიგოთ და გახსოვდეთ, რომ გამოიყენოთ ხელსაწყოები შესაბამის სიტუაციაში.
გვერდის და CSS-ის ექსპორტი შეკუმშული ფორმით, იგივე ფუნქციონირების შენარჩუნებით. ამ შემთხვევაში, დოკუმენტი იწმინდება არასაჭირო სივრცეებისგან, ჩაღრმავებისგან, ხაზების წყვეტებისგან და ა.შ.
კოდის შაბლონების გამოყენება. ახლა შესაძლებელია ცარიელი ფრაგმენტის შექმნა. ბლანკები განსაკუთრებით მოთხოვნადია მთელი ვებსაიტის რედაქტირებისას და სასარგებლო კოდების პოვნისას, როდესაც ეს კოდები სასწრაფოდ უნდა გახსოვდეთ.
უხეში შეცდომების კოდის შემოწმება - უცნობი და დაუხურავი ტეგები, გატეხილი და ცარიელი ბმულები, შეცდომები ცხრილის აგებაში. მაშინაც კი, თუ დარწმუნებული ხართ HTML-ის ცოდნაში, გვერდი შეიძლება უბრალოდ არ იმუშაოს ბეჭდვითი შეცდომის გამო და შეიძლება საკმაოდ რთული იყოს მისი პოვნა თავად.
ფაილის პანელი მარცხნივ ფაილების ასარჩევად მიმდინარე საქაღალდეში
შექმენით ბმულები სტილის შერჩევით ან კლასის შექმნით ოთხი მდგომარეობისთვის (ზოგადი, მარტივი, გამოყენებული, კურსორი ზემოთ).

არსებობს მრავალი გზა საკუთარი ვებსაიტის შესაქმნელად - Narod.ru-ზე მზა შაბლონების გამოყენებით დამთავრებული რეკლამისთვის, როგორიცაა „საიტის შექმნა ორ დღეში 300 რუბლიდან“. ბავშვსაც კი შეუძლია შექმნას საკუთარი ბლოგი ან მარტივი მთავარი გვერდი. ამიტომაც თითქმის ყველას შეუძლია დაიკვეხნოს ინტერნეტში საკუთარი ვებსაიტის არსებობით. სხვადასხვა სერვისები ნებისმიერს სთავაზობს ვებსაიტების შემქმნელებს, რომლებსაც შეუძლიათ რამდენიმე წამში შექმნან მარტივი პერსონალური მომხმარებლის გვერდი. ინტერნეტში ასობით და ასობით ათასი ასეთი გვერდია. როგორც წესი, ისინი ერთმანეთს ჰგვანან და არ ახსოვთ. მათთვის, ვინც იყენებს უფასო ონლაინ ინსტრუმენტებს პერსონალური ინტერნეტ გვერდის შესაქმნელად, ვებსაიტის ფლობა ყველაზე ხშირად ხუმრობაა. მასზე არსებული შინაარსი უმეტეს შემთხვევაში ემყარება თქვენი ძაღლის ფოტოების გამოქვეყნებას და რამდენიმე ინფორმაციას „თქვენს შესახებ“.

სხვა საქმეა, თუ ადამიანი აღიქვამს საკუთარ ვებსაიტს, როგორც კომუნიკაციის მეთოდს, როგორიცაა ტელეფონი ან ფოსტა. საკუთარი ვებგვერდის ქონა სასარგებლოა ნებისმიერი მეწარმისთვის, რომელსაც სურს წარადგინოს თავისი ბიზნესი, პრაქტიკოსი ექიმი, იურისტი, რომელიც გახსნის საკუთარ კონსულტაციას, სასწავლო ცენტრს და ა.შ. ამ შემთხვევაში, გვერდი უნდა იყოს ორიგინალური და შინაარსიანი, რომელიც უზრუნველყოფს სასარგებლო ინფორმაციას ვიზიტორებისთვის. იმისათვის, რომ მიიღოთ ვებსაიტი, რომელიც აკმაყოფილებს ამ მოთხოვნებს, თქვენ ვერ შეძლებთ მხოლოდ საწყისი გვერდის გენერატორებით. თუმცა, ვებ პროგრამირების საფუძვლების დაუფლებას შეიძლება დიდი დრო დასჭირდეს. თქვენ, რა თქმა უნდა, შეგიძლიათ დაიქირაოთ პროფესიონალი, რომელიც დაგიმზადებთ ნებისმიერ გვერდს თქვენი სურვილის მიხედვით, მაგრამ ამ ვარიანტს აქვს ძალიან აშკარა ნაკლი, ამიტომ ბევრისთვის ეს მიუღებელია.

ვიზუალური ვებ რედაქტორები კარგი საშუალებაა დაზოგოთ დრო ვებ პროგრამირების სწავლაზე და სწრაფად შექმნათ ვებსაიტი, შეავსოთ იგი ყველა საჭირო ინფორმაციით. ერთის მხრივ, ასეთი პროგრამის გამოყენებით ვებ-პროექტის შესაქმნელად არ გჭირდებათ სპეციალური ცოდნა ან იყოთ პროგრამისტი. მეორეს მხრივ, ამ ტიპის აპლიკაციები იძლევა კრეატიულობის ადგილს და უზრუნველყოფს, რომ საიტი არ გამოიყურებოდეს ზუსტად ისე, როგორც ათასობით სხვა. ვიზუალური ვებ რედაქტორების მუშაობა დაფუძნებულია WYSIWYG თვისებაზე - What You See Is What You Get (რას ხედავთ არის ის, რასაც იღებთ). სხვა სიტყვებით რომ ვთქვათ, რედაქტირების პროცესში ვებგვერდები დაახლოებით ისე გამოიყურება, როგორც ბრაუზერში იქნება ნაჩვენები.

⇡ WYSIWYG ვებ Builder 7.1.0

• შემქმნელი: Pablo Software Solutions
• განაწილების ზომა: 5,5 მბ
• დისტრიბუცია: shareware
• რუსული ინტერფეისი: არა

WYSIWYG Web Builder-ის და სხვა ვიზუალური რედაქტორების გამოყენებით შექმნილი ვებგვერდები შედგება ცალკეული ბლოკებისგან. ეს შეიძლება იყოს ტექსტი, გრაფიკა, ფლეშ ვიდეო და ა.შ. მომხმარებელს მხოლოდ ის სჭირდება, რომ შეარჩიოს საჭირო ბლოკები და განათავსოს ისინი გვერდზე შესაფერის ადგილებში, ხოლო კოდი ავტომატურად გენერირებული იქნება პროგრამის მიერ.

თუ არ გაქვთ გამოცდილება ვებ დიზაინში, უნდა დაიწყოთ პროგრამაში თქვენი პირველი პროექტის შექმნა მზა შაბლონით. ნაგულისხმევად, WYSIWYG Web Builder-ს აქვს ათი სხვადასხვა ტიპის შაბლონი და კიდევ რამდენიმე ათეულის ჩამოტვირთვა შესაძლებელია პროგრამის ოფიციალური ვებ-გვერდიდან უფასოდ. შაბლონის ჩამოტვირთვის შემდეგ თქვენ შეძლებთ მისი ნებისმიერი ელემენტის რედაქტირებას.

ამისათვის შეგიძლიათ გამოიყენოთ მრავალი ინსტრუმენტი, რომელიც მდებარეობს ვერტიკალურ პანელზე. მოხერხებულობისთვის, ისინი იყოფა კატეგორიებად: ნავიგაცია (საიტის ხე, ნავიგაციის მენიუ), ნახაზი (ხაზი, მრუდი, პოლიგონი), მულტიმედიური ხელსაწყოები (Flash player, YouTube player, Java, OLE ობიექტი), ინსტრუმენტები ვებ ფორმებთან მუშაობისთვის (ა. ველი CAPTCHA კოდის ჩასართავად, ჩამრთველი, ფაილის ჩამოტვირთვის ღილაკი, ტექსტის შეყვანის ველი), Paypal (სხვადასხვა ღილაკები ამ ელექტრონულ გადახდის სისტემასთან მუშაობისთვის) და ა.შ. თუ არ გჭირდებათ რაიმე კატეგორიის ხელსაწყოები თქვენს მუშაობა, შეგიძლიათ მინიმუმამდე დაიყვანოთ ეკრანის სივრცის გასათავისუფლებლად უფრო მოთხოვნადი ხელსაწყოებისთვის.

ღირს ყურადღება მიაქციოთ დამატებით კატეგორიას. ის შეიცავს ინსტრუმენტებს ფოტო გალერეის შესაქმნელად, ახალი ამბების გამოწერის დამატება RSS ფორმატში, სლაიდ შოუები და საიტის ძებნა. აქ შეგიძლიათ იპოვოთ მზა Javascript კოდის ელემენტების მთელი კოლექცია. ეს მოიცავს მრავალფეროვან ვიზუალურ ეფექტს და ისეთ სასარგებლო ინსტრუმენტებს, როგორიცაა ბრაუზერის მიმდინარე ვერსიის განსაზღვრა, ვებ გვერდის ბოლო ცვლილების შესახებ ინფორმაციის ჩვენება და გვერდის სანიშნეების ბმულის განთავსება.

იმისდა მიუხედავად, რომ WYSIWYG Web Builder-ში მუშაობისას მომხმარებელი ხედავს მზა გვერდის ელემენტებს, ბრაუზერში საიტი შეიძლება მაინც ოდნავ განსხვავებულად გამოიყურებოდეს, ვიდრე რედაქტორის სამუშაო ფანჯარაში. ბრაუზერში გვერდის გარეგნობის სწრაფად სანახავად, უბრალოდ დააჭირეთ F5 ღილაკს. WYSIWYG Web Builder გახსნის პროექტს სისტემის ნაგულისხმევ ბრაუზერში. თუ თქვენ გჭირდებათ გვერდების ნახვა ერთდროულად რამდენიმე ბრაუზერში, შეგიძლიათ დაამატოთ ისინი სიაში.

როგორც წესი, ვებსაიტის შაბლონი შედგება რამდენიმე გვერდისგან. პროექტის მოსახერხებელი მართვისთვის, პროგრამის ფანჯარას აქვს სპეციალური Site Manager პანელი, რომელიც აჩვენებს საიტის გვერდების ხეს. ამ პანელის ხელსაწყოების გამოყენებით შეგიძლიათ შექმნათ ახალი გვერდები შაბლონებზე დაყრდნობით, დაამატოთ თქვენს მყარ დისკზე ადრე შენახული გვერდები, დააკოპიროთ არსებული გვერდები, ნახოთ მათი თვისებები და ა.შ.

რესურსზე მუშაობისას, რომელიც შედგება გვერდების დიდი რაოდენობით, პროგრამის ინსტრუმენტები, როგორიცაა ფუნქციების ბმულების შემოწმება, გვერდის ზომის შეფასება და საიტის რუქის გენერატორი XML ფაილის სახით, რომელიც განთავსდება საიტის ძირეულ დირექტორიაში. ასევე სასარგებლო იყოს. გარდა ამისა, WYSIWYG Web Builder დაგეხმარებათ შეაგროვოთ ყველა სურათი და სხვა მედია ფაილი, რომლებიც გამოიყენება ვებ გვერდებზე ერთ ადგილას.

იმისდა მიუხედავად, რომ WYSIWYG Web Builder თავისთავად საკმაოდ ფუნქციონალური რედაქტორია, მასში შეიძლება ვერ იპოვოთ რაიმე ინსტრუმენტი. ამ შემთხვევაში, ღირს გადახედოთ გაფართოების გალერეას - შესაძლოა თქვენთვის საჭირო ინსტრუმენტი ხელმისაწვდომი იყოს როგორც მოდული. პროგრამის 250-ზე მეტი გაფართოებაა და მათი რიცხვი მუდმივად იზრდება. გაფართოებები იწერება რედაქტორის აქტიური მომხმარებლების მიერ და განთავსებულია ოფიციალურ ფორუმზე. გასათვალისწინებელია, რომ თქვენ არ შეგიძლიათ დააკავშიროთ გაფართოებები WYSIWYG Web Builder-ის საცდელ ვერსიასთან, ამისათვის საჭიროა პროგრამის რეგისტრაცია.

⇡ ვებ გვერდის შემქმნელი 3.21

• დეველოპერი: www.webpage-maker.com
• განაწილების ზომა: 3.66 MB
• დისტრიბუცია: shareware
• რუსული ინტერფეისი: არა

Web Page Maker არის საკმაოდ მარტივი ვიზუალური რედაქტორი, რომელიც შესაფერისია მცირე ვებსაიტის შესაქმნელად, რომელიც მოიცავს რამდენიმე გვერდს. მისი დახმარებით შეგიძლიათ გვერდზე დაამატოთ ტექსტი, ვექტორული ელემენტები, გრაფიკული ფაილები, ვიდეოები სხვადასხვა ფორმატში, ცხრილები, ვებ ფორმები და სხვა ნაცნობი გვერდის ელემენტები.

პროგრამას ასევე აქვს მზა ვარიანტები ნებისმიერი ვებსაიტის ისეთი მნიშვნელოვანი ელემენტისთვის, როგორიცაა ნავიგაციის მენიუ. Web Page Maker შეიცავს მენიუს სხვადასხვა ვარიანტს. შესაბამისი არჩევის შემდეგ, შეგიძლიათ დაუყოვნებლივ შეცვალოთ იგი ორიენტაციის (ჰორიზონტალური ან ვერტიკალური), ელემენტებს შორის მანძილის, ტექსტისა და ბმულის პარამეტრების მითითებით.

ზოგიერთი ელემენტი (მაგალითად, იგივე ნავიგაციის მენიუ) უნდა იყოს განთავსებული საიტის ყველა გვერდზე. ნებისმიერი ბლოკის რედაქტირებისას შეგიძლიათ სწრაფად განათავსოთ იგი მიმდინარე პროექტის ყველა გვერდზე ან მიუთითოთ ის გვერდები, სადაც ის უნდა იყოს წარმოდგენილი.

პროგრამის ფანჯრის ძირითადი ნაწილი იკავებს სამუშაო ადგილს, ხოლო მარჯვნივ არის საიტის შინაარსის პანელი. ამ პანელის გამოყენებით მოსახერხებელია საიტის გვერდების, ასევე ცალკეული გვერდის ელემენტების მართვა. ელემენტების ჩანართი აჩვენებს გვერდზე არსებულ ყველა ბლოკს და როდესაც დააწკაპუნებთ თითოეულზე, მაშინვე ნახავთ სად მდებარეობს. გარდა ამისა, შეგიძლიათ დაუყოვნებლივ გამოიძახოთ თვისებების ფანჯარა თითოეული ელემენტისთვის ან წაშალოთ არასაჭირო ბლოკები. რაც შეეხება საიტის სტრუქტურის შექმნის ინსტრუმენტების კომპლექტს, აღსანიშნავია ინტერნეტში არსებული რესურსის საფუძველზე ახალი გვერდის შექმნის შესაძლებლობა. თქვენ უბრალოდ უნდა მიუთითოთ მისი მისამართი და Web Page Maker ჩატვირთავს გვერდს, დაყოფს მას ბლოკებად და გახდის მათ ხელმისაწვდომს რედაქტირებისთვის.

იმისათვის, რომ თქვენი საიტი უფრო ცოცხალი იყოს, შეგიძლიათ გამოიყენოთ ანიმაციური ეფექტები. მზა Javascript კოდის მაგალითები შეგიძლიათ იხილოთ Web Page Maker ბიბლიოთეკაში. მათი გამოყენებით შეგიძლიათ შეცვალოთ ფანჯრის გადახვევის ფერი, მოათავსოთ საათი ეკრანის კუთხეში, რომელიც აჩვენებს მიმდინარე დროს, დაამატოთ სლაიდ შოუ და ა.შ.

როდესაც სამუშაო საიტზე დასრულდება, პროექტი შეიძლება შეინახოს თქვენს მყარ დისკზე ან დაუყოვნებლივ ატვირთოს FTP სერვერზე. უფრო მეტიც, ამისთვის დამატებითი კლიენტი არ არის საჭირო - Web Page Maker-ს აქვს ჩაშენებული ინსტრუმენტები FTP-თან მუშაობისთვის.

⇡ CoffeeCup Visual Site Designer 6.06

• შემქმნელი: CoffeeCup Software
• განაწილების ზომა: 17.6 MB
• დისტრიბუცია: shareware
• რუსული ინტერფეისი: არა

CoffeeCup Visual Site Designer-ის დეველოპერები, ალბათ, ცხოვრობენ სლოგანით „იშოვე ფული ყველაფერზე, რაზეც ფულის გამომუშავება შეგიძლია“. ამიტომ, უნდა გაითვალისწინოთ, რომ თუ ამ ვიზუალურ რედაქტორს 49 დოლარად იყიდით, ვერ მიიღებთ ყველა იმ მახასიათებელს, რასაც მოელოდებით სხვა მსგავსი პროგრამების უმეტესობის შეძენით.

ამრიგად, პროგრამას მოყვება ათი შაბლონი, დანარჩენის ჩამოსატვირთად კი გთხოვენ გადახვიდეთ დეველოპერის ვებსაიტზე. როდესაც გახსნით შესაბამის გვერდს, აღმოაჩენთ, რომ დამატებითი შაბლონები ფასიანია და თითო 9 დოლარად იყიდება. მსგავსი „სიურპრიზები“ ელის მომხმარებელს აპლიკაციასთან მუშაობისას. დააწკაპუნეთ ვებ ფორმის შემქმნელ ინსტრუმენტზე და აღმოაჩენთ, რომ მის გამოსაყენებლად უნდა გადაიხადოთ კიდევ 39 აშშ დოლარი და დაინახავთ, რომ ეს ფუნქცია ასევე დამატებით ხარჯებთანაა დაკავშირებული.

პროგრამის სტანდარტული ვერსია საშუალებას გაძლევთ იმუშაოთ ტექსტთან, ვექტორულ ელემენტებთან და გრაფიკასთან. ხელსაწყოს არჩევის შემდეგ ვერტიკალურ პანელზე გამოჩნდება მცურავი პალიტრა თავისი პარამეტრებით. ის რჩება ეკრანზე, სანამ მომხმარებელი არ შეცვლის ხელსაწყოებს. ამ მიდგომის წყალობით, მაქსიმალური სივრცე გამოყოფილია სამუშაო ფართობზე.

ვებ გვერდების საერთო ელემენტები, როგორიცაა მრიცხველები და ვებ ფორმები, შეიძლება შეიქმნას პროგრამაში მხოლოდ მორგებული HTML კოდის ჩასმის ხელსაწყოს გამოყენებით.

ვექტორულ ელემენტებთან მუშაობისას (ისრები, მრავალკუთხედები, ვარსკვლავები, ამონაწერები და ა.შ.), შეგიძლიათ გამოიყენოთ მრავალი ინსტრუმენტი მათი გარეგნობის შესაცვლელად. მაგალითად, შესაძლებელია გამჭვირვალობის შეცვლა, ჩრდილის დამატება, ობიექტის სამგანზომილებიანი გახდომა, ანათების ან ფორმების შეცვლა მაუსის კურსორის დაჭერისას. გარდა ამისა, შეგიძლიათ შეცვალოთ თითოეული ობიექტის შევსება და დაამატოთ ტექსტურა.

CoffeeCup Visual Site Designer-ს აქვს ჩაშენებული FTP კლიენტი, რომლითაც შეგიძლიათ ატვირთოთ საიტი დისტანციურ სერვერზე. თუ საიტის ჩატვირთვის შემდეგ გადაწყვეტთ ცვლილებების შეტანას მის ზოგიერთ გვერდზე, შეგიძლიათ გამოიყენოთ მონაცემთა სინქრონიზაციის ფუნქცია. ამ შემთხვევაში, პროგრამა ჩატვირთავს იმ გვერდებს, რომლებიც შეიცვალა. საჭიროების შემთხვევაში, CoffeeCup Visual Site Designer-ის დატოვების გარეშე, შეგიძლიათ მთლიანად წაშალოთ საიტი სერვერიდან.

⇡ ვებსაიტი X5 Evolution 8

• დეველოპერი: ინკომედია
• განაწილების ზომა: 15.3 MB
• დისტრიბუცია: shareware
• რუსული ინტერფეისი: დიახ

ვიზუალური რედაქტორების უმეტესობა ერთმანეთის მსგავსია. ამას თავისი უპირატესობები აქვს, რადგან როგორც კი გაიგებთ ერთ-ერთ ამ პროგრამას, უკვე თავდაჯერებულად იგრძნობთ თავს, თუ მოგვიანებით გადაწყვეტთ სცადოთ მეორე. თუმცა, თუ აქამდე არასოდეს შეგიქმნიათ ვებსაიტები, უმარტივეს ვიზუალურ რედაქტორსაც კი შეუძლია თავდაპირველად მრავალი კითხვა წამოჭრას, როგორიცაა: „რა უნდა გააკეთოთ პირველ რიგში?“, „რომელი პროგრამის ინსტრუმენტებია მთავარი და რომელი დამხმარე?“ და ა.შ.

WebSite X5 Evolution პროგრამა ახორციელებს ოდნავ განსხვავებულ მიდგომას ვებსაიტის შესაქმნელად, რის წყალობითაც ბევრი კითხვა თავისთავად ქრება. აპლიკაცია აგებულია ნაბიჯ-ნაბიჯ ოსტატის პრინციპზე, ასე რომ, ახალბედა მომხმარებელს შეუძლია დარწმუნებული იყოს, რომ მნიშვნელოვანი არაფერი გამოტოვა.

იმისდა მიუხედავად, რომ ოსტატი გიხელმძღვანელებს პროექტის შექმნის ყველა ეტაპზე, მომხმარებელს შეუძლია, სურვილისამებრ, "გადახტა" ზოგიერთ ეტაპზე, გვერდითი მენიუდან შეარჩიოს ის მოქმედებები, რომელთა შესრულებაც სურს ამ მომენტში. სულ ხუთი ეტაპია.

პირველი შეიცავს ზოგად პარამეტრებს. ასე რომ, აქ შეიყვანება საიტის სახელი, ავტორი და ენა, არჩეულია საკვანძო სიტყვები, იტვირთება Favicon, არჩეულია მენიუს ტიპი (ჰორიზონტალური ან ვერტიკალური), არჩეულია შესაფერისი შაბლონი (პროგრამაში ასზე მეტი დიზაინის ვარიანტია. ბიბლიოთეკა), და მითითებულია საიტის გვერდების ზედა და ქვედა იერსახე.

მეორე ეტაპზე შემოთავაზებულია საიტის რუქის შექმნა, ანუ მისი სტრუქტურის მიხედვით დაფიქრება. ინსტრუმენტთა პანელზე ღილაკების "ასლი" და "ჩასმა" გამოყენებით, შეგიძლიათ შექმნათ ახალი გვერდები არსებულის მიხედვით. აქ შეგიძლიათ განსაზღვროთ რომელი რესურსის გვერდები იქნება დამალული და მიუთითოთ განახლების სიხშირე თითოეული გვერდისთვის.

გვერდის სათაურზე ორჯერ დაწკაპუნებით გადაგიყვანთ საიტზე მუშაობის შემდეგ ეტაპზე და აქ შეგიძლიათ დაიწყოთ უშუალოდ მის შინაარსზე მუშაობა. ნაგულისხმევად, გვერდი იყოფა ოთხ ბლოკად, რომელთაგან თითოეულში შეგიძლიათ დაამატოთ ობიექტი: ტექსტი, გრაფიკული ფაილი, სლაიდ შოუ, ცხრილი, ფლეშ ანიმაცია, მულტიმედიური ფაილი და ა.შ. თუ სასურველია, გვერდზე ბლოკების რაოდენობა შეიძლება გაიზარდოს ან შემცირდეს. გვერდზე ობიექტის განთავსების შემდეგ, თქვენ უნდა დაადგინოთ მისი პარამეტრები, მაგალითად, მიუთითოთ გრაფიკული ფაილის გზა, აკრიფეთ ტექსტი და ა.შ. ყველა ეს ოპერაცია უნდა გაკეთდეს თითოეული გვერდისთვის.

მეოთხე ეტაპზე, WebSite X5 Evolution შესთავაზებს რამდენიმე დამატებითი პარამეტრის მითითებას, მაგალითად, გაცნობითი გვერდის გარეგნობის განსაზღვრას, ფლეშ რეკლამის ჩვენების პარამეტრების დაყენებას, საიტზე ბლოგის და RSS სიახლეების დამატებას.

შემოთავაზებულ ფუნქციებს შორის ასევე არის ისეთი ელემენტი, როგორიცაა "ელექტრონული კომერციის კალათა". მისი გამოყენებით, შეგიძლიათ სწრაფად შექმნათ თქვენი საკუთარი ონლაინ მაღაზია. მის პარამეტრებზე გადასვლით შეგიძლიათ სწრაფად შექმნათ პროდუქტის კატეგორიები, განსაზღვროთ მიწოდების პირობები, აირჩიოთ გადახდის ვარიანტები, ჩადოთ სალიცენზიო ხელშეკრულება და მოარგოთ მაღაზიის ელემენტების გარეგნობა.

და ბოლოს, ბოლო ნაბიჯი არის პროექტის ექსპორტი. დასრულებული ვებსაიტის შენახვა შესაძლებელია თქვენს მყარ დისკზე ან დაუყოვნებლივ ატვირთოთ FTP სერვერზე. გარდა ამისა, პროგრამა საშუალებას გაძლევთ შეინახოთ პროექტის ფაილები სხვა კომპიუტერზე გადასატანად. გაითვალისწინეთ, რომ შექმნილი პროექტის შენახვა შესაძლებელია ნებისმიერ ეტაპზე პროგრამის საკუთარ ფორმატში.

შესაძლოა, ერთადერთი უხერხულობა WebSite X5 Evolution-თან მუშაობისას არის ბრაუზერში გვერდების გადახედვის შეუძლებლობა. თუ გსურთ ნახოთ როგორი იქნება საიტი, შეგიძლიათ გამოიყენოთ ტესტის ფუნქცია, მაგრამ პროექტის გენერირებას გარკვეული დრო სჭირდება. გარდა ამისა, პროგრამა აწარმოებს გვერდებს საკუთარ მაყურებელში, რომლებიც შექმნილია Internet Explorer-ის ძრავზე.

⇡ KompoZer 0.7.10

• შემქმნელი: Fabien Cazenave
• განაწილების ზომა: 7.9 MB
• განაწილება: უფასო
• რუსული ინტერფეისი: დიახ

KompoZer არის უფასო ღია წყაროს ვიზუალური ვებ რედაქტორი. პროგრამა ხელმისაწვდომია არა მხოლოდ Windows-ისთვის, არამედ Mac-ისთვის, ასევე Linux-ისთვის. რედაქტორი იქმნება Gecko ძრავზე, რომელიც მართავს კარგად ცნობილ Firefox ბრაუზერს. ეს უზრუნველყოფს უამრავ უპირატესობას: პირველ რიგში, ძრავა სრულყოფილად უჭერს მხარს თანამედროვე ვებ სტანდარტებს, როგორიცაა XML, CSS და JavaScript. მეორეც, Gecko-ზე დაფუძნებული რედაქტორი შეიძლება გაფართოვდეს დანამატებით.

შესაძლოა, პირველი დანამატი, რომლის დაყენებაც გსურთ, იქნება რუსულის ლოკალიზაციის პაკეტი. ის დაინსტალირებულია ისევე, როგორც Firefox-ის დანამატები: ინსტრუმენტების მენიუში უნდა აირჩიოთ Extensions ბრძანება და შემდეგ მიუთითოთ გადმოწერილი ლოკალიზაციის ფაილის გზა .xpi გაფართოებით. მოდულის დაყენების შემდეგ დაგჭირდებათ პროგრამის გადატვირთვა, რის შემდეგაც ინტერფეისი გახდება რუსული.

პროგრამას აქვს ინტეგრირებული FTP კლიენტი და ის შეიძლება გამოყენებულ იქნას არა მხოლოდ დასრულებული პროექტის ატვირთვისთვის, არამედ სერვერზე უკვე განთავსებული საიტის გვერდების სწრაფად რედაქტირებისთვის. თქვენი სერვერის შესვლის ინფორმაციის მითითებით, შეგიძლიათ გადახვიდეთ დირექტორიაში და აირჩიოთ გვერდები რედაქტირებისთვის. მათი შინაარსი ჩაიტვირთება KompoZer-ის ფანჯარაში და მათი რედაქტირება შესაძლებელია.

KompoZer შესაძლებელს ხდის რამდენიმე გვერდის ერთდროულად მუშაობას. თითოეული მათგანი იხსნება ცალკე ჩანართში, რომელთა შორის შეგიძლიათ სწრაფად გადახვიდეთ. თითოეულ გვერდს აქვს ქმედებების გაუქმებისა და დაბრუნების საკუთარი ისტორია. ჩანართის სათაურში არსებული ხატის დათვალიერებით, შეგიძლიათ დაუყოვნებლივ განსაზღვროთ, განხორციელდა თუ არა ცვლილებები იმ გვერდის შინაარსში, რომელიც ჯერ არ არის შენახული.

მიუხედავად იმისა, რომ KompoZer ავტომატურად აგენერირებს კოდს ვებ გვერდებისთვის, შეგიძლიათ გადახედოთ მას და საჭიროების შემთხვევაში შეიტანოთ გარკვეული ცვლილებები. თითოეული გვერდის ბოლოში არის ჩანართები, რომლებიც საშუალებას გაძლევთ გადახვიდეთ გვერდის ვიზუალურად ჩვენებასა და კოდის ჩვენებას შორის.

ნაგულისხმევად, ყველაზე ხშირად გამოყენებული ინსტრუმენტები ნაჩვენებია პროგრამის ინსტრუმენტთა პანელზე: ჰიპერბმულის დამატება, სურათის ჩასმა, ცხრილები, ვებ ფორმების შექმნის ხელსაწყოები და ა.შ. თუ გსურთ, შეგიძლიათ შეცვალოთ ამ პანელის გარეგნობა (მაგალითად, ხატების დაპატარავებით) და ასევე დაამატოთ მას სხვა ხელსაწყოები.

ზოგადად, მიუხედავად იმისა, რომ KompoZer არის ვიზუალური ვებ რედაქტორი, ის განკუთვნილია მომხმარებლებისთვის, რომლებსაც უკვე აქვთ ვებსაიტების შექმნის გარკვეული გამოცდილება. მასში ვერ ნახავთ მზა შაბლონებს და ნავიგაციის მენიუს მაგალითებს, მაგრამ პროგრამაში ინტეგრირებულია ძლიერი CSS რედაქტორი, არის HTML კოდის შესამოწმებლად და მართლწერის შემოწმების ინსტრუმენტები.

⇡ BestAddress HTML რედაქტორი 17

• დეველოპერი: მულტიმედია ავსტრალია
• განაწილების ზომა: 7.1 MB
• დისტრიბუცია: shareware
• რუსული ინტერფეისი: არა

როდესაც მომხმარებელი გადაწყვეტს შეისწავლოს რაიმე სფერო, მაგალითად, კომპიუტერული გრაფიკა, ვიდეო რედაქტირება ან პროგრამირება, ის ხშირად ეკითხება უფრო გამოცდილ თანამებრძოლებს, რომელი პროგრამით არის უკეთესი ახალი ხელობის სწავლის დასაწყებად. ზოგიერთ შემთხვევაში, ნამდვილად ჯობია თავიდანვე მარტივი ინსტრუმენტების გამოყენება, შემდეგ კი, მათი შესაძლებლობების გაგების შემდეგ, გადავიდეთ უფრო მოწინავე რედაქტორებზე. რაც შეეხება BestAddress HTML Editor 2010 Professional-ს, შეგვიძლია ვთქვათ, რომ ამ პროგრამას აქვს ყველა შანსი, გახდეს პირველი და ბოლო ინსტრუმენტი დამწყები ვებ დეველოპერისთვის.

ვებ გვერდის ვიზუალური კონსტრუქციის რეჟიმში მუშაობა მოგაგონებთ დიზაინერთან მუშაობას - თქვენ შეგიძლიათ დამოუკიდებლად დააყენოთ ელემენტების ზომები და ფერები, განათავსოთ ღილაკები, გრაფიკა, მენიუები და ვებგვერდის სხვა კომპონენტები თქვენი შეხედულებისამებრ. მოსახერხებელი ფორმატირება, თითქმის ტექსტის რედაქტორის მსგავსად, შეიძლება გამოყენებულ იქნას ნებისმიერი გვერდის ელემენტების პოზიციის გასაკონტროლებლად. თქვენ ვერ იპოვით შაბლონებს BestAddress HTML Editor 2010 Professional-ში, მაგრამ შეგიძლიათ ჩამოტვირთოთ ვებ გვერდი, რომელიც მდებარეობს მითითებულ მისამართზე. პროგრამის გვერდის გახსნის შემდეგ, შეგიძლიათ შეცვალოთ იგი.

რედაქტორს შეუძლია ავტომატურად ატვირთოს პროექტი სერვერზე - ამისათვის პროგრამა იყენებს Digital FTP Access FTP კლიენტს, რომელიც მოყვება მას.

BestAddress HTML Editor 2010 Professional ასევე შეიცავს პროფესიონალურ ინსტრუმენტებს კოდის დასაწერად. დამწყებთათვის, რომელთაც სურთ გაიგონ, თუ როგორ მუშაობს და წერს HTML, CSS, Java და PHP კოდი, შეუძლიათ მიმართონ დოკუმენტაციას. იგი ასახავს კოდის დაწერის ყველაზე მნიშვნელოვან წესებს, როგორიცაა ტეგების დანიშნულება, მარტივი ოპერაციების მაგალითები და ა.შ. მარტივი და გასაგები გაკვეთილები იძლევა მოკლე წარმოდგენას HTML-ის სტრუქტურის შესახებ და აახლოებს დამწყებს.

⇡ დასკვნა

ამ მიმოხილვაში განხილული პროგრამები საშუალებას გაძლევთ სწრაფად შექმნათ საკუთარი ვებ გვერდი და განათავსოთ იგი ინტერნეტში. უნდა გვახსოვდეს, რომ ყველა ეს აპლიკაცია მხოლოდ ინსტრუმენტებია მომხმარებლის ხელში. მიიპყრობს თუ არა საიტი ვიზიტორების ყურადღებას, გახდება თუ არა ის ბიზნესის წარმატების დამატებითი კომპონენტი, ეს დამოკიდებულია მხოლოდ ავტორის ფანტაზიაზე და მის სურვილზე გააუმჯობესოს ის, რაც მან დაიწყო. და, რა თქმა უნდა, იმისათვის, რომ საიტმა გაამართლოს თქვენი მოლოდინი, თქვენი მცდელობა წარმატებული უნდა იყოს, რასაც ჩვენ ყველას ვუსურვებთ!

კომპიუტერული პროგრამირების ენების ხარისხობრივი და რაოდენობრივი გაგებით განვითარებით, დაიწყო საჭიროება ვიზუალური კოდის მონაცემების სისტემატიზაცია ინფორმაციის გამომავალ მოწყობილობებზე, რათა გაზარდოს დეველოპერების პროდუქტიულობა და ეფექტურობა.

პროგრამული უზრუნველყოფის განვითარების ინსტრუმენტების განვითარების ისტორია ათწლეულებს უბრუნდება. კაცობრიობამ გრძელი გზა გაიარა ინფორმაციის ქაღალდზე და მუშტი ფირზე წარმოდგენიდან, მისი წარდგენიდან თანამედროვე დეველოპერის ხელსაწყოების გამოყენებით, რომლებიც წარმოადგენენ კოდს მონიტორზე და გრაფიკულ წარმოდგენებს, თუ როგორ მუშაობს კოდი, მისი მანიპულირების შესაძლებლობით.

თანამედროვე პროგრამის კოდების რედაქტორებმა ნასესხები აქვთ თავიანთი ფუნქციონირება ვიზუალური ტექსტის რედაქტორებისგან, ასევე ტექსტის განვითარების სპეციალიზებული ხელსაწყოებიდან, რომლებიც შედის სხვადასხვა შემდგენელებთან. ტექსტური რედაქტორებიდან და საოფისე კომპლექტებიდან, ინტერნეტ გვერდების განვითარების თანამედროვე საშუალებებმა შთანთქა ყველაფერი საუკეთესო ტექსტისა და გრაფიკული ინფორმაციის კომპიუტერის ეკრანზე წარმოდგენის სფეროში. სპეციალიზებული რედაქტორებიდან, რომლებიც შედის პროგრამის შემდგენელებთან, როგორიცაა Pascal ან C-ში, ინტერნეტ გვერდების კოდის რედაქტორებმა შთანთქა სინტაქსისა და კოდის ელემენტების ჩანაცვლების უნარი.

ორივე წინაპრისგან სესხის აღებისას, ვებ გვერდების რედაქტორებმა მშობლებთან ერთად დაიწყეს განვითარება. ზოგიერთმა რედაქტორმა შეიწოვა მეტი შესაძლებლობები ეკრანზე ინფორმაციის გრაფიკული ჩვენების და უკვე შესრულებული კოდით მანიპულირების შესახებ. მეორე ნაწილმა შთანთქა უამრავი შესაძლებლობა სინტაქსის ხაზგასმისთვის და პროგრამის კოდის ჩანაცვლებისთვის სხვადასხვა ენაზე ნედლი ტექსტის სახით. ზოგიერთი აპლიკაცია ჰარმონიულად აერთიანებს ორივე წინამორბედის მახასიათებლებს.

ვებ დეველოპმენტისთვის ტექსტურ რედაქტორებს ჩვეულებრივ უწოდებენ იმ პროგრამებს, რომლებმაც შეითვისეს სხვადასხვა ენაზე კოდით და სინტაქსის ხაზგასმით მუშაობის საუკეთესო თვისებები. ინტერნეტში აპლიკაციების დასაპროგრამებლად გამოიყენება სპეციალური დეველოპერის ხელსაწყოები, რომლებსაც შეუძლიათ მუშაობა HTML, CSS, PHP და JavaScript მონაცემებთან.

პირადად მე არ მომწონს ეს ყველაფერი ტამბურით ცეკვა. მირჩევნია გამოვიყენო მზა პროგრამირების პროდუქტი, ვიდრე თავად ავაშენო. მაგრამ, ეს ჩემი აზრია. შესაძლოა, ინტერნეტში ნახავთ vim-ისა და linux-ის მზა სპეციალურ ასამბლეებს, რომლებიც შექმნილია მხოლოდ თქვენთვის, უკვე ჩართულია დანამატებით, მაგრამ Vim-ის ოფიციალური ვერსია არ არის სპეციალური ინსტრუმენტი ინტერნეტისთვის აპლიკაციების შესაქმნელად, IMHO.

Gedit (Windows, Mac, Linux)

Gedit არის უფრო მოწინავე რედაქტორი Vim-თან შედარებით, რომელიც შეიქმნა სპეციალურად Gnome ფანჯრის მენეჯერისთვის Linux-ზე და მოგვიანებით გადავიდა სხვა ოპერაციულ სისტემებზე. როგორც Linux-ის მომხმარებელმა, მე უარი ვთქვი ამ პროდუქტის გამოყენებაზე სხვა აპლიკაციების სასარგებლოდ, იმის გამო, რომ უნდა ვიცეკვო იმ კოდირებაზე, რომლებიც არ არის მხარდაჭერილი ამ რედაქტორში Linux-ზე. ნორმალურ ადამიანს უბრალოდ არ აქვს დრო დასაკარგი. ყველა Linux აპლიკაციას აქვს ეს პრობლემა, რომლის უნივერსალური გადაწყვეტა არ არსებობს.

გარედან არის ფუნქციები ვებ დეველოპერებისთვის:

სინტაქსის ხაზგასმა

• წითელი ხაზი

დამატებითი დანამატები, რომლებიც შეგიძლიათ იხილოთ ინტერნეტში:

ტეგების ავტომატურად დახურვა.

HTML კოდის ინსპექტორი

სხეულის ტექსტის გენერატორი

რეგულარული გამონათქვამები ძებნისა და ავტოკორექტირებისთვის

ბრაუზერის კოდის გავლის ინტეგრაცია

Windows-ის მომხმარებლებისთვის ეს გარკვეულწილად უჩვეულო გადაწყვეტაა, მაგრამ Linux OS-ის მოყვარულთათვის ეს ნაცნობი ინსტრუმენტია.

ფრეიზი (Mac)

მარტივი გამოსაყენებელი და არა გადატვირთული ფუნქციონალობით, Mac Fraise-ის რედაქტორი შეიცავს აუცილებელ ინსტრუმენტებს ვებ აპლიკაციების მარტივი განვითარებისთვის დამატებითი დანამატების გარეშე:

სინტაქსის ხაზგასმა

მოსახერხებელი მუშაობა ბლოკებთან

მოძებნეთ და შეცვალეთ

ბლოკავს HTML და CSS ტეგების სწრაფად შესვლისთვის

ჩამონტაჟებული ბრაუზერი ავტომატური განახლების ფუნქციით სტილის შეცვლისას

ტეგების დახურვა ღილაკის დაჭერით.

HTML ინსპექტორი

ეს რედაქტორი შექმნილია სპეციალურად Mac-ისთვის და კარგი ჩანაცვლებაა სტანდარტული ტექსტური რედაქტორისთვის. ეს არის Smultron აპლიკაცია, ამიტომ მუშაობს მხოლოდ Mac OS-ის შემდგომ ვერსიებზე, ან Smultron დაყენებული.

TextWrangler (Mac)

პროფესიული განვითარების გარემო და მათი ფილიალები

კომოდოს რედაქტირება (Windows, Linux, Mac)

ამ პროგრამის ფუნქციონირება ნასესხებია პარალელური კომერციული პროექტიდან და გაფართოვდა დამატებითი დანამატებით, რაც მას თითქმის შეუზღუდავს ხდის. მაგრამ რა გვჭირდება იდეალური რედაქტორისგან ვებ აპლიკაციების შემუშავებისთვის? მას აქვს ყველაფერი რაც თქვენ გჭირდებათ ნებისმიერი პროგრამის კოდით კომფორტული მუშაობისთვის. რაც არ მაძლევს მოდუნების საშუალებას, არის ის, რომ მწარმოებლები არ უზრუნველყოფდნენ კოდის ერთდროულად ნახვის შესაძლებლობას ორ ფანჯარაში. ეს კოდთან მუშაობას არც ისე კომფორტულს ხდის. პირადად მე არ მომწონს ბორბლების ხელახლა გამოგონება და ჩემთვის უფრო ადვილია, როდესაც უკვე მაქვს რაღაც წყაროს კოდი, რომელიც შეიძლება გაუმჯობესდეს პარალელურ ფანჯარაში.

Komodo Edit-ის შესაძლებლობები შეზღუდულია უფასო ვერსიაში, საკმაოდ მოკრძალებული ფუნქციონირებით Komodo IDE-თან შედარებით, მაგრამ რა შეიძლება შემოგვთავაზოს კონკრეტულმა Komodo Edit-მა:

სინტაქსის ხაზგასმის მხარდაჭერა ვებ პროგრამირების ენების უმეტესობაში

ტეგების ავტომატური დასრულება და დახურვა

ფაილის მენეჯერი და პროექტის მენეჯერი.

FTP არის კლიენტი, რომელიც მუშაობს სხვადასხვა პროტოკოლების გამოყენებით.

ჩამონტაჟებული ბრაუზერი სამუშაოს შედეგების სანახავად.

იპოვნეთ და შეცვალეთ ფუნქციები რეგულარული გამოსახულებებით.

მრავალ ფანჯრის ინტერფეისი ჩანართებით

html კოდის მოწესრიგების შემოწმება

ფუნქციონირება შორს არის ამით შეზღუდული, ამიტომ ის აკმაყოფილებს ნებისმიერ საჭიროებას. თუმცა, თავად პროგრამა შეიძლება ცოტა უხერხული ჩანდეს Linux-ის მომხმარებლებისთვის. ფაქტია, რომ ჩაშენებული ბრაუზერი და ftp კლიენტი არ არის ზუსტად ის, რაც საჭიროა ტექსტური რედაქტორისგან. არის პროგრამები, რომლებიც ამ ამოცანებს ბევრად უკეთ უმკლავდებიან, ვიდრე ინტეგრირებული გადაწყვეტილებები. რატომ მჭირდება მაცივარი, თუ არ ვეწევი? ეს მაქსიმალიზმი იდეალური ტექსტური რედაქტორის განხორციელებაში, ჩემი აზრით, კომოდოს შესაძლებლობების ზრდის კრიზისზე მიანიშნებს.

Bluefish რედაქტორი (Windows, Linux)

Bluefish რედაქტორი - შეიძლება ასევე იყოს ანალოგი Mac-ისთვის. ალბათ ერთადერთი გამოსავალი ლინუქსისთვის განვითარების თვალსაზრისით, რომელიც შესაფერისია ნებისმიერი პრობლემის გადასაჭრელად, მაგრამ ჩემს შემთხვევაში, ლურჯი თევზი აღმოჩნდა ძალიან შრომატევადი და ნელი, როდესაც მუშაობდა ძიებასთან და ჩანაცვლებასთან და ყველა სხვა შემთხვევაში. ზოგადად, პროგრამის ფუნქციონირება მსგავსია Aptana Studio-ს ფუნქციების. ეს პროგრამა არის პროფესიონალებისთვის. შეუძლებელია მისი მთელი ფუნქციონირების ჩამოთვლა. ამიტომ, მისი დაყენება მოითხოვს გარკვეულ უნარებს, რაც, როგორც ჩანს, არ მაქვს საკმარისი იმისათვის, რომ მასთან მუშაობა კომფორტული იყოს. ამ რედაქტორის მთავარი მინუსი, ჩემი აზრით, არის მისი ნელი და მოუხერხებლობა, რაზეც უნდა შევჩერდე.

Aptana Studio (Windows, Linux, Mac)

Aptana Studio არის კიდევ უფრო მოუხერხებელი უნივერსალური მონსტრი, რომელმაც დაამტკიცა თავი ინტერნეტის კოდებთან მუშაობაში. სხვა საკითხებთან ერთად, ეს პროგრამა უზრუნველყოფს მომსახურების სრულ სპექტრს ზოგადად განვითარებისთვის. კომპლექსური განხორციელება, ზოგიერთი მომხმარებლის აზრით, ამ პროგრამას აშინებს არაპროფესიონალებს და გარკვეულწილად ნელს. ამ მონსტრის გამოყენების დამატებითი უპირატესობა არის ჩაშენებული ვებ სერვერის არსებობა, რომელიც საშუალებას გაძლევთ ნახოთ დინამიური გვერდები სერვერის მხარეს გაშვებული კოდით. ეს მოეწონება პროგრამისტებს, რომლებიც წერენ PHP და სხვა მსგავსი სერვერის ენებს. პირადად მე ცოტა დავიღალე კომპიუტერზე სრულფასოვანი სერვერის შენახვის მუდმივი მოთხოვნილებით და მუდმივად გადავიტანო php ფაილები მის დირექტორიაში. ამ კუთხით აპტანა გთავაზობთ ძალიან სასიამოვნო განვითარების პირობებს. როგორ არის განთავსებული ეს პროდუქტი ოფიციალურ ვებსაიტზე?

HTML, CSS, JavaScript-ის მხარდაჭერა ხაზგასმის, მზა სტრუქტურების ჩასმისა და ჩანაცვლების სახით.

პროექტის მენეჯერი კლიენტთან ftp პროტოკოლებით მუშაობისთვის.

ჩაშენებული გამართვა html, JavaScript, Rubby&Rails კოდის შესამოწმებლად

Git (განაწილებული ვერსიის კონტროლი) მხარდაჭერა, რომელიც შეიძლება დასჭირდეს პროფესიონალ პროგრამისტებს.

ჩაშენებული ტერმინალის მხარდაჭერა.

შესაძლებელია ინტერფეისის კონტროლი, რაც მნიშვნელოვნად ამარტივებს საჭირო კონტროლის მოძიებას, რადგან გამოუყენებელი ელემენტები შეიძლება დამალული იყოს. მოგვიანებით ისინი ხელმისაწვდომი იქნება მენიუდან.

ვიზუალური რედაქტორები ვებ დეველოპერებისთვის

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-ით.

არსებობს ძველი (1997) და თუნდაც ერთი შეხედვით უფასო ვერსია FrontPage Express, რომელიც აწარმოებს საკმაოდ სუფთა კოდს, რომელიც, თუმცა, აღარ აკმაყოფილებს HTML სტანდარტებს. მაგრამ თუ რთული მაგიდის გაშლა გჭირდებათ, ეს არის ზუსტად ის, რაც გჭირდებათ. FrontPage Express-ს არ აქვს სადისტრიბუციო ნაკრები; ის მუშაობს ინსტალაციის გარეშე.

COFFECUP HTML რედაქტორი

საკმაოდ კარგი ვიზუალური რედაქტორი, რომელიც აღჭურვილია ვიზუალურ ინფორმაციასთან მუშაობის უმარტივესი ფუნქციებით. მარტივი ვიზუალური პრეზენტაციის გარდა, Coffecup Html Editor-ს შეუძლია იმუშაოს ნედლეულ კოდთან.

პროგრამა შეიცავს ბევრ მზა ბლოკს html კოდით, რომლებიც შეგიძლიათ გამოიყენოთ თქვენი შეხედულებისამებრ, ასევე რამდენიმე კოდის შაბლონს CSS-სთვის, რომლებშიც შეგიძლიათ შეცვალოთ თქვენი საკუთარი პარამეტრები. შაბლონები საკმაოდ ბევრია.

არსებობს პროექტის მენეჯერი გარეთ ყუთში

შეგიძლიათ საიტებთან მუშაობა ftp-ის საშუალებით

რეგულარული ტექსტური რედაქტორების სრული ფუნქციონირება ინტერნეტის განვითარებისთვის

კოდის ფრაგმენტების ნახვის შესაძლებლობა ამ სეგმენტის მუშაობის შედეგის ჩვენების პარალელურად.

ზოგადად, განხორციელება არ არის ცუდი, არის ჩაშენებული ბრაუზერი. რაც არ მომეწონა ამ პროგრამაში არის ის, რომ Coffecup უსირცხვილოდ აუპატიურებს გამომავალ კოდს და არ არის ძალიან სტაბილური. როგორც ალტერნატივა, მე ავირჩიე NVU ჩემთვის. სინამდვილეში, არცერთი პროგრამა არ არის შესაფერისი სრულფასოვანი განლაგებისთვის, მაგრამ შესაფერისია საიტების ინფორმაციის შევსების პრობლემების გადასაჭრელად, ტექსტის რედაქტორების საშუალებით ტექსტებისა და სურათების ხელით ჩაშენების საჭიროების გარეშე.

COFFECUP ვიზუალური საიტის დიზაინერი

მსგავსი აპლიკაცია მხოლოდ კოდის რედაქტირების შესაძლებლობის გარეშე. წმინდა ვიზუალური რედაქტორი ძალიან მოკრძალებული ფუნქციონირებით, რომელიც არ არის შესაფერისი სრულფასოვანი პროგრამირებისთვის.

Nvu

NVU - აქ არ იქნება ზედმეტი სიტყვები პროგრამის სპეციალურ ფუნქციონირებასთან დაკავშირებით. პირდაპირ საქმეზე გადავალ. რატომ მომეწონა ეს რედაქტორი? მომწონს ის ფაქტი, რომ ის მთლიანად მომხმარებლის კონტროლირებადია. CoffeCup-ში ყველაფერი იგივეა, მაგრამ Nvu უფრო მომეწონა. გარდა ამისა, ის მუშაობს უფრო სტაბილურად და სწრაფად. Nvu-ში არის ოდნავ ნაკლები კოდის ფრაგმენტები, ამიტომ ის შეიცავს სპეციალურ ეფექტებს ან CSS სკრიპტებს. მაგრამ ვის სჭირდება ეს სისასტიკე? პირადად მე, როგორც უბრალო პროგრამისტების უმეტესობას, მჭირდება უფასო ვიზუალური რედაქტორი მხოლოდ მარტივი პრობლემების გადასაჭრელად, რომლებიც დაკავშირებულია სტატიკური საიტების ინფორმაციით შევსებასთან, გვერდის კოდში ჩაღრმავების გარეშე. ასევე არის ftp-ზე ფაილების რედაქტირების შესაძლებლობა, რაც ასევე ძალიან სასარგებლოა სტატიკურ ფაილებთან მუშაობისას. როგორც ვიზუალური რედაქტორი ვებ გვერდების შესაქმნელად, Nvu საკმაოდ შეზღუდულია.

WYSIWYG WEB Builder

ჩვენ ვქმნით ვებგვერდებს სწრაფად და სახალისოდ.

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 (ვიზუალური რედაქტორი, ობიექტების გადატანა პროექტის გვერდზე სპეციალური მენიუდან)

არ არის საჭირო გვერდის მარკირების ენის ცოდნა

გამომავალი ფორმატები: HTML4, HTML5, XHTML, CSS3, PHP

სტილის მენეჯერი სტანდარტული ტეგების მხარდაჭერით

ფლეშ, HTML5 მულტიმედია, Youtube, ვიდეო ფლეშ და ა.შ.

სლაიდების ჩვენებები, გადახვევის მენიუები და სხვა ელემენტები.

მოსახერხებელი ნავიგაცია.

კონტენტის მართვის სისტემა

ამ პაკეტის 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 კარგად არის შესაფერისი განლაგების სწრაფი ამოცანების გადასაჭრელად. მაგრამ კოდი დამოუკიდებლად უნდა შეიცვალოს უმარტივესი პროგრამების - ტექსტური რედაქტორების გამოყენებით.

ეპილოგი

დასასრულს, მინდა ვთქვა კიდევ რამდენიმე სიტყვა ვებ პროგრამისტებისთვის პროგრამული უზრუნველყოფის შესახებ. აქ განხილულია მხოლოდ რამდენიმე პროგრამა, რომელიც შესაფერისია კოდთან მუშაობისთვის.

ისინი განსხვავდებიან დანიშნულებითა და ფუნქციონალობით. ისინი არ წყვეტენ ერთ პრობლემას, ასე რომ, თითოეულ კონკრეტულ შემთხვევაში, ერთ-ერთი პროგრამა არ დამთავრდება იმ ადგილას, რომელიც მე მივანიჭე.

რაზე ვაპირებ აქ საუბარს? ეს სტატია არ არის სხვადასხვა რედაქტორების მიმოხილვა, ის განკუთვნილია იმ ადამიანებისთვის, რომლებსაც აქვთ ტრენინგის დაბალი დონე ვებსაიტის შექმნაში. აქედან გამომდინარე, აქ განიხილება სამი კითხვა:

1. რა არის კოდის რედაქტორი?

2. კოდების რედაქტორების ტიპები.

3. რომელი ტიპის გამოყენება უკეთესია.

ბოლო კითხვა უფრო გონივრული კითხვაა, რადგან ის დამწყებთათვის გამოავლენს უამრავ მიზეზს, თუ რატომ არ უნდა გამოიყენონ რედაქტორი, რომელიც მნიშვნელოვნად უწყობს ხელს ვებსაიტის შექმნას.

რატომ გჭირდებათ კოდის რედაქტორი?

რა არის კოდის რედაქტორი? კოდის რედაქტორი არის პროგრამა, რომელიც შექმნილია სპეციალურად კოდის დასაწერად ნებისმიერ პროგრამირების ენაზე. ასეთი პროგრამის არსი მდგომარეობს იმაში, რომ მაქსიმალურად გამარტივდეს ვებმასტერის ცხოვრება. ასეთი პროგრამები, როგორც წესი, დიდად ეხმარება კოდის დაწერას მათი მოხერხებულობით.

მოხერხებულობა შეიძლება შეიცავდეს:

1. კოდის ხაზგასმა, რაც დიდად აადვილებს ნავიგაციას თავად კოდში, ვინაიდან ზოგჯერ კოდი შეიძლება იყოს ძალიან დიდი.

2. სპეციალური ღილაკები, დაწკაპუნებისას ავტომატურად ენიჭება ფუნქცია, ან HTML-ის შემთხვევაში ჩასმულია ტეგი.

თუმცა, თუ დავიწყებ, თუნდაც ზოგადად, ყველა კეთილმოწყობის ჩამოთვლას, შედეგი იქნება წიგნი არანაკლებ „ომი და მშვიდობა“. ბევრი მათგანი შეიძლება იყოს.

მეტი ტიპების შესახებ

ახლა გადავიდეთ მეორე კითხვაზე და გავარკვიოთ რა ტიპის კოდის რედაქტორები იყოფა. მათგან მხოლოდ ორია - ჩვეულებრივი კოდის რედაქტორი და ვიზუალური. რით განსხვავდება ეს ორი ტიპი? განსხვავება ისაა, რომ რეგულარულ კოდის რედაქტორში ყველა ცვლილებას ახორციელებთ თავად კოდის შეყვანით და ამ ცვლილებების შედეგებს ნახავთ მხოლოდ თქვენ მიერ რედაქტირებული ფაილის გაშვებით. ვიზუალური კოდის რედაქტორში ადამიანმა საერთოდ არ იცის HTML და CSS და მაინც ქმნის ლამაზ გვერდს საიტისთვის.

კოდების რედაქტორები მართლაც ასე მნიშვნელოვანია?

როგორც ჩანს, ეს შეიძლება იყოს უკეთესი? თქვენ არ გჭირდებათ არც CSS და არც HTML ცოდნა, შეგიძლიათ თქვათ - მუშაობთ როგორც Microsoft Word-ში, წერთ საკუთარ ტექსტს, ჩადეთ სურათები, ცხრილები, ბმულები - და პროგრამა ავტომატურად შიფრავს მათ HTML ფორმატში და ქმნის სამუშაო ვებ გვერდს. , უფრო მეტიც, ღილაკზე დაწკაპუნებით დაუყოვნებლივ ხედავთ, როგორი იქნება თქვენ მიერ შექმნილი ვებ-გვერდი.

სინამდვილეში, თუ იცით როგორ გამოიყენოთ ასეთი პროგრამა (ვიზუალური კოდის რედაქტორი), არ გჭირდებათ HTML და CSS ცოდნა. და თითქოს ყველაფერი კარგადაა, მაგრამ ამ რედაქტორებს აქვთ საკუთარი, უნდა ვთქვა, დიდი მინუსები.

ახლა ჩვენ შეუფერხებლად გადავდივართ ამ სტატიის მესამე კითხვაზე: რომელი ტიპის კოდის რედაქტორია უკეთესი გამოსაყენებლად.

როგორც ჩანს, ყველა ბარათი ვიზუალური რედაქტორის ხელშია, თქვენ არ გჭირდებათ არც HTML და არც CSS - უბრალოდ დაწერეთ საჭირო ტექსტი და ჩადეთ საჭირო სურათები. მაგრამ არის უარყოფითი მხარეები!

რედაქტორების უარყოფითი მხარეები

პირველი ასეთი მინუსი- ეს საფასურია. ასეთი რედაქტორების ღირებულება რამდენიმე ასეული მოკლული ენოტია (cu). ვეთანხმები - ყველას არ შეუძლია ამის საშუალება! მაგრამ ეს მინუსი სწრაფად იქცევა პლიუსად, რადგან ჩვენს ინტერნეტში შეგიძლიათ იპოვოთ ნებისმიერი პროგრამა, ჩამოტვირთოთ და გამოიყენოთ იგი უფასოდ (არალეგალურად). მთავარია ვიცოდეთ რა უნდა ვეძებოთ. მაგრამ ეს არის ფულადი მინუსი, რომელიც მარტივად შეიძლება მოგვარდეს - თქვენ დაზოგეთ ხარჯები და იყიდეთ იგი.

მეორე მინუსიდა მე უნდა ვთქვა, რომ ძალიან მნიშვნელოვანია - ყველა ვიზუალური რედაქტორი, რომელიც ავტომატურად აგენერირებს კოდს გვერდისთვის, ქმნის იმაზე მეტ კოდს, ვიდრე საჭიროა.

როგორც წესი, ეს კოდი 20 პროცენტით დიდია. თუ თქვენს რესურსზე ტრაფიკი მცირეა, სანერვიულო არაფერია, მაგრამ თუ დღეში რამდენიმე ასეული ადამიანი გყავთ, თქვენი გვერდები შექმნის დამატებით დატვირთვას ჰოსტინგის კომპანიის სერვერებზე და დატვირთვა გაიზრდება 20 პროცენტით. და ეს ნამდვილად არ მოეწონება კომპანიის წარმომადგენლებს.

ეს საკითხი შეიძლება მოგვარდეს ორი გზით - ან თქვენ ოპტიმიზაციას უკეთებთ გვერდებს კოდის შესამცირებლად, მაგრამ ამისათვის საჭიროა კოდის გაგება - იცოდეთ CSS და HTML. ან დამატებით იხდით საკუთარი ფულით.

მესამე მინუსი, რაც არ უნდა „მაგარი“ იყოს რედაქტორი, ის ვერ შეგიქმნის ვებსაიტს სხვადასხვა პროგრამირების ფუნქციით. ვთქვათ - ეს არის წერილის გაგზავნა, გვერდის ნუმერაცია, კომენტარების ფორმები, რეიტინგები, გამოკითხვები და ბევრი სხვა საინტერესო რამ, რაც თქვენს საიტს თანამედროვეს გახდის.

შესაძლებელია თუ არა ვებსაიტის შექმნა კოდის რედაქტორის გამოყენებით?

თანამედროვე ვებსაიტების შესაქმნელად არსებობს სპეციალური გადაწყვეტილებები, რომლებიც 5 წუთში შეგიქმნით ვებსაიტს, ყველაფერი მზად არის და მარტივად შეგიძლიათ გამოიყენოთ მზა ვარიანტები პროგრამირების ენებში, მათი საერთოდ გაგების გარეშე. ამ გადაწყვეტილებებს უწოდებენ კონტენტის მართვის სისტემებს - CMS.

მაგრამ ეს ასევე იწვევს კიდევ ერთ მნიშვნელოვან მინუსს, ეს არის ის, რომ თითოეულ CMS-ს გააჩნია რამდენიმე სტანდარტული ვებსაიტის შაბლონი - სხვა სიტყვებით რომ ვთქვათ, თქვენი ვებსაიტის დიზაინი. და ეს შაბლონები მახინჯია, არა უნიკალური და მხოლოდ აშინებს მნახველებს. და ვიზუალური რედაქტორი ვერ შეძლებს CMS-ის შაბლონის შექმნას! ვინაიდან ის იყენებს საკუთარ ჩაშენებულ სტილებს და ვარიანტებს. ასეთი შაბლონების ხელით რედაქტირება გჭირდებათ და ეს ისევ მოითხოვს CSS და HTML ცოდნას.

აქედან დასკვნა - თუ გსურთ ლამაზი თანამედროვე საიტი- თქვენ გაქვთ ორი ვარიანტი - ან შეუკვეთეთ ეს ვებგვერდი პროფესიონალებს, რომლის ღირებულებაც ასი დოლარიდან და მეტია, ან თავად გააკეთეთ შაბლონი კონტენტის მართვის სისტემისთვის. და ამისთვის უნდა გესმოდეთ CSS და HTML - წინაპირობაა! კარგად, თქვენ უნდა იცოდეთ ცოტა PHP, მაგრამ ამის გარეშე შეგიძლიათ!

და იმისათვის, რომ ისწავლოთ HTML და CSS, თქვენ უნდა აიღოთ გაკვეთილები და სცადოთ ისინი პრაქტიკაში და არა ვიზუალურ რედაქტორში, რადგან უბრალოდ ღილაკების დაჭერით ვერაფერს გახსოვთ, არამედ ჩვეულებრივზე, თითოეული ფუნქციის შეყვანაზე. კლავიატურა.

სად ჩამოტვირთოთ HTML და CSS რედაქტორები უფასოდ

პირადად მე არ ვიყენებ ვიზუალურ რედაქტორებს, მაგრამ თუ ნამდვილად მოგწონთ კოდის შექმნის ეს გზა და გსურთ ისწავლოთ CSS და HTML, ჯერ ხელით შეიყვანეთ კოდი, სანამ არ ისწავლით ვებ გვერდების შექმნის ყველაზე გავრცელებულ ელემენტებს და მხოლოდ მაშინ, მშვიდად გამოიყენეთ ვიზუალური რედაქტორი სინდისით.

ფრჩხილების რედაქტორირუსული ვერსია, საუკეთესო და ყველაზე გასაგები დამწყებთათვის:

SublimeText 3 რედაქტორი, სწრაფი და საიმედო, გამოიყენება მრავალი პროფესიონალის მიერ (თუმცა მხოლოდ ინგლისურად):

Თქვენი აზრი?

ყველა ვებ დიზაინერს და კოდირს სჭირდება კარგი ვებ გვერდის რედაქტორი HTML, CSS და JavaScript კოდის შესაქმნელად და რედაქტირებისთვის. Notepad (Windows) და TextEdit (Mac) შესანიშნავი ინსტრუმენტებია დასაწყებად, მაგრამ რაც უფრო მეტ გამოცდილებას მიიღებთ, მოგინდებათ გამოიყენოთ უფრო ძლიერი და მოსახერხებელი ინსტრუმენტი.

არსებობს ასობით შესანიშნავი რედაქტორი, საიდანაც შეგიძლიათ აირჩიოთ სწორი, მაგრამ ბევრი მათგანი ფასიანია. რა მოხდება, თუ არ გსურთ საავტორო უფლებების დარღვევა, მაგრამ თქვენს ბიუჯეტს არ აქვს სახსრები კომერციული პროდუქტის შესაძენად? ეს სტატია განიხილავს რამდენიმე დიდ უფასო რედაქტორს.

• WYSIWYG რედაქტორები.ეს არის გრაფიკული რედაქტორები, რომლებიც საშუალებას გაძლევთ შექმნათ გვერდის განლაგება და დააყენოთ სტილი ვიზუალურად, როგორც ცნობილ ტექსტურ პროცესორში MS Word. ისინი მოსახერხებელი ხელსაწყოა გვერდის დიზაინის შესაქმნელად, თუმცა, როგორც ყველა გამოცდილმა ვებ დიზაინერმა იცის, კარგი შედეგის მისაღწევად კოდი ჯერ კიდევ უნდა შესწორდეს.
• ტექსტის რედაქტორები.ეს არის ინსტრუმენტი HTML და CSS კოდების პირდაპირ რედაქტირებისთვის. ზოგიერთი რედაქტორი არის ზოგადი დანიშნულების და არ გააჩნია ვებ კოდის მხარდაჭერის სპეციალური ვარიანტები. სხვები სპეციალიზირებულია ვებ ენების გამოყენებისთვის, როგორიცაა HTML, CSS, JavaScript და PHP, და აქვთ ჩაშენებული თვისებები HTML ტეგების, CSS თვისებების და ა.შ. ამ რედაქტორებიდან ბევრი საშუალებას გაძლევთ ნახოთ ვებ გვერდი ცალკე ფანჯარაში.

KompoZer (Windows, Mac, Linux)

KompoZer არის შესანიშნავი არჩევანი, თუ თქვენ გჭირდებათ ვიზუალური რედაქტორი ბიუჯეტით

Komodo Edit არის კარგი რედაქტორი, ადვილად შესასწავლი, მაგრამ ძლიერი და გაფართოებადი

მიუხედავად იმისა, რომ ეს არის ზოგადი დანიშნულების რედაქტორი, იგი მხარს უჭერს HTML და CSS-ს და აქვს კონტექსტური ავტომატური შევსება HTML ტეგებისა და CSS თვისებებისთვის, ასევე კოდის ჩასართავების კოლექცია სხვადასხვა HTML ელემენტებისთვის. კომოდოსგან მაქსიმალური სარგებლობის მისაღებად, თქვენ უნდა დააინსტალიროთ HTML Toolkit გაფართოება, რომელიც შეიცავს ისეთ შესანიშნავ ფუნქციებს, როგორიცაა ტეგების ავტომატური დახურვა, CSS გარეგნობის გადახედვა და ტექსტის დროებითი გენერატორი.

Komodo Edit საშუალებას გაძლევთ ნახოთ გვერდები, რომლებსაც არედაქტირებთ ნებისმიერ დაინსტალირებულ ბრაუზერში, ან გამოიყენოთ ჩაშენებული ბრაუზერი ცალკე ფანჯარაში, რათა ერთდროულად შეცვალოთ და ნახოთ თქვენი ცვლილებების შედეგები.

რედაქტორს აქვს ჩაშენებული ფუნქცია საიტზე ფაილების ატვირთვისთვის (FTP, FTPS, SFTP ან SCP), ასევე შეგიძლიათ სწორად დააჯგუფოთ თქვენი ფაილები პროექტის მენეჯერის ვარიანტის გამოყენებით.

ძალიან სასარგებლო თვისება კოდი > აირჩიეთ დაბლოკვა. ის ხაზს უსვამს მიმდინარე მთავარ HTML ბლოკს, როგორიცაა ამჟამად დახურული div ან ul ელემენტი. ძალიან მოსახერხებელი ფუნქცია, როდესაც თქვენ უნდა აირჩიოთ მთელი განყოფილება გვერდზე კოპირებისთვის ან გადასატანად.

Komodo Edit-ს აქვს ბევრი ძლიერი და სასარგებლო ფუნქცია, როგორიცაა რეგულარული გამონათქვამების გამოყენება პოვნა/ჩანაცვლებისთვის, გარე ბრძანებების შესრულების შესაძლებლობა და ა.შ. საბედნიეროდ, რედაქტორს ასევე აქვს კარგი დამხმარე სისტემა, რაც აადვილებს Komodo Edit-ის ძალის სწავლას.

Aptana Studio (Windows, Mac, Linux)

Aptana Studio არის სრული ინტეგრირებული ვებ აპლიკაციის განვითარების გარემო, დანამატების დიდი ნაკრებით. მიუხედავად იმისა, რომ თქვენ შეგიძლიათ გამოიყენოთ იგი მხოლოდ როგორც HTML/CSS/JavaScript კოდის რედაქტორი

Notepad++ შესანიშნავი ჩანაცვლებაა Notepad-ისთვის Windows-ზე. მიუხედავად იმისა, რომ მას არ აქვს იმდენი ვარიანტი, როგორც სხვა რედაქტორებს, ის შესანიშნავია HTML, CSS, JavaScript და სხვა კოდის ფაილების რედაქტირებისთვის.

PSPad არის კიდევ ერთი ზოგადი დანიშნულების რედაქტორი Windows-ისთვის, HTML და CSS კოდირებისთვის სასარგებლო ფუნქციების ფართო სპექტრით

jEdit არის ჯვარედინი პლატფორმის ტექსტური რედაქტორი, მძლავრი მაკრო ბრძანებით და მოდულის მახასიათებლებით. დააინსტალირეთ XML მოდული, თუ გჭირდებათ ვებ გვერდების რედაქტირება

TextWrangler არის მსუბუქი ზოგადი დანიშნულების რედაქტორი. ვებ განვითარებისთვის სპეციალური ფუნქციების არარსებობის მიუხედავად, ის შეიძლება გამოყენებულ იქნას ვებ გვერდებთან მუშაობისთვის.

Vim-ის სწავლა ნამდვილად რთულია, მაგრამ როგორც კი გადალახავთ გამოწვევებს, აღარასოდეს მოგინდებათ დაბრუნება!

პროგრამისტების ტექსტური რედაქტორების ბაბუა, Vim (vi რედაქტორის პირდაპირი შთამომავალი) არის ღია კოდის კონსოლის ტექსტური რედაქტორი. ეს არის ნაგულისხმევი რედაქტორი Unix-ის თითქმის ყველა გემოვნებისთვის, მათ შორის Linux და Mac OS X. ის ასევე ხელმისაწვდომია Windows-ზე და ბევრ სხვა სისტემაზე გამოსაყენებლად.

Vim არ არის სისტემა, რომელიც შეგიძლიათ დააინსტალიროთ და დაიწყოთ გამოყენება მაშინვე, მასზე ადრე მუშაობის გარეშე. რედაქტირების ბრძანებების უმეტესობა მოიცავს უცნაურ კომბინაციებს, როგორიცაა :wq და /. მას ასევე აქვს სამი რედაქტირების რეჟიმი: რეჟიმი ჩანართები, რომელშიც შეყვანილია ტექსტი; ვიზუალურიტექსტის შერჩევის რეჟიმი; და ბრძანებაბრძანებების შეყვანის რეჟიმი. ეს ფუნქცია Unix-ის მემკვიდრეობაა იმ დროიდან, როდესაც არ არსებობდა Windows და მაუსი.

რატომ იყო ის სიაში? თუ დაეუფლებით, დარწმუნდებით მის სიჩქარესა და ძალაში. რამდენიმე ბრძანებით, შეგიძლიათ რამდენიმე წამში გააკეთოთ ის, რაც შეიძლება სხვა რედაქტორებში წუთებს დასჭირდეს.

არსებობს დიდი რაოდენობით მაკრო და დანამატები Vim-ისთვის, რომლებიც ამარტივებს HTML, CSS და JavaScript კოდებთან მუშაობას, მათ შორის სინტაქსის ხაზგასმა, ავტომატური დასრულება, HTML Tidy და ბრაუზერის ნახვა. აქ არის სასარგებლო ბმულების დიდი სია:

• Vim Omni ავტომატური დასრულება
• HTML/XHTML რედაქტირება Vim-ში
• მთავარი გვერდი

ფრეიზი (Mac)

Fraise არის ინტუიციური რედაქტორი Mac-ისთვის, ვებ-რედაქტირებისთვის საკმარისი ფუნქციების ნაკრებით

TextWrangler-ისა და gedit-ის მსგავსად, Fraise არის მშვენიერი, მსუბუქი რედაქტორი, რომლის გამოყენებაც სასიამოვნოა. ეს არის ჩანგალი რედაქტორისგან. შედარებით ახალია და არ აქვს სათანადო ვებ სერვერი. ამჟამად ის მხარდაჭერილია მხოლოდ Mac OS X 10.6-ზე (თოვლის ლეოპარდი), რაც იმას ნიშნავს, რომ თუ გაშვებული გაქვთ ვერსია 10.5, მოგიწევთ Smultron-ის ჩამოტვირთვა.

Fraise-ს აქვს რამდენიმე შესანიშნავი ვარიანტი ვებ რედაქტირებისთვის:

• კოდის ხაზგასმა HTML, CSS, JavaScript, PHP და სხვა პროგრამირების ენებისთვის.
• ბრძანება Close Tag(Command-T) მიმდინარე ტეგის დახურვისთვის. ეს ნამდვილად დაზოგავს დროს სიებში შესვლისას.
• მოსახერხებელი გადახედვა ჩაშენებულ ბრაუზერში (WebKit-ის გამოყენებით), ძალიან მოსახერხებელი Live Update ვარიანტით? რომელიც განაახლებს ბრაუზერს, როგორც კი შეიცვლება მარკირება და CSS რედაქტირებულ გვერდზე.
• გაფართოებული ძებნა ვარიანტი, რომელიც მხარს უჭერს ძიებას/ჩანაცვლებას რეგულარული გამონათქვამების გამოყენებით.
• ბლოკების მხარდაჭერა HTML ტეგების და CSS თვისებების სწრაფად შესვლისთვის.
• ზოგიერთი მოსახერხებელი ბრძანება ტექსტის მანიპულირებისთვის, როგორიცაა HTML ვალიდაცია და სიმბოლოების HTML ელემენტებად გადაქცევა.

Fraise ღირს შესწავლა, თუ იყენებთ Mac-ს და გსურთ მოსახერხებელი რედაქტორი მეტი შესაძლებლობებით, ვიდრე ჩაშენებული TextEdit.