Полюбіть веб. Велика частина розробників любить свою технологію, інтернет і комп'ютери більше, ніж що-небудь інше. Ваше питання тільки на 50% про веб-дизайн, адже програмування сайтів - дещо інша область. Лет ми експлейн.
Якщо хочете займатися веб-розробкою професійно, поступите до ВНЗ, як можна більший або відомий, пов'язаний з інформаційними технологіями, наскільки дозволяють ваші можливості. Це зовсім не обов'язково, але зіграє велику роль колись в майбутньому (зовсім не відразу). Найбільш важливою якістю розробника є досвід участі в будь-яких проектах, портфоліо, яке видно, і його навички. Рідкісні навички часто цінують дорожче. Тому дивіться свій рівень щодо більшості (цей рівень не видно тільки в інтернеті), і намагайтеся завжди вибирати свій власний шлях. У роботі і в інтересах ..
Освойте основи мови розмітки HTML - у нього немає абсолютно ніяких альтернатив. Це не мова програмування, так як він задає безпосередньо контент вмісту сторінок, які ви бачите в мобільних браузерах і браузерах на ваших планшетах і комп'ютерах. Він застосовується не тільки тут, є й інші технології, засновані на мові розмітки гіпертексту (HTML) - наприклад, його синтаксис і принципи покладені в основу багатьох технологій за межами Інтернету, наприклад, макети інтерфейсів для мобільних додатків. Так що прикладна область HTML (і всього поруч) дуже широка.
Де шукати літературу? Які завдання ставити в цілях навчання? Конкретні поради за межами даної відповіді - ви можете задавати більш конкретні питання. Але потрібно пам'ятати, що існують такі чудові сайти як Amazon.com, Google.com, і всілякі форуми, на кшталт StackOverflow.com (є російськомовний розділ), де ви знайдете саме те, що вам потрібно для самонавчання, або можете запитати конкретне питання, який вас цікавить. Якщо зможете сформувати його правильно. Вивчайте англійську мову, без нього у вас взагалі нічого не вийде. А якщо ваш рівень Pre-Intermediate, то ви вже можете освоювати англомовні ресурси і форуми, якщо захочете. Так як IT в основному розвивається за межами РФ, робіть висновки, про те, з якими джерелами ви пізнаєте і не втратите дзен.
Якщо ви хочете освоїти веб-дизайн як такий, тобто робити повноцінні і оригінальний дизайн для сторінок, то вам доведеться додатково зайнятися вивченням таких програм, як Adobe Photoshop, Adobe Illustrator. Непогано б ставити собі конкретні завдання і вирішувати їх, наприклад, робити сайти для портфоліо, які нікому не потрібні, але зате, принесуть досвід. Бачите дизайн? Робите плагіат, вчіться, як це влаштовано, пізніше ви зможете робити своє, і спокійно зможете продавати це - я не займаюся веб-дизайном взагалі, але охоче купую дизайни в різних місцях, коли мені потрібно розробити той чи інший сайт. І плачу я, в першу очердь, за акуратність, атмосферу і оригінальність.
До речі, намагайтеся ніколи не писати багато коду. Це майже талант, і багатьом його складно виробити. Як це не дивно, але якщо ви навчитеся слухати і шукати, то майже все, що вам прийде в голову, вже винайдено, будьте впевнені. Тому привчіть себе до бізнес-логікою, де ваш роль у запуску та управління проектами, а не просто кропіткої роботи, яка з'їдає час. Той же приклад з jQuery - лише приклад того, як найбільш потрібні більшості потреби задоволені у вигляді стороннього js-скрипта, підключеного на міліони сайтів.
Це звичайно добре, вивчати Html + JS + CSS, але рано чи пізно постане питання про конкретний веб-сайті, який ви захочете бачити в інтернеті. Для цього вам знадобиться веб-сервер, основне завдання якого - роздавати веб-сторінки клієнтам. Серверне програмування, або, правильніше говорити, back-end програмування - це зовсім інша сфера. Сервер може включати базу даних, яку захочете ви, виконувати будь-які функції, які захочете ви, але тут вас чекають дещо інші вимоги і завдання. Я б рекомендував подивитися в сторону Django (Python); або Node.js, що не потребує вивчення інших мов, крім того ж JS - як зробили розробники TheQuestion, якщо вам цікаво. Однак серверне програмування річ тонша, і стороннього доведеться вивчати дуже багато. Наприклад, незважаючи на всілякі фреймворки і ORM-обгортки, ви не станете back-end програмістом без знання Linux / bash, мови SQL, HTTP / TCP, фаєрволлов і тому подібного. Хоча для освоєння веб-дизайну можна обійтися значний час звичайними html-файлами, без сервера взагалі. Зрештою, пам'ятайте що у вас дуже великий вибір хостингу в сучасному світі, і розміщувати свої файли і навіть програмувати веб-сервер на орендованому VPS це дуже дешево. Але це знадобитися тільки на тому рівні, коли ви будете чітко розуміти що і як.
Я починав вивчати все вищевказане, керуючи сайтами магазинів на Joomla і Wordpress, на освоєння основ php / html / css / js пішло не більше 7 місяців, якщо не враховувати книги по HTML, C ++, C #, photoshop та php, які я прочитав багато раніше до початку навчання. Моя позиція полягає в тому, що вам треба уникати PHP, через його огидного виду, зайвої простоти, фундаментальних дірках в безпеці і обмеженій області застосування. Так що, якщо хочете, дивіться спочатку всередині, потім під капот різних CMS - готових движків або фреймворків, але тільки на актуальних і сучасних технологіях. Або не йдіть по такому шляху.
Укупі з іншими чудовими відповідями, я впевнений, у вас буде відмінний маршрут на старті. Якщо ви не хочете вчитися на програміста або веб-дизайнера, ви можете створити і запустити особистий сайт без будь-яких глибоких знань в спеціальних комерційних онлайн-конструкторах. Сьогодні це можливо.