Начинающего разработчика сайтов (даже верстальщика) на пути становления опытным «Senior» ожидает ряд трудностей. Это и выбор редактора, и подготовка собственной сборки и нюансы кодинга.
В настоящее время существует большой выбор программ для разработки сайтов, но все они делятся на два типа: визуальные (WYSIWYG) редакторы, где все элементы подобно MS Word легко и непринужденно размещаются на странице и текстовые редакторы кода.
Визуальные (WYSIWYG) редакторы
Позволяют «на ходу» видеть все вносимые в дизайн изменения подобно тому, как работает редактор MS Word. Соответственно, изменение шрифтов, размеров или цвета производится путем выделения объекта и нажатия на соответствующий пункт меню.
Наиболее известные представители
- Macromedia Dreamviewer (с 2008 года переименована в Adobe Dreamviewer);
- Adobe Muse;
- Microsoft Office SharePoint (до MS Office 2007 называлась Microsoft FrontPage);
- WYSIWYG Web Builder;
Избежать головной боли с созданием сайта в Киеве поможет студия https://webplus.com.ua/. Webplus занимается не только разработкой, но и продвижением и поддержкой сайтов.
Особенности визуального кодинга
- Удобно делать макеты и шаблоны (еще удобнее в Adobe Photoshop);
- Добавляет кучу ненужного кода, который, в идеале нужно вычищать;
- Нет нормально привязки к CSS стилям. Если пользователь не разбирается, то каждый последующий элемент создается, как новый со своими собственными стилями, часто прямо в HTML коде.
- Вызывают привыкание и нежелание пользователя развиваться в данном направлении;
Текстовые редакторы кода
Опытные верстальщики не признают и никогда не признают визуальные редакторы. Свести воедино и посадить на CMS шаблон, сгенерированный в WYSIWYG редакторе может оказаться той еще задачей, а последующие правки или смена стилей сразу на всем проекте потребует внесения значительных правок в код.
Наиболее известные представители
- Sublime Text;
- Notepad++;
- Brackets;
- VIM;
Работа с графикой
Несомненным лидером у веб-разработчиков по графике является Adobe Photoshop, но он уже не используется в тех объемах, как 5-10 лет назад, когда было модно делать выпуклые кнопки, рисуя их в виде градиента и вырезая полоску толщиной в 1 пиксель с последующим повторением ее в коде.
Концепция современного дизайна сайтов стремится к максимальному исключению графических элементов. Актуальный на текущий момент Material Design, по своей сути, является минимализмом и не признает ничего лишнего, кроме монолитного цвета и аккуратных теней (не всегда).
Поэтому, современным верстальщикам и дизайнерам, отчасти, проще, чем 5-10 лет назад, когда в моде были фоновые картинки и анимация на всех этапах. А появление готового фреймворка Fontawesome для иконок свело работу Фотошопа к рисованию в нем макета будущего сайта.
Логотип не всегда удобно рисовать в PS т.к. здесь его нужно собирать с нуля. Например, AAA Logo имеет огромный набор элементов именно для логотипа.
Языки разработки
Примитивная верстка сайтов легко обойдется лишь HTML и CSS, но таких проектов практически не осталось и придется также осваивать азы javascript и JQuery.
Для работы с движками сайтов (CMS) также понадобится понимание основ PHP и чтение кода SQL.
Комментарии