Dimensions of web Design

Source: Internet
Author: User
Tags color gamut

Dimensions of web design

Web Design in the initial to define the size of the page, like a painting to give a picture version, so as to facilitate the design.

The size of the Web page is limited to two factors: one is the monitor screen. The display is now a large variety of 17-inch mainstream, is heading for 19-inch and wide-screen direction. But there are also a number of 15-inch displays.

Another is the browser software, is our commonly used ie, roaming, Friefox and so on.

Height:

The height can be stretched downward, so there is no limit to the height. For a screen, there is generally no fixed value, because everyone's
browser toolbar is different, I have seen some browsers toolbars are half the screen, so the height does not have the exact value.

Width:

1, under IE6.0, the width of the display resolution minus 21, such as 1024 of the width 21 will become 1003. It is noteworthy, however, that IE6.0 (or more
Low) No matter how high your page is, there will be a scroll bar on the right.

2, in Firefox, the width of the division rate is reduced by 19. For example, 1024 width-19 becomes 1005.

3, under the Opear, the width of the division rate is reduced by 23. For example, 1024 width-23 becomes 1001.

Note: Firefox or opear does not display the right scroll bar when the content is less than the browser height.

So if the resolution is 1024, your page is not as secure as 1000. Set to 9,002 side blank larger, visually more comfortable a bit.
Also convenient to do some floating layer design.

If the resolution is 800, it is generally set to 770. But there are also set to 760.

These need to be understood and kept in mind, otherwise it is possible to do not meet the browser requirements, but generally we are back to set a little bit smaller, should be
For some browsers add plug-ins or other things width will change, so 800 of the resolution is generally set to 760 or so, 1024 of the setting 990
Around.

Web Design Standard size:

1, 800*600, the width of the Web page is kept within 778, there will be no horizontal scroll bar, height depends on the layout and content decision.

2, under the 1024x768, the width of the Web page is kept within 1002, if the full box is displayed, the height is between 612-615. There will be no horizontal roll
slider and vertical scroll bars.

3, in the PS inside to do the page can be displayed in 800*600 State full screen, the bottom of the page will not appear sliding bar, size of 740*560 around

4, in the PS do map to the web is not the same, color and so on, because the web only uses 256WEB security color, and PS in the RGB
or CMYK and lab or HSB color gamut is very wide color range, so naturally there will be a pale phenomenon.

Page standard by 800*600 resolution, the actual size is 778*434px

Page length in principle no more than 3 screen, width of not more than 1 screen

Each standard page is A4 format size, which is 8.5x11 inch

Full-size banner for 468*60px, half-size banner for 234*60px, small banner for 88*31px

In addition 120*90,120*60 is also the standard size of small icons

Each non-homepage static page with picture bytes not more than 60K, full-size banner not more than 14K
Generally like personal blog this aspect of the site width between 750--900 (pixels), can also be unrestricted, because this does not affect what.
And like some commercial sites, the width of the page to take into account the multi-faceted factors, mainly to express the content, mainstream display width, page beauty
View, etc...

Dimensions of web Design

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.