How do I make this HTML?

HTML & CSS
1

[center]

What would I go about doing to put this image in HTML format so that I can code into it and on top of it.

Bear in mind, Im only 16 and this is my first page design. Its the login page (and the home page) for a game that im going to attempt (using this term loosely) to make.

Any suggestions?

2

Not really. As was I saying the splitting part is the final step not first. First you analysing not splitting.

3

So you do agree with me since that’s exactly what I said.

Step one:

and split it into the separate images you will need.

Step two:

Step three:

Style it and

4

I don’t agree with felgall first you need to analyse the picture, plan a basic HTML markup style it without any background image. This way you create a fallback layout (in case of slow connection). After you may include the images.

5

Thank you very much :slight_smile: I will follow this advice and experiment :smiley:
Thanks again!

6

The first step would be to break up that single image into all the separate images that will be needed for the web page.

The next is to create an HTML template that has appropriate tags in the body to represent each part of the page and give each an id with an appropriate name.

The third step is to create some CSS that makes each part of the page the approproate size using floats to put elements next to one another. You can then attach most of your images as backgrounds to the appropriate elements from within the CSS.