Please click this link below to have the guidelines. Here is the link
To see the module positions in front-end site, please follow the steps:
Step 1: Please go to Extension/Template Manager/Options
Step 2: Enable "Preview Module Positions"
Step 3: Go to your site and add "/?tp=1" at the end of URL.
Step 4: Refresh the site, you can see the module position appear.