GitHub scenarios for website development and deployment

I need some help and ideas on how to setup a web development and deployment environment using git (and/or github) I am quite surprised I couldn't find any good example so maybe I am doing things wrong or in a very unusal way.

Well, this is the current scenario:

DEVELOPMENT and LIVE server:

Synched with github:

/development/code  #classes, modules, etc... (using python and Intersystems objectscript)
/development/web   #html,js, etc... 

Not linked directly to github:

/www/web (Same html files. Apache is looking at here)

I would like to:

1. Do changes in www/web files (to test the results locally)
2. Duplicate these changes in /development/web 
3. Commit&Push changes to github

and at some point, from the server:

1. Pull changes from github into /development/web
2. copy changes to /www/web

Probably hooks can help me with the deployment on the server side. But I am quite confused on how to setup the development server. Maybe I need to forget about /development/web folder and just integrate /development/code and /www/web into one github repo (but I can't have 2 different folders into one repo.). Maybe I should create 2 repos, one for classes and other for static pages.

I think someone else should have similar doubts and setups, so I would like to share and get ideas, comments, etc...