Weblapkészítés, de hogyan is?

Sziasztok! Lenne egy összetett kérdésem/kérésem a weblapkészítéssel kapcsolatban. Eléggé laikus vagyok a témában egyelőre és reménykedem,hogy ezen tudtok segíteni változni.

Régebben csináltam pár honlapot ,de csak ilyen sajátcélú html kódos,esetleg egy képet felvágtam photoshopban részekre és mondjuk ha egy tv volt a kép,a kkor a képernyőben jelent meg az oldal,ilyesmi,tehát nagyon kezdetlegesek,de később az egész elfelejtődött. Most szeretném ezt előről kezdeni,mert nagyon lekötött és élveztem.Letudnátok nekem írni,hogy melyik nyelvvel és milyen sorrendben kéne kezdeni?

Valamint a design készítés is nagyon érdekel,pl photoshop ,vagy after effects nem tudom melyik kellhet hozzá. Ahhoz hogy ezekben jó legyek,szükséges lenne hogy jó rajztehetségem legyen ? Iskolában nem igazán ment a rajzolás meg festés,nem mondom hogy nagyon béna vagyok,csak nem valami kíváló,ezt illene fejleszteni?

Tudnátok ajánlani könyveket és oldalakat ahhol annak leírások ,gyakorlás , sok tutorial? Lényegében szeretnék érteni egy komplett weboldal megszerkesztéséhez,mind a leprogramozáshoz,mind a designhoz. Ezeket például nagyon komoly munkáknak tartom,mint laikus.(javítsatok ,ha tévedek).

[link]

Köszönöm a segítséget előre is !