I am developer in small IT-outsourcing company. For few years I support billing system for some providers in our city. I see the progress in billing process. 4 year ago user pay for traffic, but now user pay only subscribe pay. Because  of unlimited tariffs. Now the internet is only service.
And now I develop modules for our CRM with web-interface. And we sell service (it-service), like install software, remove viruses, fix errors in system settings and other. And in our CRM i add modules for pay the service.
For example, the customer make call to our call-center. Operators fix this call into the CALL MODULE. Now the call record has status 3. Then chief of the operators check the call and make decision. If this call record need IT-specialist to solve this trouble, they make status 2 and this call-record become visible for service-engineers. Service-engineer get the email notification about new job. Print the job-paper with the PRINT MODULE in MS Word format with address, phone and contact person information. And drive to this customer. After solve the customer problem service-engineer pass the job-paper to the chief of the operators. Chief of the operators close the call-record and make it status 1.
And I develop module for create reports with stats of the call per month, amount time spent, total payment information and other.

Представим себе простую игру тетрис. Как всем известно, в этой игре фигуры разной формы падают сверху. И задача расставить их в нужном порядке, чтобы не оставалось пустых мест в строках. Как только завершена очередная строка мы получаем за нее очки и она исчезает.
Но при чем же здесь HTML спросите вы? Ответ в том что верстка при помощи слоев очень похожа на эту игру. Только она еще проще, потому что мы сами можем заказывать себе фигуры нужной формы, и они всегда будут самыми простыми - прямоугольники и квадраты.
Берем PSD-исходник, выделяем на нем нужный нам слой под фон, это может быть какая-то большая картинка в шапке, ну и возможно градиент в подвале, тогда нужно будет их разрезать на две части и залить в середине нужным фоном. В результате мы получим код примерно следующего вида:
<div id=”header”></div>
<div id=”footer”></div>
Игровая зона будет определена при помощи основного слоя, в котором мы и будем играть в “тетрис”.
<div id=”content”>
Здесь контент
</div>
И теперь просто режем нужные нам кусочки и впускаем их в игровую зону, они будут “падать” в верхнюю часть страницы.