In Photoshop we can display the grid, but I want this grid to be printed so I want to make the grid myself. What's an easy way to make this?
Filter > Vanishing Point...
Set the grid size to the increments you want then double-click the Grid tool.
Then with the little preferences menu there at the top left be certain to select "Render Grids to Photoshop".
And then just click OK.
You'll get a grid on the document as a pixel layer. You can then change color or desaturate to get rid of the blue.
If you want the varying line weights and dotted lines, there is no easy method with Photoshop. You could however set something up in Illustrator then copy/paste to Photoshop as a Smart Object.
Edit: You can get a grid with darker major divisions by making a second grid with a Grid Size equal to some multiple of the first one (e.g. 4 to make one like in the original post). Save it to a different layer, then use layer properties (for example) to make the stroke wider or change the color.
Creating Graph with Pattern
It will look something like this.
1) Measure the width of your grid eg: 1024 px
2) Divide it by the number of grids you want eg: 10 grids >> 1024/10 = 102.4
3) Create a new document with width and height as 102 Px
4) Select the Rectangle marquee tool and just select the insides of the 102 pixel document ( minimal width will do better) and then go to SELECT>INVERSE
5) Now goto Edit>Fill>Select Black from drop down menu and click OK
6) Now select Background from layers, then select the magic eraser tool from sub selection of eraser and click on the white part. The background erases and only the black border line remains.
7) Now goto edit>Define Pattern and save your pattern in some name say" 102Grid"
8) Now open your reference Image and goto Edit>Fill , select pattern from drop down and choose your custom pattern and click okey.
9) Thats it.. You will have your picture with the 102 pixel grid. Save or print for your Needs :)