design web page

Size Matters – Size web page that is

Posted by maija | Design Webpage Articles | Tuesday 29 December 2009 3:50 pm

Building a Web site? Yourself wondering if all have a good knowledge of the entire presentation when they arrive? One way to do is to make sure that the first page.

If the machine is controlled, and the paper 8-1/2×11 was the king, was much simpler layout. 've Always known that the amount of space that was at work, which would set the margins and in the end that intersects the road, if you press the buttons.

Then came the word processing and flexibility in variousComponents. Layout changes. Little things that we all had always done, such as double spacing after the end of each sentence are no longer needed. Word allows you to transform (and still is) a wide range of optimized page layout and design – from the font size and color for table arrangements, and graphics. But this article is not about word processing.

We did everything … a group of brilliant people who developed the Internet and the Web page with HTML programming was born. Anddesign with the birth of our whole vision on how to how to use the "piece of paper flew out the window.

Is no longer a sheet of paper, but the size of someone and the screen resolution, we must keep in mind during our design and layout. With screens 13 inches and over, we must be prepared for all visitors. And with a wide audience of age, size is a critical factor. Select the size seems too big amateur and your Web site, choose numberssmall and the public will be more appropriate for the hills re-set the browser (which could be done, but probably not).

So what is the ideal page layout? How is it achieved?

The easiest way after creating your background color to a table full web page of the page. Photos of the first table as 8-1/2×11 sheet of paper. Within this piece of paper you can find the tables even more to create, open and close as you go forward, but ultimately the closure ofFull page – just before the completion of all site closing tag with the tag table entire Web.

A typical layout is good, this is suitable for almost any presentation of the material could be the following (see my ezine site at [http://www.thewizworld.com] to obtain a visual representation – and here is to see the size of the viewing window as you adjust automatically) for you:

=============================================

Replace (Note: * for) In the encoding of the page

* Body background = "# 4682B4" *

* Center *

* The table width = "80%" border = "1" bgcolor = "# ffffff" cellspacing = "1"
cellpadding = "8" *

* TR *

* Td valign = "top" align = "center" width = "10%" bgcolor = "# FFFFFFF *

The first column of information

* / TD *

* Td width = "90%" valign = top *

Second column of information

* / TD *

* / Tr *

* / * Table

* / * Center

================================================

Absolute majorityimportant feature of this page is the encoding of the width of the page.

Many sites are created through a table of fixed size. Set the width, with percentages, but it can make your page to change automatically for each individual visitor.

You can also use a fixed value in quotes, but here's the trick. Even widths of 700-750 is too wide for most of the browser window. This will force your reader to scroll from left to right. Lost like most peoplejust put up with that much time before having to give e.

A good suggestion would be, in a page layout of 650 or less, if you really need a fixed width to choose.

My second site, http://www.mywizardads.com, uses a table of fixed width of 600 tables in the overall standings to 600 columns wide, with his people with adjustable rates.

Of course, the table with the fixed size of a person only be able to shrink your browserScreen at some point before some of the information is unviewable, but the 600 works approach most visitors and surfers.

=============================================

Replace (Note: When you write code * for your site)

* The table width = "600" border = "0" bgcolor = "# 000080" cellspacing = "2" cellpadding = "10" *

* TR *

* Td valign = "top" align = "center" width = "95%" bgcolor = "000080" *

The upperInformation

* / TD *

* / Tr *

* / * Table

==============================================

Never take, of course, what belongs to another, but the surf with the right mouse button and a source, and study different sites. Put your hands on manipulation of numbers within an HTML editor or Notepad file own, what works and what does not.

And look at a table with a total of hug each additional tables. Percentages of use, or combinations of oneTotal fixed-width ratio and the individual settings in the main and sub-tables.

've Worked hard! Make sure your site is what you always imagined.

design graphic design web design webpage

Related post

Post Footer automatically generated by Add Post Footer Plugin for wordpress.

Related posts

No Comments »

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a comment