Questions

How are you going to cut it up? What effects can I achieve with CSS rather than cutting an image? How can I cut images to keep a small file size? What div's will the images go in? Which icons/vector elements can I export as svg?

Start solving these problems before you even go into anything.

Wireframe

Sketch a wireframe diagram of the divs to be separated. This allows you to plan the layout before you build it, which will save time.

Structure and label your divs similar to the list below.

      • main-container
      • header
      • primary
            • logo
            • navigation
      • content
            • container
      • footer