Web page template automatically fits images

Hello,
I have very basic HTML knowledge. I'd like to create a page template so that I can easily create very similar pages.  I have attached an image that show a mock-up template.  The images (green) will be hosted on the web (i.e. <img src="http://anexamplewedaddress.com/image.jpg">)

I would like to have a template where the image will be fitted automatically to the size allotted in the template.  Is this possible? How do I do this? The code would be? or  is there a good html editor (drag and drop?) to do this?

Thanks,
JE
je-template.pdf