Frog CMS

This may help guys & gals out there new to FROG and web development.

When working with content management systems I always create a template directory first in the root which I store all the initial CSS and images e.t.c The way I see it, this serves three purposes:

1) It allows you to get the template exactly as you want it, quicker, hand coding it in a program like Dreamweaver before transferring your efforts to FROG.
2) You have a test directory when altering design which you can check before crossing over to the live site
3) You always have a backup of the building blocks of your site outside of the database/CMS.

If you are not an expert heading straight into a CMS can increase your time considerably and I find is often detriment to the final version.

Individual stages could be broken down as follows:

1) Design – Use an art program to draw up a visual of your new site ie photoshop
2) Slice and Dice – Create all the individual images and CSS that makeup your templates in the template directory
3) Copy your markup (code) into the layout sections in frog (paying attention to which parts can be handled with snippets & content parts ie repetitive regions, header, footer e.t.c)
4) Transfer the CSS & images into the CMS altering paths where necessary
5) GO LIVE & Show off your work to the world!

This is the process I used to get to Aarrow Fires

I hope this serves as a useful guide for anyone confused because they don’t know where to begin.

Good luck!