Təcrübəli layout maker və ya veb-proqramçı üçün sadə bir web page sadə mətn redaktoru ilə dizayn etmək çətin deyil. Ancaq bu fəaliyyət sahəsindəki kompleks vəzifələri yerinə yetirmək üçün xüsusi proqramlardan istifadə etmək məsləhət görülür. Bunlar inkişaf etmiş mətn redaktorları, inteqrasiya edilmiş inkişaf vasitələri, şəkil redaktorları və s. Adlanan çoxfunksiyalı kompleks proqramları ola bilər. Bu yazıda, saytların yerləşdirilməsi üçün hazırlanmış proqramı nəzərdən keçiririk.
Notepad ++
Birincisi, düzəldici dizaynerin işini asanlaşdırmaq üçün nəzərdə tutulmuş inkişaf etmiş mətn redaktorlarının təsviri ilə başlayaq. Əlbəttə ki, bu tip ən məşhur proqram Notepad ++. Bu proqram həll çox proqramlaşdırma dilinin sintaksisini, eləcə də mətn kodlamalarını dəstəkləyir. Kodun işıqlandırılması və nömrə nömrələri müxtəlif sahələrdə proqramçıların işini çox asanlaşdırır. Normal ifadələrdən istifadə edərək, strukturda oxşar olan kod bölmələrini tapmaq və dəyişmək asanlaşdırır. Tezliklə eyni tip fəaliyyət üçün makroları qeyd etmək təklif olunur. Daxili eklentlərin köməyi ilə əhəmiyyətli dərəcədə zəngin funksiyanı genişləndirmək mümkündür.
Həmçinin baxın: Analoglar Notepad ++
Qüsurlardan yalnız bu qədər şübhəli "minus" adlandırıla bilər, çünki orta istifadəçi üçün anlaşılmaz bir çox funksiyanın olması.
Notepad ++ yükləyin
Sublimetext
Web proqramçıları üçün digər bir inkişaf etmiş mətn redaktoru SublimeTextdir. O, Java, HTML, CSS, C ++ da daxil olmaqla bir çox dil ilə necə işlədiyini bilir. Kodla işləyərkən arxa işıq, autocompletion və nömrələmə istifadə olunur. Çox əlverişli bir xüsusiyyət, parçaları tətbiq etmək üçün boşluqlar üçün dəstəkdir. Normal ifadələrin və makroların istifadəsi də problemin həlli üçün əhəmiyyətli vaxt qənaəti təmin edə bilər. SublimeText eyni zamanda dörd paneldə işləməyə imkan verir. Plug-ins quraraq proqramın genişletilmiş funksiyaları.
Ərizənin əsas çatışmazlığı, Notepad ++ ilə müqayisədə, xüsusilə təcrübəsiz istifadəçilər üçün müəyyən çətinliklər yaradan bir rus dilində interfeysin olmamasıdır. Ayrıca, məhsulun pulsuz versiyasında bir lisenziya almaq təklifi ilə görünən bildiriş kimi bütün istifadəçilər deyil.
SublimeText yükləyin
Mötərizələr
Veb səhifələrin yerləşdirilməsi üçün nəzərdə tutulmuş mətn redaktorlarının Brackets tətbiqinin ümumi təsvirini təsvir etdik. Bu alət, əvvəlki analoqlar kimi, müvafiq ifadələr və xətt nömrələrini işıqlandırmaqla bütün əsas markuplama və proqramlaşdırma dillərini dəstəkləyir. Tətbiqin məqsədi funksiyanın olmasıdır "Canlı Preview", köməyi ilə brauzer vasitəsilə sənəddə göstərilən bütün dəyişiklikləri, həmçinin kontekst menyusuna inteqrasiya edə bilərsiniz. "Explorer". Brackets Toolkit, vebdə disk tapmaq rejimində gözdən keçirmək imkanı verir. Proqram pəncərəsi ilə birdən çox faylları eyni anda idarə edə bilərsiniz. Üçüncü tərəf uzantıları qurma qabiliyyəti funksionallıq sərhədlərini daha da artırır.
Bu, proqramda bəzi qeyri-rusiyalı bölmələrin olması və funksiyadan istifadə imkanını pozur "Canlı Preview" yalnız Google Chrome brauzerində.
Brackets yükləyin
Gimp
Web məzmununun formalaşması da daxil olmaqla, uğurla istifadə edilə bilən qabaqcıl şəkil redaktorları arasında ən məşhurlardan biri GIMPdir. Xüsusilə saytın dizaynını çəkmək üçün proqramdan istifadə etmək rahatdır. Bu məhsulun köməyi ilə müxtəlif alətlər (fırçalar, filtrlər, bulanıklaşma, seçim və daha çox) istifadə edərək, başa görünüşlərin çəkilməsi və redaktə edilməsi mümkündür. GIMP, qatillərlə işləyən və boşluqları öz formatında saxlamağa kömək edir. Bununla bərabər yenidən işə salındıqdan sonra işiniz bitdikdə eyni yerdə işə başlaya bilərsiniz. Dəyişiklik tarixi şəkilə tətbiq olunan bütün hərəkətlərin izlənilməsinə kömək edir və zəruri hallarda onları ləğv edir. Bundan əlavə, proqram, tətbiq edilən mətnlə işləyə bilər. Bu, zəngin funksiyanı təklif edə bilən analoglar arasında yeganə pulsuz proqramdır.
Eksikliklər arasında proqramın yüksək qaynaq sıxlığı və başlayanlara iş alqoritmini anlamaqda əhəmiyyətli çətinliklər səbəbiylə təsadüfi yavaşlama təsirini qeyd etmək mümkündür.
GIMP-ni yükləyin
Adobe Photoshop
GIMP-nin ödənişli analoqu Adobe Photoshopdur. Daha çox məşhurdur, çünki daha əvvəl azad edilmiş və daha inkişaf etmiş funksiyalara malikdir. Photoshop veb inkişafın bir çox sahələrində istifadə olunur. Bununla, şəkilləri yarada, redaktə edə və çevirə bilərsiniz. Proqram qat və 3D modelləri ilə işləyə bilər. Bu halda istifadəçi GIMP-dən daha çox alət və filtr dəstini istifadə etməyə imkan verir.
Əsas çatışmazlıqlar arasında Adobe Photoshop'un bütün funksionallıqlarını mənimsəməkdə çətinlik var. Bundan əlavə, GIMP-dən fərqli olaraq, bu vasitə yalnız 30 gün sınaq müddəti ilə ödənilir.
Adobe Photoshop'u yükləyin
Aptana studiyası
Veb səhifə düzeni üçün növbəti proqram qrupu inteqrasiya edilmiş inkişaf vasitələridir. Ən məşhur nümayəndələrindən biri Aptana Studiyasıdır. Bu proqram həlli bir mətn redaktoru, debugger, kompilyator və montaj avtomatlaşdırma alətini ehtiva edən hərtərəfli bir site yaradılması vasitədir. Proqramı istifadə edərək, bir çox proqramlaşdırma dildə proqram kodu ilə işləyə bilərsiniz. Aptana Studio bir sıra layihələrlə, digər sistemlərlə (xüsusilə Aptana Cloud xidməti ilə) inteqrasiya, həmçinin site məzmununun uzaqdan redaktə edilməsi ilə eyni vaxtda manipulyasiya edir.
Aptana Studiyasının əsas cəhətləri mənimsəmə və rus dilində interfeysin olmamasıdır.
Aptana Studio-ni yükləyin
Webstorm
Aptana Studio proqramının analitiki WebStorm, həmçinin inteqrasiya edilmiş inkişaf sistemlərinin sinifinə aiddir. Bu proqram məhsulu, müxtəlif proqram dillərinin təsirli bir siyahısını dəstəkləyən əlverişli bir kod redaktoruna malikdir. Daha çox istifadəçi rahatlığı üçün, developers iş yerinin dizaynını seçmə imkanı təqdim etdi. Web Storm'un "üstünlükləri" arasında, Node.js ayıklama alətinin varlığını və kitabxanaların ince ayarını vurğulamalısınız. Funksiyası "Canlı redaktə" brauzer vasitəsilə bütün dəyişiklikləri keçirmək imkanı verir. Veb server ilə əlaqə yaratmaq üçün vasitə sizdən uzaqdan saytınıza düzəliş etmək və özelleştirmenize imkan verir.
Rus dilində bir arayışın olmaması ilə yanaşı, WebStorm da "Aptana Studio" da iştirak etməyən başqa bir "mənfi" var, yəni proqramı istifadə etmək üçün ödəmə ehtiyacı.
WebStorm'u yükləyin
Ön səhifə
İndi görsel HTML redaktorları deyilən proqramların blokunu nəzərdən keçirin. Ön səhifə adlı bir Microsoft məhsul araşdırması ilə başlayaq. Bu proqram olduqca məşhur idi, çünki bir zamanlar Microsoft Office paketinin tərkib hissəsi idi. Word proqram prosedurunda olduğu kimi, WYSIWYG ("gördüyünüz şeylər, alacaqsınız") prinsipi üzərində işləyən vizual redaktorda veb-səhifələrin yerləşdirilməsini təklif edir. Istədiyiniz halda, istifadəçi kodu ilə işləmək üçün standart html redaktorunu aça bilər və ya hər iki rejimi ayrı bir səhifədə birləşdirə bilər. Bir çox mətn formatlaşdırma alətləri tətbiq interfeysinə daxil edilir. Bir yazım denetleyicisi var. Ayrı bir pəncərədə, veb səhifənin tarayıcıdan necə görünəcəyini görə bilərsiniz.
Çox üstünlükləri ilə proqram daha çox çatışmazlıqlara malikdir. Ən önəmlisi, inkişaf edənlər 2003-cü ildən etibarən onu dəstəkləmirlər, yəni məhsul ümidsiz bir şəkildə web texnologiyalarının inkişafıdır. Ancaq ən yaxşı zamanda olsa da, Ön səhifə standartların böyük bir siyahısını dəstəkləməmişdir və bu da bu tətbiqdə yaradılan zəmanət verilmiş düzgün səhifələrin yalnız Internet Explorer-da nümayiş etdirilməsinə gətirib çıxardı.
Ön səhifəni yükləyin
Kompozer
KompoZer, HTML kodunun növbəti vizual redaktoru da inkişaf etdiricilər tərəfindən uzun müddət dəstəklənmir. Ancaq Ön səhifədən fərqli olaraq, layihə 2010-cu ildə dayandırılıb, yəni bu proqram hələ də yuxarıda göstərilən rəqibdən daha yeni standartlar və texnologiyalarları dəstəkləməyə qadirdir. O, həmçinin WYSIWYG rejimində və kod redaktə rejimində işləməyi bilir. Hər iki variantı birləşdirmək, müxtəlif sekmelerdeki bir neçə sənədlə eyni vaxtda işləmək və nəticələrə baxma imkanları var. Bundan əlavə, Composer daxili FTP müştəri var.
Ön səhifədə olduğu kimi, əsas "mənfi" KompoZer dəstəyinin inkişaf etdiricilər tərəfindən dayandırılmasıdır. Bundan əlavə, bu proqram yalnız İngilis dili interfeysinə malikdir.
KompoZer-ni yükləyin
Adobe Dreamweaver
Bu məqaləni Adobe Dreamweaver vizual HTML redaktoru ilə qısa bir xülasə ilə yekunlaşdırırıq. Əvvəlki analoqlardan fərqli olaraq, bu proqram məhsulu hələ də inkişaf edənlər tərəfindən dəstəklənir, bu da müasir standartlara və texnologiyalara uyğunluq, həmçinin daha güclü funksionallıq baxımından əhəmiyyətini təmin edir. Dreamviewer WYSIWYG rejimində işləyən, müntəzəm kod redaktoru (arxa işıqlı) və bir split işləməyi təmin edir. Bundan əlavə, bütün dəyişiklikləri real vaxt rejimində görə bilərsiniz. Proqram həmçinin kodu ilə işi asanlaşdıran bütün əlavə funksiyalara da malikdir.
Həmçinin baxın: Dreamweaver analoqları
Qüsurların arasında proqramın yüksək qiyməti, əhəmiyyətli çəkisi və qaynaq sıxlığı ayrılmalıdır.
Adobe Dreamweaver yükləyin
Gördüyünüz kimi, coderin işini asanlaşdırmaq üçün nəzərdə tutulmuş bir neçə proqram qrupu var. Bunlar inkişaf etmiş mətn redaktorları, vizual HTML redaktorları, inteqrasiya edilmiş inkişaf vasitələri və şəkil redaktorlarıdır. Xüsusi bir proqramın seçilməsi layout dizaynerinin peşə bacarıqlarının səviyyəsindən, vəzifənin mahiyyətindən və onun mürəkkəbliyindən asılıdır.
