Understanding of the layout of web design

Source: Internet
Author: User

Contradictions come out, like us, these small workshops, the basic design layout of a person to fix. There's even a background program. Assuming that the design is considered for layout, we all have the ability to adjust. But like large companies, the division of labor is strictly the case, if the designer does not understand CSS will not layout. or understand the error, the design of the draft will make the layout of the staff to spend a lot of time and effort. Because there are too many browsers!

Often see a netizen complained designer to the manuscript can not be restored. Because they understand the browser and the screen is not the same. Also some because the effect is too gorgeous, color too much. What's more, the use of flash production is too wasteful, and the HTML is chicken ... Well, let's put this last one aside and just talk about the screen and the effect and the design layout.

first on the screen :

Screen resolution, or mainly 1024x768. And the definition of Mansi is impossible to talk about. Why? Please take a look at the reason:

    1. You are not sure of the user's IE installed a few plug-ins! The more plug-ins, the lower the height of the browser display!
    2. You are not sure if the user's monitor is set correctly (crooked side, curved, truncated, zoom out)
    3. You cannot determine whether the user's display resolution is the best resolution. It is typical of some widescreen or high screen display, some of which are reduced to white after the proportion. And even more so is the Mansi stretching. The proportion is wrong!

To make the page full screen. A lot of people say width 1003, also some say is 1004. And I don't think so.

Suppose the customer asks for a full screen. Then, you need to know the screen resolution of the user's display size. If the client has a low level of awareness of the gadget. Do not easily change the resolution of others. I 1440x900 the widescreen, I use 1024x768 resolution, I am happy! If this customer requirements must be full screen, then the problem arises, if the delivery of the customer changed a different size of the monitor it? The resolution becomes big, your webpage is narrow, the resolution is small, your webpage is wide! What do you do?

In fact, Mansi also divided into two, I give a name for the content of a full screen, a visual full screen!

The so-called content full screen, refers to the site of things, the left edge on the left edge of the monitor, the right side is in the monitor right border. The best solution is to use percentages. and the negative effect of the percentage:

    1. Browser bugs
    2. Increased difficulty in designing and making

The so-called visual full screen, in fact, is a tricky approach. and this approach. In fact, very simple, a site's head, nothing more than navigation and banner, if the navigation at the top, then, the navigation background is 100%, the navigation center. If banner at the top, then pay attention to handle the picture at both ends, or 100% wide + background!

OK, although the content width may be 1000, 1003, or even 900 or lower, the visual is still hundred width, as long as you avoid the minimum width is greater than the browser width, or the customer's display resolution width greater than your minimum width. Always OK.



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.