Paint By Numbers Logic

Most Web designers now a days use of expensive programs like Adobe Dreamweaver or Adobe Fireworks to create their websites. Well, these programs have many features, but they also have high price tag as well. As a beginner web designer I have not had access to programs like this until I developed a couple of sites. So I need a way I could create my web creations with what I had when I started and that was a laptop with Windows XP, Internet access, and willingness to learn. I needed a way I could provide as I wanted to look at my web page and then extract parts of images to my website.

Adobe has pretty little tool called the cutting tool you use to cut your image so that
work in a web page. What I found was MS Paint is able to do so, not so easy
Photoshop but it is still feasible. So all you need to start creating quality web
pages, is Notepad, MS Paint, the Windows calculator. So we will now open MS Paint and go to "Picture" and select "Attributes" or press Ctrl + E and change the size of 800x600 or what ever size you want your website to be. Now, go nuts and create a background color using the main tool of paint and create your banner, your image links on the side or above. Basically make the image look exactly how you want your website to look, but do not add content to the Web page.

Now that you've done your design MS Paint we extract the images so that we can use them. The best way to achieve this is to use the square select tool in the top right of your toolbar. Select this tool and then use it to select your first area that will be your first
image. Once you have selected your image, you click on "Edit" then "Copy" or press Ctrl + C. Next open another instance of MS Paint, then click on "Edit" then "Paste" or Ctrl + V, so our selection is now his own image. Make sure you get the box in the bottom right of the image and resize the canvas so it is now showing very white around our image. Now save the image as something you remember. We will now do for all areas of logic in our image, as each link is its own image, the extra space will be an image, the entire area where you put your plan will be its own image content.

Now that we have all our images, it is time to put together our web page. This can be done simply using tables and have a few patients to make sure everything is sized
correctly. You must first create a table that will be 800 wide, since it is the width of the original image that we create. If you had a greater width of the original image that you create to make sure that your table will reflect that image. Then we want to ensure that border = "0" cellpadding = "0" cellspacing = "0" because we want to reach any right against each other. All images will be placed in the table accordingly so that we recreate the original image. When creating your links to make sure that images in the img tag you specify border = "0" if you do not receive a blue border around the image.

Next is how we handle the content area of your website and we have two ways we can do. The first way is to take the picture that we cut and use this as our background for the td tag that will have our content in it. This track is a bit easier but increases the load time of web page. The other way works only if your background for your content section is a solid color. Back to MS Paint with the original image loaded on the screen, then select a small toolbar that looks like an eyedropper and click on the image area to be your content. Doing what makes this color in the painting program where you can view and edit. Click on "Colors", then "Change Colors ..." and a window will open when you click "D.