В какой программе лучше делать верстку сайта?
Добрый день.
Возникла необходимость в изучении HTML5/CSS.
Подскажите, в каком редакторе наиболее удобно верстать?
Dreamweaver?
Дополнительно:
VS Code без вариантов.
vscode или webstorm, другие варианты выкиньте.
vscode - как vim, текстовый редактор, простой. Может превратиться в мощную машину через плагины. Кажется идеальным вариантом в Вашем случае.
webstorm - мощная машина, "громоздкий" инструмент для профессиональных разработчиков. Умеет почти все, если не все, однако для простой верстки это как стрелять с пушки по воробьям.
- Плюсую. Вебшторм и пхпшторм очень круто себя показывают при работе с пхп, аналогов не нашел. А вот хтмл/css - vs code с головой хватит.
Верстать лучше в VS Code, т.к. вы можете накинуть туда много плагинов, которые очень сильно вам могут помочь в этом
Для дизайна лучше используйте Figma
WebStorm
Любой кодерский блокнот. Notepad++, Akelpad и тп.
IDE типа vscode или webstorm хорошие инструменты, но это как ездить в булочную за углом на Камазе.
- Чтобы в современном мире верстать в
Notepad++, Akelpad и тп.
это нужно себя очень не любить.
Конечно, можно, но зачем, когда есть гораздо более удобные варианты.VS Code не люблю, но тем не менее сейчас это лучший вариант. Без плагинов достаточно легкий, чтобы заработать на любом (в адекватном смысле) компе. Можно расширить плагинами на любой вкус под широкий спектр задач.
- Ankhena, и чем же для html/css кодерсие блокноты (тем более для нуба) менее удобнее чем недоИДЕ типа упомянутых? Точно нубу нужно тратить силы/время на изучение ИДЕ, а не html/css? Я очень не уверен.
- Refguser,
- Нужно вживить в него Emmet
- Заставить подсвечивать ошибки
- EditorConfig
- Нужно научить его понимать синтаксис SCSS.
- Нужно научить закрывать парные теги
- Хотя бы кавычки ставить обе
- Одновременно изменять открывающий и закрывающий тег
- Переходить по клику на класс из html в css. А он не может, потому что без понятия что является проектом.
- Нет терминала
- Нет встроенного гита (может плагинами...)
- ЛайвсервераИ ещё на километр список чего там либо вообще нет либо нужно как-то настраивать и обвешивать плагинами.
Мне надоело писать.
Вряд ли после этог он останется быстрым адекватным редактором. - Ankhena,
- Нет терминала
- Нет встроенного гита (может плагинами...)
- ЛайвсервераЭто нубу нафик не нужно и будет только мешать отнимать время на разбирательста.
Остальное почти всё есть. Единственное чего наверное нет (я не видел) так это "переходить по клику на класс из html в css" Согласен, это полезная фича, но нуб её очень не скоро может оценить. Если вообще не забросит это дело..
Зато даже всякие подсказки в ИДЕ и пр будут мешать ИЗУЧАТЬ - писать код.
Я категорически уверен, что нубу нужен инструмент попроще. Иначе он может растеряться, будет отвлекаться на ненужное и тп. Вот когда и если он будет продолжать, то и с ИДЕ познакомиться и с фигнёй, ой, фигмой, будь она не ладна..
- Refguser, попробуйте поучить новичка маскам без лайвсервера.
Гиту мы учим студентов практически с первого дня. К тому моменту, когда прояснится с версткой, гит уже будет привычным инструментом без паники и стресса.
Также и Фигма начинается сразу.
Терминал да, первые 2 месяца можно пережить без него.
Зато даже всякие подсказки в ИДЕ
Ну конечно, написал widht и сиди 2 часа втупляй. Вместо того, чтобы увидеть подчеркивание неверного свойства и потратить сэкономленное время действительно на изучение.
Но, возможно, ваш опыт обучения другой и вам и вашим студентам удобно делать это в Notepad++
- Ankhena,
Ну конечно, написал widht и сиди 2 часа втупляй. Вместо того, чтобы увидеть подчеркивание неверного свойства и потратить сэкономленное время действительно на изучение.
Смешно до не могу... 2 часа, ага..
Нет, ваши студенты наверно и 2 часа будут втуливать, А почему? Да как раз потому, что вместо того чтобы заставить голову работать (получать ЗНАНИЯ) они будут надеяться на ... ОМГ!!! ПОДСКАЗКИ.. Ты вдумайся студенту - подсказки! Нда...Но ладно, давай прекратим это бесполезное пикирование. У тебя своё мнение, у меня своё. И друг друга мы не переубедим.
- Refguser,
Смешно до не могу... 2 часа, ага..
ни разу не смешно.
С такими "ошибками" даже сюда приходят, после 2 часов тупняка.
И даже не говоря про новичков, опечататься может любой, даже опытный разраб, особенно под конец рабочего дня. И если редактор кода не может указать на банальную опечатку, то лучше выбрать другой. - Сергей delphinpro, вопрос задаёт не опытный, а полнейший нуб. Неужели это так трудно понимать, гуру?
Ответы:
Если для HTML и CSS то могу посоветовать sublime text editor.
В свое время тоже его использовал.
Он не тяжелый, настраивается на подсветку синтаксиса и подсказки можно тоже настроить
Sublime Text + плагин Emmet
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
При выборе программы для верстки сайта важно учитывать не только личные предпочтения, но и потребности проекта, уровень опыта верстальщика, а также возможности выбранного инструмента. Вот несколько популярных программ, которые часто используются для верстки сайтов:
1. **Adobe Dreamweaver**: Это один из самых известных инструментов для верстки сайтов. Dreamweaver предоставляет широкие возможности для работы с кодом HTML, CSS и JavaScript, а также имеет удобный визуальный редактор. Этот инструмент подходит как для новичков, так и для опытных верстальщиков.