Что лучше dreamweaver или
Хотите заработать на своем бизнесе по разработке веб-сайтов, но устали платить огромные расходы Dreamweaver ежемесячно? Оцените лучший вариант – код Microsoft Visual Studio: цельный, с открытым исходным кодом и, как я уже упоминал, БЕСПЛАТНО!
Dreamweaver, запущенный около двух десятилетий назад, был одним из самых крупных релизов Adobe до настоящего времени. Обладая множеством функций и интеллектуальных функций, он покорил индустрию веб-дизайна. Единственная цена, которую пользователи должны были (хотя и должны) платить за этот универсальный пакет, – это огромная абонентская плата. Однако со временем появилось множество альтернативных инструментов Dreamweaver с открытым исходным кодом, которые давали возможность платным инструментам за свои деньги (буквально), но вскоре по той или иной причине были пересмотрены.
Что, если мы расскажем вам об одном таком мощном веб-редакторе, разработанном технологическим гигантом Microsoft, который произвел настоящий фурор в области веб-разработки всего за год после своего запуска? Код Microsoft Visual Studio! (да, мы не говорим о старой Visual Studio). Этот кроссплатформенный редактор с открытым исходным кодом уже дал понять, что он здесь, чтобы остаться и свергнуть крупных игроков. Несомненно, Adobe Dreamweaver предлагает множество интересных функций, которые помогут вам выбрать из них, но с Visual Studio Code, тем же шикарным веб-инструментом, о котором мы говорим, большинство этих функций упакованы для вас абсолютно бесплатно, то есть БЕСПЛАТНО .
Прочтите эту статью, чтобы узнать, как можно получить все преимущества такого замечательного инструмента веб-дизайна, как Dreamweaver, за вычетом высокой цены с помощью Visual Studio Code.
Отладка
Код Visual Studio
Как отладчик, он работает очень быстро и плавно. Вы можете приостанавливать выполнение кода, устанавливать точки останова или вызывать переменные во время выполнения – в общем, полноценная первоклассная платформа отладки. В настоящее время Visual Studio Code обеспечивает поддержку отладки для PHP, CSS, Sass и Less, а также для Node.JS.
Легкость использования
Код Visual Studio
Однако победитель на этом фронте довольно ясен. Visual Studio Code является бесплатным и продолжает быть бесплатным с тех пор, как Microsoft на своем собрании по сборке сообщила, что на данный момент нет планов сделать его платным. Visual Studio Code, даже не предлагая пользователям оплатить единовременную установку, предоставляет почти все функции платных инструментов без лжи WYSIWYG. Эта функция делает его одним из серьезных конкурентов лучшей альтернативы Dreamweaver.
2. BlueGriffon
Представляет собой WYSIWYG CSS редактор, основанный на Gecko – том же движке, что используется в Mozilla Firefox . BlueGiffon регулярно обновляется, и на сегодняшний день это, пожалуй, единственное решение, которое поддерживает HTML5 , а также все современные компоненты CSS . BlueGriffon распространяется под лицензионным соглашением MPL , GPL и LGPL , и доступно для всех современных платформ.
Dreamweaver
Dreamweaver имеет кластерный интерфейс, который сбивает с толку и довольно пугает новых пользователей. Большинство виджетов и строк меню плотно упакованы, фактически полезная функциональность составляет всего 10-20%. Остальная часть графического пользовательского интерфейса выглядит как шум. Если вы начинающий программист, скорее всего, потребуется некоторое время, чтобы привыкнуть к пользовательскому интерфейсу. Однако для опытного дизайнера множество удобств будет предоставлено в виде разделенного представления: кодирование и представление дизайна на одном экране. Не нужно переключать экраны, чтобы видеть изменения в реальном времени.
Бонус: продвинутые текстовые редакторы
Несмотря на то, что подобное решение не совсем подойдет новичкам, многие современные текстовые редакторы вполне подходят для работы над HTML/CSS . Используя продвинутый текстовой редактор в сочетании с современным браузером со встроенным режимом отладки, можно добиться практически той же продуктивности, что и при работе с популярными визуальными редакторами.
- Atom – проект от GitHub , который позиционируется как универсальный текстовый редактор. В нем есть поддержка HTML и CSS , а также доступно множество специальных плагинов;
- Bluefish – простенькая IDE с подсветкой кода, возможностью связывать HTML и CSS . Здесь также имеется функция удаленной загрузки и множество других функций для работы с веб-страницами;
- Vim или Emacs . Чтобы не провоцировать спор среди поклонников этих редакторов стилей CSS , размещу их на одной строке, так как оба редактора подходят для современной веб-разработки.
Можно ли что-то из вышеперечисленных инструментов называть точной копией Dreamweaver ? Безусловно, нет! У всех этих инструментов есть свои сильные и слабые стороны. Веб-дизайн – огромный мир с множеством задач и приложений, к нему могут быть абсолютно разные подходы. Вам просто нужно выделить время на то, чтобы разработать свой подход к разработке веб-страниц, сформировать собственный набор инструментов.
Пожалуйста, опубликуйте свои мнения по текущей теме статьи. Мы очень благодарим вас за ваши комментарии, дизлайки, отклики, лайки, подписки!
Гибкость
Ценообразование
Чтобы Dreamweaver понимал русскую кириллицу необходимо сделать следующие действия:
Чтобы вызвать настройку некоторых параметров, в главном меню откройте пункт Правка , а в нем выберите пункт Настройки .
После этого на экране отобразится окно редактирования параметров. В левой части окна отображаются категории возможных настроек, а в правой – параметры выбранной категории.
Для корректного отображения HTML -документов необходимо указывать кодировку.
Теперь все вновь создаваемые HTML -документы будут поддерживать русские буквы.
Теперь давайте подготовим нашу программу для создания нового сайта:
Выполните команду Веб-сайт èНовый сайт . На экране появится диалоговое окно Настройка сайтов (менеджер сайтов) в нем содержится список созданных сайтов. Пока этот список пуст.
На вкладке Веб-сайт в поле Имя Веб-сайта введите имя сайта.
В поле Локальная папка сайта укажите путь к папке, в которой будут храниться все файлы этого сайта.
Введите название новой папки на английском языке .
При назначении имен файлам необходимо ограничиться цифрами и буквами латинского алфавита и использовать символы только нижнего регистра.
Два раза щёлкните левой кнопкой мыши на созданной папке.
Откроется окно редактора.
В верхней правой части редактора Дизайнер выберите из выпадающего списка вариант настройки рабочего окна Классический.
А теперь давайте приступим к тестовому заданию:
В поле Название введите название страницы для браузера, например, Авторское право
Сделайте разметку главной страницы сайта с помощью таблицы :
Выполните команду Вставка - Таблица. В окне Таблица введите:
В поле Строки количество строк таблицы = 3
В поле Столбцы – количество столбцов таблицы = 2
В поле Ширина таблицы – ширина таблицы = 100 %
Остальные параметры оставьте без изменений.
Объедините ячейки первой строки таблицы, режим HTML выделите всю строку и нажмите на кнопку Объединить выбранные ячейки в диапазон на панели свойств; (или выбрать одноименную команду из контекстного меню).
Или выберите команду меню Изменить - Таблица - Объединить ячейки . То же выбрать из контекстного меню.
Или нажать сочетание клавиш Ctrl+Alt+M.
Оформите строку в Панели свойств: (режим CSS )
В поле Высота – введите высоту строки таблицы = 40.
Выравнивание По горизонтали – По центру
Отметьте галочкой пункт Без переноса .
Введите текст заголовка в ячейку и отформатируйте его: Здравствуйте !
Оформите текст стилем Заголовок 1 . Выделите его или просто установите курсор в любое место
Выберите команду меню Формат - Формат абзаца - Заголовок 1 .
Эти действия можно выполнить из контекстного меню Форматирование абзаца. Или в Панели свойств перейти в режим HTML и выбрать из выпадающего меню Формат è Заголовок 1.
Чтобы выбрать цвет текста, откройте Свойства страницы внизу рабочего окна редактора, выберите категорию Внешний вид (HTML) и в строке Текст выберите желтый цвет для текста.
Заполните ячейку таблицы черным или темно-серым цветом:
На Панели Свойств в окне Фон для определения цвета фона ячейки таблицы, выберите черный цвет из палитры.
Сохраните страницу под именем index.
Посмотрите страницу в браузере.
Для этого в панели Документ щелкните на кнопке Просмотр и отладка в браузере . Можно также выбрать клавишу на клавиатуре F12
Заполните нижние ячейки таблицы ( сведения об авторских правах ):
По аналогии с верхними ячейками, оформите нижние ячейки таблицы, также объединив их в одну ( черный цвет – для фона и желтый цвет – для текста).
Введите текст : Иванов И И.
Цитирование опубликованных материалов на сайте без разрешения автора не допускается.
В поле Высота (на Панели свойств) – введите высоту строки таблицы = 40 (пикс).
Выравнивание По горизонтали - По правому краю.
Выделите фрагмент Иванов И И. Подчеркните текст, для этого выберите команду меню ФорматèСтильèПодчеркивание. Или воспользуйтесь одноименной командой контекстного меню.
Перед фамилией вставьте Специальный символ для обозначения авторских прав. Для этого:
- выберите команду меню Вставка - HTML - Специальные символыèАвторское право.
- на вкладке Текст панели Инструментария объектов кнопка Знакиè Авторское право.
Заполните левую ячейку таблицы (ссылки)
В поле Ширина введите ширину ячейки = 100 (пикс) . или отметьте ширину ячейки с помощью линейки, переместив ее на границу равную 100 пикс.
Выравнивание По горизонтали - По центру
По вертикали – По верхнему краю.
Вставьте в левый столбец ссылки Увлечения, Проекты, Ссылки, Обо мне
Для того, чтобы гиперссылки открывали соответствующие Web-страницы в нужном вам фрейме, надо правильно установить параметры Цель (цели гиперссылок).
В выпадающем списке Цель есть разные значения параметра:
Blank – загружает страницу в новом окне Web-обозревателя;
Parent и top - загружает страницу в само окно обозревателя, т.е. страница заменит собой весь набор фреймов.
Self - загружает страницу в текущий фрейм (в котором находится гиперссылка)
Заполните основное содержимое – средняя ячейка таблицы.
Выравнивание По горизонтали - По левому краю
По вертикали – По верхнему краю.
Меня зовут Иванов Иван Иванович. Я вольный Web-дизайнер. А это мой личный Web-сайт, который я сделал сам в программе Dreamweaver.
Оформите стилем Заголовок 2 , в Панели свойств перейти в режим HTML и выбрать из выпадающего меню Формат è Заголовок 2.
Введите приведённые ниже строки маркированного списка и оформите стилем Заголовок 3.
Сделайте выравнивание по левому краю
Создайте маркированный список (перечисления), предварительно выделив текст и нажав на кнопку Неупорядоченный список на Панели свойств :
На этом сайте вы можете прочитать:
§ о моих увлечениях
§ о выполненных мной проектах
§ подробнее обо мне, любимом
Чтобы изменить вид маркеров, выделите маркированный список и выберите команду меню Формат - Список - Свойства.
В окне Свойства списка в строке Стиль из выпадающего списка выберите один из вариантов маркера.
То же можно выбрать из контекстного меню маркированного списка.
Перед текстом: На этом сайте вы можете прочитать: вставьте горизонтальную разделяющую линию.
- выберите команду меню Вставка - HTML - Горизонтальная линия.
Или вставьте линию с помощью тега HR , выделите ее и на Панели с войства можно отредактировать ширину горизонтальной линии. (Цвет для линии можно задать с помощью опции тега HR – color).
Выровняйте линию по Центру , щелкнув по кнопке Align Center на панели Properties .
По аналогии с предыдущими ячейками, оформите среднюю ячейку таблицы (черный цвет – для фона и желтый цвет – для текста).
В итоге должно получится вот такое чудо:
Для тех кому мало текстовой части, и он хотел бы видеть больше скриншотов процесса обучения пишите в комментариях и если желающих наберется много, то я подготовлю статью с картинками.
Если Вам, как и мне интересно постоянно изучать новое подписывайтесь на мой канал и давайте учится вместе!
Несколько лет назад практически все веб-страницы создавались вручную. Это было очень сложно, и до того момента, пока во всех популярных браузерах не появилась поддержка CSS , большая часть разметки создавалась на основе HTML-таблиц :
Несмотря на то, что некоторые дизайнеры сумели приспособиться к полностью ручному написанию HTML , WYSIWYG CSS редакторы стали стремительно набирать популярность среди новичков и профессионалов.
Программные продукты наподобие CoffeeCup , HotDog , FrontPage , GoLive буквально заполонили рынок, а также появилось множество веб-версий WYSIWYG-редакторов . Среди наиболее профессиональных можно отметить Macromedia ( позже Adobe ) Dreamweaver , которым я пользовался много лет.
Функционал подобных инструментов не ограничивался лишь визуальным редактором. В них предусмотрена возможность управления шаблонами, файлами, что позволяло существенно сократить время, необходимое для создания функционального кода.
Развитие редакторов кода привело к появлению так называемых систем управления контентом ( CMS ), наиболее известными из которых являются WordPress и Drupal . Они позволяют полностью избавиться от ручного редактирования кода за счет использования “ модульного ” подхода при создании веб-страниц и сайтов.
Получается, что появление CMS полностью изменило веб? Абсолютно верно! Сегодня практически каждый сайт базируется на готовой платформе. Каждая социальная сеть, и даже оформление большинства мобильных приложений основано на HTML и CSS . А что же сами системы управления контентом? Для их работы по-прежнему нужны шаблоны.
И хотя сегодня создано множество удобных библиотек, которые как бы стандартизируют и упрощают процесс веб-разработки, вряд ли мы в ближайшее время сможем полностью исключить ручное редактирование кода.
Профессиональные редакторы CSS до сих пор в почете, но сегодня можно найти много удобных альтернатив, которые распространяются бесплатно. Сегодня мы рассмотрим четыре альтернативных редактора кода.
Dreamweaver
Dreamweaver отлично справляется с отладкой и оптимизацией кода как на языках, подобных HTML, так и на более сложных динамических языках, таких как JavaScript. Параметр «Проверка совместимости браузера» в Dreamweaver позволяет выполнять отладку кода для любых значений CSS, которые изначально могут не поддерживаться целевыми браузерами.
Код Visual Studio
Код Visual Studio
Visual Studio Code остается одним из лучших редакторов для разработки node.js. Он предоставляет множество функций, которые упрощают веб-разработку, такие как параллельное редактирование, обширная палитра команд, предварительный просмотр Markdown и т.д. Минусы этой ниши включают отсутствие определенных возможностей автоматического отступа и надлежащей интеграции веб-шрифтов, как в Dreamweaver.
Ключевые особенности кода Visual Studio:
Автозаполнение кода получило новое определение с появлением IntelliSense в Visual Studio Code. Эта готовая к работе функция – это больше, чем просто подсказки для других альтернативных инструментов Dreamweaver. Она включает в себя рефакторинг кода, выделение синтаксиса, интеллектуальные предложения на основе различных модулей и переменных. Более того, почти все языки программирования, такие как Javascript, CSS> HTML, Sass и Less, поддерживаются IntelliSense.
Visual Studio Code нацелен на надежную поддержку отладки PHP, что отсутствует в Adobe Dreamweaver. Вы можете отлаживать код прямо из самого редактора. Что еще более важно, теперь вы можете использовать точки останова при отладке, просматривать стек во время выполнения и иметь интерактивную консоль.
Интеграция с Git встроена прямо в редактор кода Visual Studio. Эта функция интеграции работает как удаленно, так и локально для разрешения конфликтов и решения задач контроля версий. После инициализации Git вы можете выполнять различные команды, такие как pull, push, совершать коммиты, прямо из редактора и отражать изменения в файле.
Dreamweaver
Изрядно переплачено. Последняя версия Dreamweaver CC стоит единовременная плата в размере 239,88 долларов США. Кажется, что на один инструмент можно потратить много денег, особенно если у вас есть множество бесплатных программ, таких как Dreamweaver. Кроме того, вы можете вносить ежемесячную абонентскую плату, которая включает 30-дневную пробную версию, а затем – коммерческую. На всякий случай, в пробной версии разблокированы только основные функции HTML-редактора. Даже если вы решите использовать платную версию, многие функции все равно останутся неиспользованными, и, в конце концов, похоже, что за некоторые функции, которые разработчики даже не используют, приходится много платить.
1. Aptana Studio
Это может показаться странным, но первую строчку сегодняшней подборки занимает совсем не WYSIWYG-редактор . Aptana Studio представляет собой бесплатный инструмент для разработки сайтов. Это IDE ( интегрированная среда разработки ), ориентированная на создание веб-проектов.
Основанная на проекте с открытым исходным кодом Eclipse , Aptana Studio предоставляет инструменты для работы с HTML и CSS-кодом , которые умеют подсвечивать синтаксис и завершать за вас код, помогают отладить его. Одно из важнейших преимуществ данного редактора – поддержка JavaScript , которая делает его пригодным для разработки комплексных веб-приложений.
Последний обзор отрасли – действительно ли VSC затмевает Dreamweaver?
Согласно статистике Stackoverflow Developer Survey 2017, Visual Studio Code вошел в пятерку лучших претендентов на роль предпочтительного инструмента веб-разработки и настольных приложений для разработчиков.
Он также заслужил доверие экспертов как одна из лучших альтернатив Dreamweaver. Кроме того, Visual Studio Code удалось занять особую нишу в отрасли. Есть большая вероятность, что в ближайший год или около того код Visual Studio заменит Atoms, тот самый инструмент, на котором он был построен.
4. Что-нибудь из старых редакторов
Стоит отметить, что некоторые из старых инструментов вполне подходят для разработки современных веб-проектов, хотя их последние релизы были уже несколько лет назад. Вокруг некоторых редакторов даже сформировались свои сообщества:
- Amaya – визуальный редактор CSS от W3C , который в последний раз обновлялся в 2012 году, поддерживает HTML 4.01 ;
- Komposer – ответвление, созданное сообществом редактора Nvu . Этот редактор оснащен поддержкой WYSIWYG , последняя версия выпускалась в 2007 году;
- Maqetta – браузерный редактор с поддержкой HTML5 , последняя версия от 2013 года;
- Nvu – кроссплатформенный редактор, на базе которого был выпущен KompoZer , обновлений не было уже много лет;
- Quanta Plus – интегрированная среда разработки, созданная специально для работы с HTML , CSS и другими веб-технологиями. Последнее обновление вышло в 2009 году.
Веб-разработка
Как индустрия веб-дизайна относится к этой альтернативе Dreamweaver?
Что разработчики думают о Visual Studio Code? Visual Studio Code вызвал определенную любовь среди людей, работающих с JavaScript, и превратился в нечто большее, чем просто прихоть. Быстро набирающий популярность, большинство разработчиков рассматривают его как совершенно новый текстовый редактор, требующий больших возможностей для улучшения. В последние месяцы база пользователей Visual Studio Code быстро увеличилась как с точки зрения действующих веб-сайтов, так и дополнительных веб-сайтов, которые исторически использовали Visual Studio Code. Если верить цифрам, рыночная доля Visual Studio Code почти удвоилась, как это было при ее запуске. Добавьте к этому тот факт, что он получил достаточно широкое распространение как бесплатная альтернатива Dreamweaver. Хотя некоторые эксперты могут возразить, что всегда было несколько отличных бесплатных программ, таких как Dreamweaver (Netbeans, Sublime Text, Eclipse),
Dreamweaver
Функция выделения кода – это простой способ одновременно быстро сканировать и компилировать код. Благодаря заметно различающемуся набору подсветки для разных кодов становится легче отличить HTML от других динамических языков. Минусы Dreamweaver включают раздутые фрагменты кода, громоздкий код и слишком много тегов абзацев в вашем коде.
Сегодня мы с вами познакомимся с программой для создания дизайна сайта, так же его редактирования Adobe Dreamweaver.
В прошлой статье « Photoshop вставка молнии на картинку » мы с вами научились создавать молнию и вставлять её в любое изображение.
Кроме этого в конце статьи я обещал показать, как можно в Photoshop создать солнце и шар, но друзья в последнее время я увлекся программой Adobe Dreamweaver и поэтому сегодня я расскажу вам о своем первом знакомстве со столь полезной программой.
Мне она интересна именно как средства для создания дизайна сайта.
В своих тренировках я использую версию CS6.
Для начала давайте в двух словах опишу программу и ее назначение:
Dreamweaver, является визуальным HTML-редактором, позволяет переключаться в режим ручного редактирования кода, осуществляя взаимосвязь между визуальным представлением страницы и ее исходным кодом.
Конечно, как и в любой другой программе изучение необходимо начинать с настроек и внешнего вида.
Настройка программы для создания сайта
Запустите редактор Adobe Dreamweaver:
Нажмите Пуск - Программы - Adobe - Adobe Dreamweaver. После запуска Dreamweaver откроется окно стартовой страницы. С его помощью можно открывать используемые файлы, создавать новые файлы, а также получить доступ к различным ресурсам программы .
В открывшемся окне с возможностью выбора дальнейших действий пользователя в разделе Создать выберите HTML
В окне программы для переключения между режимами отображения и редактирования HTML -документа предназначены три первые кнопки на панели инструментов.
Дизайн, отобразится поле документа. Все основные действия при создании и редактировании HTML-страницы производятся в поле документа.
Вот примерно так выглядит основное рабочее окно программы.
3. Seamonkey
Это сообщество, которое до сих пор поддерживает проект Internet application suite , когда-то запущенный Mozilla . Seamonkey продолжает выпускать релизы, причем в полном комплекте, в который входит и WYSIWYG HTML-редактор Seamonkey Composer .
Несмотря на то, что последний релиз был совсем недавно, нельзя сказать, что Composer обновляется на регулярной основе. Но все же поддержка еще есть, и этот набор инструментов вполне можно назвать хорошим выбором для новичков.
DreamWeaver
Быстрое сравнение обоих
Атрибут | Dreamweaver | Код Visual Studio |
Ценообразование | Сильно завышена цена | Бесплатный |
Поддержка IntelliSense | Нет | Всегда включен |
Прямая трансляция | Позволяет разделить представление о коде и дизайне | Лишенный этой функции |
Кривая обучения | Кривая обучения | Нежный и гладкий |
Память, необходимая для установки | Память, необходимая для установки | Менее 100 МБ |
Отладка PHP, JavaScript, Sass, Less, Node.Js | Нет | да |
У Dreamweaver действительно есть серьезный конкурент в лице Visual Studio Code?
Если что-то ясно из приведенной выше таблицы, так это то, что Microsoft проделала огромную работу по разработке блестящего программного обеспечения для веб-дизайна с открытым исходным кодом, такого как Dreamweaver. В случае любых сомнений, которые все еще сохраняются, мы дадим вам ниже по пунктам сравнение двух в различных областях для лучшего анализа.
Код Visual Studio
Одним из преимуществ Visual Studio Code над Dreamweaver является его «элегантный на вид, естественный для кода» интерфейс. Чтобы привыкнуть к этому интерфейсу, не требуется навыков программирования высокого уровня. Кроме того, в Visual Studio Code включен встроенный атрибут Task Runner, который обеспечивает большое удобство для пользователей. Хотя при всем удобстве использования, эта альтернатива Dreamweaver по-прежнему остается просто более тонким текстовым редактором, а не полноценной IDE, в отличие от первого.
Код Visual Studio
Visual Studio Code обладает широкими возможностями настройки благодаря своей природе с открытым исходным кодом. Однако слабым местом Visual Studio Code, немного ограничивающим его гибкость, является невозможность открыть два или более проектов в общей рабочей области. Для продвинутых разработчиков и дизайнеров быстрое переключение между рабочими областями может стать головной болью. Он также может отключить некоторых пользователей, мигрирующих в систему.
Вывод
Подводя итог, можно сказать, что Visual Studio Code от Microsoft становится серьезным конкурентом платным редакторам и зарекомендовал себя как шикарная альтернатива Dreamweaver с открытым исходным кодом. Конечно, он все еще молод на стадии бета-тестирования и немного груб по краям. Но, учитывая скорость, с которой она развивается, Microsoft дала понять, что она здесь надолго. И Dreamweaver, и Visual Studio Code – эффективные, но тяжелые редакторы веб-разработки, используемые для создания шаблонов и тем. Однако, если вы ищете быстро развивающееся и легкое программное обеспечение для создания тем, которое также может удобно работать с множеством плагинов WordPress, программное обеспечение для веб-дизайна TemplateToaster – ваш спаситель. Это ваш универсальный редактор, который можно использовать для разработки шаблонов с минимальными усилиями и набором функций.
Когда-то дримвивер был отличной программой, которая сочетала достоинства визуального и профессионального редактирования.
С тех пор многое изменилось, технологии усложнились, и полноценная разработка в визуальных редакторах потеряла смысл.
Последний раз я видел дрим в работе лет 15 назад, да и то больше по привычке. Уже тогда этот подход был устаревшим.
archelon, так визуальная часть просто дополнение, не большое. Если ее отключить, что в нем устаревшее. Если можно конкретно.
В первую очередь, нужно понимать, зачем вам редактор. Если вы верстаете или пишете бэк это разные вещи. Есть разный уровень задач. На минимальном уровне всёравно на чём писать. А как быть, если мне нужен фронт на react? Например саблайм или вскод позволяют писать и полноценно работать с фронтом на любом фреймворке. У дримвивера тут будут большие проблемы. Как на счёт интеграции с тестами? Можно ставить брейк поинты, вести отладку прямо в редакторе? На любом языке? Я пишу в среднем на 5 языках, если не считать вёрстки. Любой бесплатный редактор позволяет это делать. Визуальный редактор как и лайв просмотр - хлам. В реальности один хрен нужны все браузеры и все ОС. Плюс мне удобно с консолью в редакторе, которая связана с гитом, который в свою очередь в трелло и жире закрывает хадачи вместе с коммитом. Дримвивер не может? Жаль, а вскод бесплатный, быстрый, может это и ещё кучу всего что мне нужно и не перегружен говном, которое не нужно не только мне но и вообще никому. Можно пользоваться? Конечно. Хуже? Ну я пользуюсь 4 разными редакторами, потому, что даже у шторма есть недостатки. Дримвивер отстал и устарел. Всё, что реально нужно для работы, давно бесплатно. Платный редактор должен творить магию, по этому, профессионалы берут шторм. Он реально очень крут и платит тебе, когда ты его осваиваешь. Но, если для твоих задач достаточно дримвивера и он тебе удобен, пользуйся. Адобе умеет делать классные штуки, поддержи их. Простите, с мобилы боль писать(
Я понимаю, что насильно мил не будешь. По большому счету, можно и Dw оставить, но сейчас я не слышу веских аргументов за Dw.
Помогите разобраться — в чем киллфича Dw? Что есть такого, чего нет в WebStorm. Лично пробовал оба продукта, но видимо поверхностного сравнения недостаточно.
- Вопрос задан более трёх лет назад
- 13751 просмотр
Оценить 1 комментарий
Это совсем разные инструменты, dw — редактор, webstorm — ide. Это как например у него есть сейчас микроволновка с двумя ручками, время и мощность. И она отлично греет еду, и больше от неё ничего не нужно. А вы ему хотите дать с кучей режимов, грилем, обдувом со всех сторон и панелью управления как у звездолёта.
Если ему не нужно писать разухабистый js, то вы ему сильно снизите скорость, если перетащите с dw и не факт что со временем она вернётся к текущей.
Я знаю только self-kill фичу Dw — визуальный редактор html, который жутко гадит в коде, и за использование которого некоторым коллегам хочется бить линейкой по пальцам)
Некоторым вообще удобнее верстать в блокноте, например в sublime text и больше ничего не нужно в жизни, но конечно когда ты верстал только в Dreamweaver блокнот покажется чем-то страшным.
Предложите верстальщику в качестве эксперимента перейти на Webstorm на месяц, можно добавить немного финансовой мотивации.
Да, про месяц я уже думал. Но сначала хотел бы для себя понять что к чему. Т.е. хочу сделать предложение с какой-то аргументацией
Нет никаких принципиальных преимуществ у Dreamweaver.
Это как выбор между Windows и Mac OS, да — они разные, да — одна в чем-то удобнее другой, но на обоих можно работать эффективно, вопрос предпочтений, привычки.
sshz: господи, да это пожалуй те слова, которых мне не хватало, чтобы перестать думать о Mac\linux\etc. и начать жить.
я считаю, что вам надо бросить вашу затею. В чём вообще смысл пересаживания этого? Какую проблему вы хотите решить?
Удобство для дизайнера — это киллер-фича, не требующая дополнительных аргументов.
Не дизайнера, а верстальщика, но мысль поддерживаю — удобство — это хорошо. Работать надо в комфорте. Одно «но»: работаем мы в компании. У компании есть свои интересы. И сейчас интерес в том, чтобы купить лицензию WebStorm. Это первое.
Второе, уже писал выше — не услышал от коллеги явных аргументов за Dw.
С вашим верстальщиком всё в принципе ясно, он использует Dw потому, что привык. Потому нужно скорее показывать ему киллер фичи Webstorm. Причем именно, что показать, как минимум несколько роликов показать, с тем же LiveEdit. Чтобы он увидел что какие-то его действия можно делать быстрее и удобнее. А просто так посадить его за WebStorm на месяц толку мало будет, т.к. без желания изучить его расширенные возможности, он будет воспринимать его, как Dw с непривычным интерфейсом.
zapimir, во всем согласен. Мысли примерно те же. Хочется понять разницу Dw и WebStrom, чтобы не просто показать плюсы последнего, но и рассказать что все есть )
Dreamweaver нативный и красивый, WebStorm — на Java и страшный.
Я его очень понимаю. Но сам пользуюсь WebStorm :(
Долгое время сидел на Dw, потом пересел на WebStorm, о чем не жалею ни разу. Например тут не надо каждый раз тыкать ctrl+s, все автоматически. Удобнейшая интеграция со всеми возможными системами контроля версий. Куча вариантов подсветки кода, проверки кода, в 6-ой к тому же добавили всякие LESS, SASS, CofeeScript и т.п. Так что любой верстальщик найдет в нем удобство для себя. + все настраивается. Я когда пересел на него с Dw — настроил подсветку кода точно так как в Dw и вообще безболезненно все прошло.
Поддерживаемые технологии и языки
Dreamweaver
Единственной основной причиной популярности Dreamweaver по-прежнему является WYSIWYG (что вы видите, то и получаете), то, что многие программы, подобные Dreamweaver, не включают в свои продукты.
Новым разработчикам становится легко видеть изменения в реальном времени без необходимости во внешнем браузере.
Кроме того, каждые два-три года Adobe выпускает новую версию Dreamweaver, которая предоставляет множество новых добавленных функций.
Читайте также: