How to make a website from 1 picture with an image map?

Question

HTML

The question is rather non-standard, so...
There is a layout (just a jpg picture with text, pictures, buttons, etc.), for example, 1000x2000 px. It is necessary to insert it into the html code in such a way that it would be on the entire monitor (it looked like a full-fledged site (on 1 computer, in index.htm mode ...)). In addition, you need to create an image map for each clickable element.
The question arises: how to place this figure in the code?
Z.Y. If someone writes a sample code, I will be very grateful.
Thanks

Answer 1

the end goal is not clear = either emulation of the site, or the site through htmlbook.ru/content/karty-izobrazheniya

Answer 2

Well, use HTML map!
here the topic is
1. drawing on different monitors and different resolutions will go.
Either shrink or expand. - the quality will suffer.
A full-fledged site will not come out especially.
CSS3:

body {
        background: url(img/image.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

Sometimes, with complex site variations, different pictures are used.
To do this, JAVASCRIPT usually initializes the window size and loads the required image.
(can be loaded with mapping data)