I'm embarrassed when looking at my web development work flow, that basically hasn't changed ever since I started programming as a hobby ten years ago. I have never moved beyond writing my code, testing it locally with a standard version of WAMP and then dragging my files into an FTP client, uploading them to some unspectacular web hosting service, as if it was just another folder on my computer.

[Web development was never priority for me (I studied design and I work as a designer now), but I both enjoy working on small project on the side and also believe that it is my duty as a good designer to understand what it means to implement the things that I come up with.]

If I ever wanted to develop something that is more than just a little personal experiment on the side, I would miserably fail, because my knowledge of a serious workflow is just non existent.

So this is where I'm asking for your help: It's hard to learn about something that you hardly know anything about. I don't even know where to start. I would greatly appreciate to get your opinions on a good, not too complex (keep in mind that I'm not exactly trying to build the next big thing here), modern and professional workflow that shows me a more serious side of web development than Notepad and Filezilla. What are the keywords I can use to start learning about this? What are the programs and technologies that you use yourself and that you would recommend? What are the absolute nonos, that expose an absolute amateur?

Thanks!