Здравствуйте. Хочу изучать сайтостроение и Web-дизайн, но, конечно же, не знаю, с чего начать?

Добрый день.

Современнные сайты - это полноценные приложения (как те. что в телефоне или на компьютере), в отличии от тех сайтов, которыми мы раньше пользовались - часто это были текстовые странички, по типу ворда.

Современные сайты состоят без веб-интерфейса. Он называется Фронтендом. Например здесь, в Яндекс Кью вы пользуетесь сложным интерфейсом, который был разработан целой командой.

Дизайнеры собрали базовый шаблон, расположили кнопки, раскрасили и дале макет верстальщику. Верстальщик разобрал этот макет на отдельные блоки и компоненты, которые можно использовать и переиспользовать. Фронтенд-программисты оживили этот интерфейс. Теперь при нажатии на кнопки появились разные эффекты. Что-то куда-то отправляется, всплывающие окна закрываются и так-далее.

Помимо интерфейса, приложениям нужны мозги или логика. Некие правила, по которым нужно работать с пользователем, обрабатывать команды. Это называется Бэкенд. Он есть даже у компьютерных программ. Например у программы бухгалтерского учета, у фотошопа, у браузера. Когда из веб-интерфейса (фронтенда) отправляются данные, они уходят на Бэкенд. На сервер, который работает с нашими данными. Это и создание вопроса, создание ответа, удаление комментариев и так далее. Чтобы эти данные сохранялись, используется база данных - в ней данные хранятся долговременно, надежно. Бэкенд-программисты описали логику работы Яндекс кью, рассказали фронтендерам куда подключаться, а сами в настроили работу с Базой данных, за которой следят свои специалисты.

А помимо этого есть еще множество людей, которые помогают создавать сайты. Например тестировщики - они проверяют работу сайтов перед тем, как ими будут пользоваться программисты. Менеджеры управляют разработчиками, аналитики изучают потребности пользователей, создают задачи для программистов в понятном для них виде.

Как видите, в современном виде создание сайтов может быть достаточно большим делом. Конечно здесь какие-то моменты и роли могут опускаться. Например как в другом ответе подсказали, есть сервисы, которые позволяют из готовых блоков собрать сайт. Например Ucoz, Tilda, Wix. Для этого программитсы не нужны. Зачастую такими сервисами пользуются бизнесмены, чтобы собрать сайт для продажи своих товаров.

Можно взять менее готовое решение. например есть системы для управления контентом (CMS), чтобы создавать типовые сайты - Wordpress, Joomla, Drupal. Зачастую с их помощью можно создать сайт не прибегая к программированию.

Но за каждое готовое решение нужно платить. Чем более готовое оно, тем труднее что-то изменить для себя. Например добавить модуль для последних новостей, выгрузку постов из Инстаграма, возможность каталога и заказа товаров. Тогда приходится либо на готов программировать. Например Wordpress написан на языке программирования PHP. Соответственно, если нужно что-то доработать, нужно найти специалиста, или изучить самостоятельно этот язык.

При гуглении "как начать делать сайты" вы можете найти следующие аббревиатуры - CSS, HTML, JS и так далее. Бояться их не стоит, они просто представляют собой разные технологии

HTML - это язык гипертекста, разметки. Позволяет создавать из блоков кода элементы на странице.

CSS - каскадные таблицы стилей. Это специальные правила для стилизации блоков и элементов на странице. Например кнопку сделать красной, ширину страницы на весь экран, у картинок добавить фон.

Javascript - это язык программирования. Он используется активно во фронтенде. Например вы нажимаете кнопку и появляется всплывающее окно во вкладке браузера, где можете набрать свой вопрос или ответ. Нажимаете кнопку и текст становится полужирным.

В зависимости от технологий можно создавать разного уровня сайты. Можно создать обычную страничку, на которой будут ваши контактные данные, фото и биография. Если пользователи откроют эту страничку по каком-нибудь адресу (как открывается яндекс ил гугл), это уже можно считать сайтом. А можно создать большой и сложный сайт, как Яндекс Кью, Вконтакте или Авито. Все зависит от возможностей.

Хотите идти в эту сторону? Попробуйте изучать что-то их этих технологий. HTML+CSS, Javascript. Tilda или Wordpress. Как я сказал, это разного уровня технологии и они приведут к разным результатам.

Что касательно Веб-Дизайна - это обширная тема. Некоторые понимают веб-дизайн как рисование страниц, картинок для сайтов. Но по факту это связано с дизайном обычных вещей. Например множество вещей вокруг вас - это продукт дизайнеров. Зачастую такой дизайн прошел множество версий. Я не знаю, что посоветовать на эту тему, разве что книгу «Не заставляйте меня думать» Стива Круга. Она не научит вас прям дизайну, зато заставит задуматься о сайтах, которыми пользуетесь часто. А можно еще добавить сюда книгу Дизайн привычных вещей, Автор:Дональд Норман.