Lo que necesitas es sencillo por lo que leyendo un poco podrías hacerlo.
Necesitas saber y como utilizar la etiqueta DIV, IMG, Link y CSS (para dejar las cajas DIV en la posición que quieres).
La estructura en general la puedes hacer con DIV's que son especie de cajas (como los cuadrados con números que muestras), al darle un ancho y largo específico (con CSS) se dibujará en el navegador al igual como se muestra en tu imagen.
A estos Div's les puedes poner contenido dentro, en tu caso es posible cargarle una imágen con <img src="ruta_de_mi_imagen.jpg">
A la vez a esa misma imágen le puedes asignar una dirección URL, donde al presionarla te lleve a X sitio. Se combinaría de la siguiente forma <a href="URL_de_la_página"><img src="ruta_de_mi_imagen.jpg"></a>
Y todo eso lo envuelves con un DIV (caja) que contenga todo el contenido más pequeño.
Para acomodar los DIV donde tú quieras necesitas usar algo de CSS.
A grandes rasgos con eso podrías hacer el index que necesitas.