In this tutorial we'll see how to create those pages with dotted backgrounds.
It's simple and fast.

Open a new blank document 5px x 5px.

Zoom In to 1600%, now pick the Paint Bucket Tool and fill the background with the color you want your page background to be.

Now pick the Pencil Tool and make a dot in the middle of the square.



Now Click File > Save For Web and choose gif format, 2 colors.



Now upload the little image we just created to your server (in this example we assume you uploaded it into the folder "images" and saved it as bg.gif.

In order to have it load as tiled background of your pages you have to type the following line in your body tag. This is the result: