Understanding of web design layout
|
<br />A contradiction arises. In small workshops like ours, the design and layout are basically done by one person. There are even background programs added. Assuming the layout is considered during design, we all have the ability to make adjustments. But in large companies with strict division of labor, if the designer does not understand CSS, he will not be able to layout. Or if there is a misunderstanding, the design draft will cause the layout personnel to spend a lot of time and energy. Because there are too many browsers! I often see netizens complaining that the drafts given by designers cannot be restored. Because they understand browsers and screens differently. Some are because the effect is too gorgeous and there are too many colors. What's worse is that using flash is a waste, and html is useless... Well, let's put aside the last case and just talk about the understanding of the screen, effects and design layout. Let’s talk about the screen first : The screen resolution is still mainly 1024×768. There is no definition of full screen. Why? Please see why:
To make the web page full screen. Many people say the width is 1003, while others say it is 1004. But I don't think so. Suppose the customer requires the web page to fill the entire screen. Then, you need to know the screen resolution of the user's monitor size. If customers have low awareness of this thing. Don't change other people's resolution easily. I have a 1440×900 widescreen, and I use a 1024×768 resolution, and I'm happy with it! If the customer requires a full screen, then another problem arises: what if the customer changes to a monitor of a different size when the product is delivered? When the resolution is increased, your web page becomes narrower, and when the resolution is reduced, your web page becomes wider! What are you going to do? In fact, there are two types of full screen. I will name one as content full screen and the other as visual full screen! The so-called full-screen content refers to the content on the website. The left border is at the left border of the monitor, and the right border is at the right border of the monitor. The best solution is to use percentages. The negative effects of percentages:
The so-called visual full screen is actually a trick. And this method. In fact, it is very simple. The header of a website is nothing more than navigation and banner. If the navigation is at the top, then the background of the navigation will be 100% and the navigation will be centered. If the banner is at the top, then pay attention to processing both ends of the image, or 100% width background! OK, although the content width may still be 1000, 1003, or even 900 or lower, it is still 100% width visually. Just avoid the minimum width being larger than the browser width, or the customer's display resolution width being larger than your minimum width. Always OK. Previous Page 1 2 Next Page Read Full Article |
<<: Calculation of percentage value when the css position property is absolute
>>: wget downloads the entire website (whole subdirectory) or a specific directory
Recommend
Understanding MySQL Locking Based on Update SQL Statements
Preface MySQL database lock is an important means...
Vue3.0 implements the magnifying glass effect case study
The effect to be achieved is: fixed zoom in twice...
Introduction and use of triggers and cursors in MySQL
Trigger Introduction A trigger is a special store...
How to set up a shared folder on a vmware16 virtual machine
1. Set up a shared folder on the virtual machine:...
Solve the problem that the IP address obtained using nginx is 127.0.0.1
Get ip tool import lombok.extern.slf4j.Slf4j; imp...
Analysis of the underlying principle of MySQL multi-version concurrency control MVCC
Table of contents 1 Problems encountered in trans...
Optimize MySQL with 3 simple tweaks
I don't expect to be an expert DBA, but when ...
Let you understand the working principle of JavaScript
Table of contents Browser kernel JavaScript Engin...
Docker installs ClickHouse and initializes data testing
Clickhouse Introduction ClickHouse is a column-or...
How to set up jar application startup on CentOS7
Pitfalls encountered during project deployment Wh...
Six methods for nginx optimization
1. Optimize Nginx concurrency [root@proxy ~]# ab ...
Tencent Interview: What are the reasons why a SQL statement executes very slowly? ---Don't watch the regret series (recommended)
To be honest, this question involves a lot of cor...
The implementation process of ECharts multi-chart linkage function
When there is a lot of data to be displayed, the ...
Future-oriented all-round web design: progressive enhancement
<br />Original: Understanding Progressive En...
Solve the problem that the service cannot be started when installing the decompressed version of mysql 5.7.18 winx64 on Win7 x64
Today I downloaded mysql-5.7.18-winx64.zip from t...