Web tasarım ve web programlama farklı şeyler. Web tasarım genellikle html, css ve javascript kullanılarak, sitenizin nasıl görüneceğini ayarlamanız anlamına geliyor. Örneğin, üstte siyah renkli 50 piksel yüksekliğinde bir navigasyon menüsü olsun, altta tüm sayfayı kaplayan bir caousel olsun gibi. Buna front-end de denir. Kısacası sayfaların görünüm ve hizalamasının yapılmasına web tasarım denir.
Web programlama ise, html,css kullanarak yazdığınız elementlerin arka planda işlem yürütebilmesini sağlar. Örneğin siz html ve css kullanarak bir arama çubuğu yazdınız ve bunu sitenin en üst ortasına hizaladınız. Fakat buraya bir şeyler yazıp aradığınızda hiçbir sonuç elde edemezsiniz. İşte oraya yazdığınız şeyi veritabanında aratıp, eşleşen sonuçları ekrana getiren mekanizma da web programlama yani back-end dediğimiz dillerle yapılır. Bunu python, php, asp, c#, ruby gibi herhangi bir backend dil kullanarak yapabilirsiniz.
Web tasarım dediğiniz konunun mantığını kavramanız çok kısa sürer, html ve css'i w3schools'tan takip ederek 2-3 haftada sıfırdan "en azından neyi hangi mantıkla yapacağını bilecek kadar" öğrenebilirsiniz. Bununla birlikte tasarım yaparken size hız kazandırması için bootstrap veya benzeri bir frameworkü de öğrenmenizi tavsiye ederim.
Programlama ise apayrı bir derya deniz. Malesef o konuda çok bilgim olmadığı için tavsiyelerde bulunamıyorum ancak eğer ingilizceniz varsa dediğim gibi hem w3'ü hem de skillshare gibi videolu kaynakları inceleyerek bu işin başlangıcını yapabilirsiniz.