В какой программе лучше делать верстку сайта?

Question

[artemfisher]

Добрый день.
Возникла необходимость в изучении HTML5/CSS.
Подскажите, в каком редакторе наиболее удобно верстать?
Dreamweaver?

Comments

[Виталий Першин]

VS Code без вариантов.

Answer 1

[Mikhail Osher]

vscode или webstorm, другие варианты выкиньте.

vscode - как vim, текстовый редактор, простой. Может превратиться в мощную машину через плагины. Кажется идеальным вариантом в Вашем случае.

webstorm - мощная машина, "громоздкий" инструмент для профессиональных разработчиков. Умеет почти все, если не все, однако для простой верстки это как стрелять с пушки по воробьям.

Comments

[Kentavr16]

Плюсую. Вебшторм и пхпшторм очень круто себя показывают при работе с пхп, аналогов не нашел. А вот хтмл/css - vs code с головой хватит.

Answer 2

[Nik Faraday]

Верстать лучше в VS Code, т.к. вы можете накинуть туда много плагинов, которые очень сильно вам могут помочь в этом

Для дизайна лучше используйте Figma

Answer 3

[pantsarny]

WebStorm

Answer 4

[Refguser]

Любой кодерский блокнот. Notepad++, Akelpad и тп.
IDE типа vscode или webstorm хорошие инструменты, но это как ездить в булочную за углом на Камазе.

Comments

[Ankhena]

Чтобы в современном мире верстать в

Notepad++, Akelpad и тп.

это нужно себя очень не любить.
Конечно, можно, но зачем, когда есть гораздо более удобные варианты.

VS Code не люблю, но тем не менее сейчас это лучший вариант. Без плагинов достаточно легкий, чтобы заработать на любом (в адекватном смысле) компе. Можно расширить плагинами на любой вкус под широкий спектр задач.

[Refguser]

Ankhena, и чем же для html/css кодерсие блокноты (тем более для нуба) менее удобнее чем недоИДЕ типа упомянутых? Точно нубу нужно тратить силы/время на изучение ИДЕ, а не html/css? Я очень не уверен.

[Ankhena]

Refguser,
- Нужно вживить в него Emmet
- Заставить подсвечивать ошибки
- EditorConfig
- Нужно научить его понимать синтаксис SCSS.
- Нужно научить закрывать парные теги
- Хотя бы кавычки ставить обе
- Одновременно изменять открывающий и закрывающий тег
- Переходить по клику на класс из html в css. А он не может, потому что без понятия что является проектом.
- Нет терминала
- Нет встроенного гита (может плагинами...)
- Лайвсервера

И ещё на километр список чего там либо вообще нет либо нужно как-то настраивать и обвешивать плагинами.
Мне надоело писать.
Вряд ли после этог он останется быстрым адекватным редактором.

[Refguser]

Ankhena,

- Нет терминала
- Нет встроенного гита (может плагинами...)
- Лайвсервера

Это нубу нафик не нужно и будет только мешать отнимать время на разбирательста.

Остальное почти всё есть. Единственное чего наверное нет (я не видел) так это "переходить по клику на класс из html в css" Согласен, это полезная фича, но нуб её очень не скоро может оценить. Если вообще не забросит это дело..

Зато даже всякие подсказки в ИДЕ и пр будут мешать ИЗУЧАТЬ - писать код.

Я категорически уверен, что нубу нужен инструмент попроще. Иначе он может растеряться, будет отвлекаться на ненужное и тп. Вот когда и если он будет продолжать, то и с ИДЕ познакомиться и с фигнёй, ой, фигмой, будь она не ладна..

[Ankhena]

Refguser, попробуйте поучить новичка маскам без лайвсервера.
Гиту мы учим студентов практически с первого дня. К тому моменту, когда прояснится с версткой, гит уже будет привычным инструментом без паники и стресса.
Также и Фигма начинается сразу.
Терминал да, первые 2 месяца можно пережить без него.

Зато даже всякие подсказки в ИДЕ

Ну конечно, написал widht и сиди 2 часа втупляй. Вместо того, чтобы увидеть подчеркивание неверного свойства и потратить сэкономленное время действительно на изучение.

Но, возможно, ваш опыт обучения другой и вам и вашим студентам удобно делать это в Notepad++

[Refguser]

Ankhena,

Ну конечно, написал widht и сиди 2 часа втупляй. Вместо того, чтобы увидеть подчеркивание неверного свойства и потратить сэкономленное время действительно на изучение.

Смешно до не могу... 2 часа, ага..
Нет, ваши студенты наверно и 2 часа будут втуливать, А почему? Да как раз потому, что вместо того чтобы заставить голову работать (получать ЗНАНИЯ) они будут надеяться на ... ОМГ!!! ПОДСКАЗКИ.. Ты вдумайся студенту - подсказки! Нда...

Но ладно, давай прекратим это бесполезное пикирование. У тебя своё мнение, у меня своё. И друг друга мы не переубедим.

[Сергей delphinpro]

Refguser,

Смешно до не могу... 2 часа, ага..

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

[Refguser]

Сергей delphinpro, вопрос задаёт не опытный, а полнейший нуб. Неужели это так трудно понимать, гуру?

Answer 5

[Николай Екатеринин]

Если для HTML и CSS то могу посоветовать sublime text editor.
В свое время тоже его использовал.
Он не тяжелый, настраивается на подсветку синтаксиса и подсказки можно тоже настроить

Answer 6

[Денис Кузьмин]

Sublime Text + плагин Emmet