Dreamweaver vs Notepad++ vs NetBeans IDE

Воскресенье, 08 мая 2011 17:37

Dreamweaver vs Notepad++ vs NetBeans IDE

Dreamweaver vs Notepad++ vs NetBeans IDE

Хотите узнать как раскрутить сайт? Заходите к SEOinUA.

Мой самый-самый первый профиль, которым я овладел задолго до того, как осознал, что сидя на стуле вполне реально делать деньги, если ты работаешь в Интернете, является верстка. Потом уже под нужды создания сайтов добавились и нотки программирования на js и php, и поэтому мне довольно часто приходится работать в том или ином редакторе кода. Будучи кое-как знакомым с 3-мя топ-редакторами кода, я решил сделать небольшой обзорчик оных, который должен быть полезным каждому сайтостроителю. В своем обзоре я буду смотреть на эти редакторы именно глазами рядового вебмастера-манимейкера, которому время от времени приходится что-нибудь подверстать, где-нибудь поправить циклы вывода статей в шаблоне, полазить в кодах движка и т.п., то есть человека, имеющего базовые потребности разработки сайтов. Безусловно, профессиональные разработчики, генерирующие тонны php-кода и создающие тяжеловесные предложения, могут пропустить статью и сразу смело устанавливать себе NetBeans :) , а для остальных я продолжу. В обзоре все скрины кликабельны.

Adobe Dreamweaver

Как и большинство неискушенных вебмастеров я начинал с этого редактора. Продукты Adobe завоевали невероятную популярность и почетный ТОП-1 практически во всех нишах, куда только не попали. Благодаря их неимоверной разрекламированности практически в любом деле вам тут же посоветуют какую-либо программу от Adobe. Собственно, так было и со мной.

Adobe Dreamweaver CS5

Adobe Dreamweaver CS5

К Dreamweaver'y я перешел с блокнота :) . Именно в нем доверстывал свой первый сайт: порядка 30 страничек на html (это было года 3 назад, про админки я тогда только слышал). Была у меня на сайте даже фотогалерея :) . Ох, и задолбался же я тогда все это дело вручную линковать. В последствие этот редактор был моим основным рабочим инструментом в течение полутора года, пока я работал на фрилансе и штатным верстальщиком, занимаясь исключительно версткой. Как верстальщика на тот момент меня этот редактор устраивал абсолютно всем, и я и мечтать не мог о большем.

  • базовая подсветки кода;
  • автоподстановка и автозакрытие тегов;
  • работа по ftp.

Вроде бы больше ничего и не нужно было. Однако, когда работы стало больше, и она стала серьезнее, с большим количеством php-кода и кода на других языках, от редактора захотелось большего, и большего Дрим дать уже не мог. В этом редакторе нет двух очень важных вещей:

  • автоподсветки начала и конца тега (подсветить весь тег в принципе можно, но это все равно нужно делать вручную);
  • автоподсветки пары открывающей и закрывающей скобок в php-коде.

Понятно, что при разработке сайтов без этого далеко не уедешь, и скорость набора кода уступила потребности поиска более продвинутого редактора.

Особенностью и важным отличием Dreamweaver'a является наличие встроенного просмотрщика результатов. Однако, хотя встроенный браузер вроде бы и является весомым плюсом, но как только ты узнаешь слово «кроссбраузерность», то понимаешь, что тебе все равно придется сворачивать окошко и просматривать поочередно плоды своего труда во всех популярных браузерах, потому для серьезного верстальщика полезность этого инструмента сводится к быстрому нахождению нужного участка кода через визуальное представление, что, впрочем, тоже довольно удобно.

Юзабилити в плане расположения инструментов на панелях у редактора отменное, как и у всех продуктов Adobe, но хромает по части удобства написания и дебага кода на разных языках. Функционала вполне достаточно для разработки самых разных сайтов, подключение по ftp присутствует. Редактор в версии CS5 довольно сильно сбавил в прожорливости, и у меня на win7 использует всего 100-150Мб.

В целом Dreamweaver я бы охарактеризовал как хороший помощник начинающему верстальщику, но перечисленные выше недостатки его подсветки делают его далеко не самым удобным инструментом в разработке полноценных сайтов.

Notepad++

Notepad++

Notepad++

Этот редактор действительно полностью устраняет те 2 недостатка, которые так напрягают в Dreamwever. Помимо этого, он еще и куда функциональнее. Ссылка на souceforge.

  • удобные автокомплит и автоподсветка. Теги, циклы и т.п. теперь как на ладони. По умолчанию автокомплит тегов вызывается при помощи Cntr+Space, однако его можно привести к нормальному виду как в Дримвивере, пошарившись в опциях;
  • встроенный инструмент работы по ftp;
  • очень удобный конвертер кодировок документа;
  • статистика по количеству символов, слов и т.п. в статусной строке.
  • бонус для верстальщика — плагин ZenCoding, при помощи которого строчка типа div#page>div.logo+ul#navigation>li*5>a очень легко превращается в большой кусок кода (подробнее по ссылке);
  • крайне легкий (ест до 30Мб оперативной памяти).

Из недостатков:

  • хотя автокомплит тегов при правильной настройке действительно также хорош, как и в Дримвивере, он все же слегка ему уступает. При подстановке атрибута тега class в Notepad++ подставится, к сожалению, не class="",  а просто class, что не слишком продумано;
  • в силу того, что редактор крайне легкий, иногда может придется переключаться в настройках на тот язык, на котором вы сейчас пишите;
  • почему-то не работает горячее клавсочитание cntr+y;
  • неудобный поиск по файлу. Чтобы искать, нужно обязательно указать направление поиска вверх или вниз от текущего места в документе :( ;
  • некорректное закрытие тегов, не требующих закрывающего тега;
  • отсутствие как навигатора по коду так и окошка визуального представления (встроенного браузера), чтобы можно было быстрее добираться к нужному участку кода.

С notepad++ я работаю по сей день. Как верстальщика меня лишь слегка омрачают нерабочее клавосочитание Redo и слегка непродуманный автокомплит атрибутов тегов, что слегка меня замедляет, но все это с лихвой компенсируется невероятной легковесность редактора, его огромной функциональностью и просто шикарной во всех отношениях подсветкой кода.  Даже если мне нужно быстро узнать количество символов документа, я быстрее запущу notepad++, чем Word, ведь он очень легкий. В юзабилити по части понятности интерфейса и группировки всего и вся в панельки Notepad++ до Dreamweaver конечно далеко, но я лично не считаю это серьезным недостатком, потратив день-другой, вы во всем разберетесь.

NetBeans IDE

NetBeans IDE 7

NetBeans IDE 7

NetBeans IDE — это уже не просто редактор, а целая профессиональная среда разработки, причем, как заверяют истинные ценители удобств, одна из самых-самых лучших. Я решил попробовать эту программу, поскольку не раз встречал о ней много лестных отзывов. Немного попользовавшись ею, я отчетливо понял, что эта программа все же будет в самый раз true разработчикам, которым необходимы тонны справочной информации и подобных вещей всегда под рукой. Для рядового же вебмастера программа, пожалуй, изобилует излишествами и не слишком удобным интерфейсом.

Преимущества:

  • снова замечательная подсветка;
  • действительно хороший автокомплит, правильный автокомплит атрибутов тегов, но, опять же, не без изъяна. В частности, мне не понравилось, что после набора открывающей скобки есть небольшая задержка до выпадения меню-автоподстановки, если ее не выдержать, автокомплит не сработает. По-моему, лучше было бы сделать его без задержки. Соответствующей настройки я не нашел;
  • (!!!) автоматический textindent кода. Такого в редакторах по умолчанию я не встречал вообще. Крайне удобно;
  • отличнейший инструмент навигации по коду в виде дерева DOM-документа. Он полностью заменяет встроенный браузер, хотя плагинами можно доставить и оный.

Недостатки:

  • основной минус — тяжесть (200-300Мб), хотя оно и понятно, это все же среда разработки, а не просто редактор;
  • нет редактора кодировок документа, и, насколько я понял, NetBeans создает все документы в одной единственной кодировке. После него в случае необходимости придется прибегать к Notepad++.
  • реально не слишком понятная работа по ftp. Все завязано на проектах, при подключении по ftp почему-то делается локальная копия всей структуры ftp-каталога, и, как я понял, работа ведется уже с ней, а заливаются изменения по требования. В общем, вебмастеру это уж точно лишнее... Хотя в принципе перспектива постоянно иметь бэкапы без их запроса :) . Есть для этой программы специальный плагин, который делает работу с ftp человекопонятной, но, к сожалению, у меня он не только не установился, но и вообще запорол менеджер плагинов, ушедший в полную висячку... :(

Как я уже отмечал, NetBeans для своей разработки выбирают по большей части true-программисты. Достоинств для них у этой программы масса, чего стоят только опции многофайловой работы в проектах и всплывающая везде и вся документация, однако для рядового вебмастера/манимейкера/верстальщика большая их часть меркнет по сравнению со сложноватым юзабилити программы, ее прожорливостью и неудобством работы с некоторыми базовыми инструментами, как-то ftp.

Сравнительная таблица

В заключение приведу таблицу, в которой сравню эти программы по юзабилити (панели + работа с кодом), функциональности, легкости (прожорливости) и удобству работы по фтп, ведь когда у тебя десятки сайтов, должен обязательно быть удобный ftp-менеджер. Оценка дается по 5-бальной шкале.

Параметр Dreamweaver Notepad++ NetBeans
Юзабилити 3 3.5 4.5
Функциональные возможности 4 4.5 5
Легкость 4 5 2
Удобство работы по фтп 5 5 3
Итого 16 18 14.5

Таким образом по моему субъективному мнению вебмастерам для своей работы стоит выбрать Notepad++. Жду ваших мнений по этому поводу в комментариях.

http://blogto4ka.ru

RSS комментариев

34 комментария Комментировать

  1. maksblog пишет:

    08 мая 2011 в 17:49 Reply to this comment

    1

    pspad, eclipse?

  2. nikolas_sharp пишет:

    08 мая 2011 в 18:19 Reply to this comment

    2

    PSPad не понравился уже только автокомплитом тегов. Eclipse не пробовал.

  3. Cyber Freak пишет:

    08 мая 2011 в 19:26 Reply to this comment

    3

    Использовал все вышеперечисленные редакторы, также согласен с оценками автора.

  4. terobait48 пишет:

    08 мая 2011 в 23:32 Reply to this comment

    4

    notepad++ однозначно.

  5. Руслан пишет:

    09 мая 2011 в 6:54 Reply to this comment

    5

    а я пользуюсь WeBuilder — очень понравися

  6. eldar пишет:

    09 мая 2011 в 9:00 Reply to this comment

    6

    а phpDesigner'ом не пользовались? очень советую

  7. Роман пишет:

    09 мая 2011 в 11:31 Reply to this comment

    7

    Dreamweaver. Однозначно Dreamweaver, проще программы нет... наверно

  8. roomster пишет:

    10 мая 2011 в 14:24 Reply to this comment

    8

    PSpad один раз услышал, попробовал — больше не откажусь, а вот NetBeans обязательно установлю и попробую! спасибо :)

  9. Дмитрий пишет:

    10 мая 2011 в 18:50 Reply to this comment

    9

    Только Notepad++! Все, как говорится в одном комплекте!) Плюсы этой программы могут компенсировать минусы)

  10. Seorubl пишет:

    12 мая 2011 в 8:53 Reply to this comment

    10

    С Notepad++ познакомился более года назад, пользуюсь, очень нравится.

  11. Senior Crasin пишет:

    13 мая 2011 в 7:55 Reply to this comment

    11

    Ни когда не озадачивался сравнением программ данного плана, но начинал с обычного блокнота после которого Dreamweaver показался мне просто верхом инструмента для создания сайтов. В принципе на нем и остановился. Пока, устраивает вполне. Но Notepad++ наверно все же попробую.

  12. Аббат_Кальне пишет:

    07 Июн 2011 в 15:47 Reply to this comment

    12

    думаешь, легкость стоит учитывать?.. винчестер у всех большой, процессоры сильные, оперативки много...

  13. JS-grammer пишет:

    27 Авг 2011 в 9:07 Reply to this comment

    13

    AkelPad с плагинами стабильнее NP++, а по весу меньше в разы, функционал богаче, чем у плюсов, абсолютная (меню, тулбары, горячие клавиши и прочее) настройка под себя, юзабилити — как настроите

    есть ещё HippoEDIT, очень вкусный редактор

  14. vovans пишет:

    04 Окт 2011 в 10:44 Reply to this comment

    14

    За Dreamweaver бил бы по пальцам )))

    основной минус – тяжесть (200-300Мб)

    Не пойму, о чём речь? О распакованной версии? Потому что для скачки на оф.сайте указано лишь 41 мб! Какие 200-300 метров? о_0

    Про фтп это недостаток, если нужно быстро поправить пару файлов и больше к ним не касаться. Или в том случае, если перебираете кучу редакторов в поисках лучшего. Если же с проектом работаете серьёзно, то этол не недостаток. Хотя, конечно, жаль, что оно не индексирует удалённые файлы, а полностью грузит их.

  15. nikolas_sharp пишет:

    04 Окт 2011 в 10:50 Reply to this comment

    15

    @vovans: речь об оперативе...

  16. vovans пишет:

    04 Окт 2011 в 11:02 Reply to this comment

    16

    Хм. Опретивка стоит копейки. Почитать форумы, так мало у кого сейчас меньше 4 гигиов оной. Но даже 2 за глаза. Или вы на нетбуке кодите? Да и нетбук ещё надо днайти с 512 мб мозгов )))

    У меня на работе комп (с которого и пишу сейчас) имеет 2 гб оперативки. Запущен браузер с сотней вкладок. Ест метров 700. НетБинс с двумя проектами есть 300. И ещё куча всего для работы (админ я). Всё нормально работает, недостатка оперативки не ощущается.

    Конечно, если ресурсы ограничуены, надо искать другой редактор. Тот же Vim или Emacs более чем достаточны для веб-разработки )) И весят копейки :)

  17. Артем пишет:

    25 Фев 2012 в 14:49 Reply to this comment

    17

    Сравнивать Netbeans и Notepad — это тоже самое, что сравнивать прогулочный катер с боевым крейсером. Найдется миллион разных случаев, когда один будет на много лучше другого. Банально прокатиться с подружкой вдвоем на боевом крейсере вам вряд ли удасться не смотря на то, что боевой крейсер по сути на много более функционален. 

    Я бы рекомендовал все, кто позиционирует себя «веб мастерами», а не программистами т.е. если вы не слышали и слышать не хотите о объектно ориентированном проектироване, системах контроля версий, паттернах и прочем — забудьте о любых IDE — оно вам не надо.

  18. Alex_pac пишет:

    14 Мар 2012 в 17:06 Reply to this comment

    18

    лучше сразу Notepad++ и одновременно в NebBeans

    один дополняет друго ИМХО

    при правильной настройке писать в Notepad++ одно удовольствие

    вот скриншоты

    tlt-images1.narod.ru/img/4e6144b645038.jpg

    tlt-images1.narod.ru/img/4e6145074e843.jpg

  19. Павел пишет:

    04 Авг 2012 в 23:06 Reply to this comment

    19

    emeditor 

    не плохой )

    Странно, что его никто не упомянул.

  20. Дмитрий пишет:

    09 Мар 2013 в 14:35 Reply to this comment

    20

    Вы не поверите, но мне как фрилансеру, которому приходится быть и кузнецом и жнецом и на гитаре «игрецом»:) после использования NetBeans в течении 2-ух лет (в конце уже от одного вида хотелось рыгать)), Adobe Dreamweaver показался очень ничешным редактором, даже понравился (пришлось только шрифты поменять, чтобы приятнее смотреть было).

  21. nikolas_ sharp пишет:

    09 Мар 2013 в 14:40 Reply to this comment

    21

    @Дмитрий, попробуйте также посмотреть на subleme text 2. Сам я аналогично за годы фриланса что только не делал :) . В данный момент рекомендовал бы либо notepad++, либо более продвинутый во многих планах, но местами без некоторых очень критичных удобств (нормальный менеджер ftp) subleme text 2.

  22. Дмитрий пишет:

    09 Мар 2013 в 15:04 Reply to this comment

    22

    @nikolas_ sharp: да действительно очень легкий, приятный на вид редактор. Отсутствие ftp — не критично, т.к. я тестирую все на локалке (openserver), а потом при помощи filezilla переливаю на хост

  23. Сергай пишет:

    17 Мар 2013 в 18:31 Reply to this comment

    23

    Однозначно notepad. Dremweawer для не умелых вебмастеров. а notepad откроет огромные возможности

  24. ACE пишет:

    07 Авг 2013 в 10:36 Reply to this comment

    24

    Вы говорите про банальные функции.

    Я не юзал нотпад++ и не знаю поддерживает ли он регулярки в поске с заменой но могу сказать что дрим самый функциональный в этом случае, когда одновременно надо и яву и пхп и хтмл и цсс и xml, задолбешься переключать языки (как я понял в нотпаде) А вот когда ты выкупил что идиот который заполнял сайт в одном и том же слове сделал ошибку по всему сайту то на помощь приходит поддержка регулярных выражений в поиске дрима... снял дамп базы, быстренько в дриме с регуляркой заменил все варианты «неправильного слова» на правильное и залил обратно, у меня такая процедура займет 5 минут, а вы задолбетесь через админку сайта исправлять... Да и подсветка непечатных символов чего стоит, а подсветка кода по-моему правильная нафиг такая контрастность как в нотпаде? Вот по поводу посветки открывающего и закрывающего тега или скобки это правда, но думаю скоро исправят это, хоть проблема упирается тока в пхп, ибо тег можно свернуть и развернуть и видно где его начало где конец...

  25. nikolas_ sharp пишет:

    07 Авг 2013 в 11:30 Reply to this comment

    25

    @ACE, сейчас я пользуюсь Subleme Text 2/3. Notepad++ на некоторые ситуации, в которых он оказывается банально быстрее Subleme Text. Например, замена регулярками по огромной БД. И да, регулярки во всех редакторах для кодеров, ясное дело, поддерживаются.

    DreamWeaver это все же, извините, чуть-чуть для домохозяек по сравнению с выше перечисленным. Сидел на всем, так что говорю как все попробовавший.

    НО! Любой инструмент нужен только под задачу. Глупо спорить о том, какой инструмент абсолютно лучше. Всегда нужно отталкиваться только от конкретной задачи. Если вам DreamWeaver'a достаточно, то нЕчего искать альтернативы. Если есть вещи, которые не нравится или не хватает (например одновременное редактирование множества строк как в Subleme Text 2, ZenCoding и пр. и пр.), то стоит посмотреть в сторону Subleme Text 2 или, если вы профильный программист, специализированных IDE со встроенными справками вроде NetBeams.

    Я как ВМ полного цикла нашел все необходимое для меня в Subleme Text 2. Единственное, в чем он слегка лажает — удобство ftp. Но во всем остальном даст фору другим редакторам. Не зря он условно бесплатный.

  26. ACE пишет:

    07 Авг 2013 в 16:04 Reply to this comment

    26

    @nikolas_ sharp: Ну этот Сублайм действительно хорош... Но Дрим уже просто не развивается, грубо говоря 10 лет назад Дрим был, а где были нотпад++ и остальные, в основном все тогдашние проги типа Голайва здохли, а потом начали делать редакторы по чужим инноваторским фишкам... как систему закладок с оперы начали потом все делать, и так-же экспресс панель, всегда опера чета придумает, а потом смотрю у остальных потихоньку появляется как-то возвращение закрытых вкладок... Тока Оперу многие считают галимым браузером, а хром вот быстро работает но его кастрировали просто ужасно, вечный гемор из за него веб-дизайнерам...

    Вывод: То что одним хорошо не всегда хорошо другим...

    P. S. Реально этот Сублайм как снег на голову, тупо никогда не слышал про него, поставил, проверил, вроде все функции что надо для работы... Чует моя жопа я на него очень быстро пересяду :)

  27. nikolas_ sharp пишет:

    07 Авг 2013 в 16:38 Reply to this comment

    27

    @ACE, DreamWeaver вполне развивается по сей день. Ты, видимо, не очень сильно погружен в нюансы современной разработки. Привожу пример из того, что буквально недавно отметил: в Dream увидел готовые встроенные jQuery Mobile шаблоны/сетки, тут же готовые разметки под адаптивный дизайн (fluid grids), встроенный Web Fonts Manager и css3 transitions. В общем, погугли по «DreamWeaver new features» или «DreamWeaver what's new». Это я буквально за 2 минуты нагуглил. То есть вещи, которые только последних год/два набирают обороты, они добавляются все в Дрим. И это на самом деле довольно круто. Другое дело, что я все эти вещи делаю с 0 или беру готовое откуда-то еще, и мне милей все это в коде контролировать, а не в wysiwyg'e наблюдать. Но по факту Дрим следит за тенденциями и внедряет их. Так что о застое, думаю, говорить нельзя.

    Приятного полета с subleme text ;)

  28. ACE пишет:

    08 Авг 2013 в 12:42 Reply to this comment

    28

    @nikolas_ sharp: А че Сублайм не показывает непечатные символы или эту функцию куда-то спрятали?

  29. nikolas_ sharp пишет:

    08 Авг 2013 в 13:05 Reply to this comment

    29

    sublimetext.com/forum/viewtopic.php?f=2&t=3009

    В этом редакторе все можно подстроить под себя, начиная от размера шрифта в таббах и заканчивая самой извращенной мелочью. Правда, добивается это путем небольших колупаний файлов конфигов или даже кодинга. Но в целом во всем этом его прелесть для подкованных пользователей.

  30. Ruson пишет:

    11 Июл 2014 в 12:16 Reply to this comment

    30

    Что с подсветкой начала и конца тега в Дримвивере, неужели так и ничего не придумал никто ? )

  31. learnchik пишет:

    10 Авг 2014 в 13:46 Reply to this comment

    31

    Есть единственное замечание. На самом деле автокомплит в программе работает нормально. Это мы с вами пишем одиночные теги неверно. Например, мы пишем </code> и программа пытается закрыть тег <code>. Но ведь правильное написание этого тега </code>. Попробуйте так написать и программа ничего не предпримет. Тоже самое относится и к <code>. Кстати об этом Вма любой валидатор HTML-разметки подскажет!

  32. learnchik пишет:

    10 Авг 2014 в 13:50 Reply to this comment

    32

    Я писал про NotePad++

  33. nikolas_ sharp пишет:

    10 Авг 2014 в 14:55 Reply to this comment

    33

    @learnchik, чтобы использовать знаки > и < («больше» и «меньше») для тегов, и их не хавал редактор, надо использовать &gt; и &lt; соответственно.

  34. Alex пишет:

    14 Авг 2014 в 16:17 Reply to this comment

    34

    Ещё после продажи проекта Homesite компании Adobe чтобы сделать из него убогий Dreamweaver пробовал все программы из обзора. Остановился на phpDesigner даже лицензию купил. Очень удобный, лёгкий, функциональный. 5 баллов по всем вашим критериям.

Оставьте свой комментарий о материале
(Комментарии со ссылками попадают на модерацию. Остальные не попадают, но я могу удалять те, которые посчитаю бесполезными, не несущими смысловой нагрузки)