Что же нужно, чтобы стать настоящим web-мастером, какие технологии изучить?
Первое, что просто обязательно нужно знать любому начинающему веб-мастеру, да и просто, каждому современому человеку — это изучить основы языка разметки — HTML . На данный момент это уже HTML5. Параллельно нужно изучать язык форматирования CSS, поскольку мало того, чтобы просто разметить страницу — то есть указать для браузера, где заголовок, где ссылка, а где сам текст статьи и картинки. Нужно чтобы это все еще и красиво выглядело — для этого, как раз и используется язык форматирования CSS. Раньше такого разделения не было, и все делалось через разметку. Но время все расставило на свои места, оказалось, что по многим причинам гораздо удобнее иметь два языка разметки, чем один. Причем, как правило сама страница сайта и ее оформление — это 2 отдельных файла с расширением html и css соответственно.
Изучив этот фундамент, можно приступить к изучению основ адаптивной вёрстки сайтов. Сейчас все больше людей заходят в интернет с разнообразнейших устройств — телефонов, планшетов, часов, электронных книг. У каждого из этих устройств свое разрешение экрана, и на каждом из них сайт должен выглядеть нормально и быть удобным в использовании.
Зная все это уже можно делать прекрасные адаптивные сайты. Но они будут статичными. Нужно вдохнуть в них жизнь, настроить на взаимодействие и пользоателем. Так что впереди предстоит более сложное задание — изучить основный язык веб-программирования для оживления — JavaScript. Это уже настоящее программирование, и если до этого вы не имели к нму никакого отношения, то придется разобраться с многими новыми ключевыми понятиями — циклами, операторами, переменными, функциями, объектами, массивами и прочими вещами. Но JavaScript считается несложным языком, так что дорогу осилит идущий! Кроме того, в последнее время появилось множество различных фреймворков, которые существенно облегчают жизнь разработчикам. Так что не лишим будет ознакомится с jQuery — очень популярная библиотека для языка JavaScript, которая содержит много готовых шаблонов и облегчает разработку сценариев. Кроме того, существуют решения, существенно ускоряющие верстку, например, фреймворк Bootstrap — HTML, CSS и Javascript фреймворк для быстрой и удобной Web-разработки.
Ну а теперь на горизонте появляются уже язык программирования PHP, а также придется разобраться с работой баз данных MySQL. Это задание еще посложнее. Тут уже начинается так называемый бэк-энд, то есть программирование на стороне сервера. Здесь тоже появилось большое количество фреймворков. Кроме того, это далеко не единственный вариант языков для серверного программирования, есть и масса других языков программирования. Все зависит от того, в каком регионе вы собираетесь работать, так как на западе PHP не так популярен.
Но, как правило, в больших веб-студиях серверным программированием занимается другой человек.
Тут нужно сказать, что в принципе, достаточно отлично знать HTML/CSS, адаптивную верстку и основы JavaScript, чтобы попытать устроится на работе HTML-верстальщика. Остальное можно знать в общих чертах, чтобы иметь возможность вносить небольшие правки в шаблоны сайта. На данном этапе, как правило, все используют уже готовые CMS: WordPress, Joomla, Drupal, Битрикс, ну и понемножку другие. А для них разрабатывают тему. Это гораздо проще и эффективнее с точки зрения дальнейшего администрирования сайта и добавления контента.
Но кроме этого, нужно уметь управляться и с такими монстрами для обработки фотографий, как Adobe Photoshop (не помешает знать и Illustrator), ну и/или его основной конкурент — CorelDraw в частности Photo-Paint. Макеты будущих сайтов как правило, делают с их использованием, а задача верстальщика — перенести дизайн из макета на сайт.