Web Design 10 Principles

Design | Web Page design
Web Design 10 Principles

Here are some small questions to note when making a Web page:

1, 20 seconds 60kb principle

According to statistics, according to the current network download speed (narrowband), the viewer can endure about 20 seconds, file size of about 60KB, otherwise a page text too big, no one is willing to wait.

2. Design Tool Selection

My personal view is to use the Dreamweaver produced by Micromedia. It is powerful and can differentiate between the two major browsers, Netscape and IE, which are supported by the respective syntax. And Microsoft's FrontPage, as vj++, Winperl and other Microsoft series only highlighted the Microsoft Windows operating system, the same, FrontPage is not very concerned about other than IE browser. And Frontpage98 is often a headache in the context of typography.

3, testing

Test common browser Netscape, ie high-low version, test browser window size, test different size display effects, test various resolutions (can use specialized test software broswersizer), test picture color, font size Test all kinds of operating system including English system external Chinese platform mode of language decoding is normal.

4, constantly update the content of the Web page, there is a sense of freshness

Site content is kept fresh, regularly checked and cannot have "empty" links. In addition, the version of the main to avoid excessive publication of personalized color thick and radical speech.

5. Revision

Every few months to half a year, you can consider the "medium scale" change layout design, step-by-step, to avoid a sudden large changes in the layout, so that visitors can not adapt to the moment.

6, file name is case

UNIX server filename is case sensitive.

7, image file not too big

Find some image compression tools to try again and again to make the pictures as small as possible. If the "256-color" and "Gaoya color" look very different, use 256 colors; If the picture color is rich, choose JPG format may be more than GIF format to get smaller files. Add Alt, you can display the text of the alternate picture in the loading process, add width and height, you can allow the browser to reserve the location of the graphics file has not been downloaded to the first display of other text content. If the page picture is more, have the text scheme is best, because there are always some people between "beauty" and "use", choose "Use".

8. Consider browsers that do not support certain features

such as applets, JavaScript, VBScript, CSS, XML, ActiveX, FRAMES,VRML, etc., have to design alternative pictures or text in advance.

9. Interactive Design

For example, discussion group, shopping register, but note that one is not a misuse of technology, like too much use of applets, and the second is not to set unnecessary obstacles. Like Sina's discussion group I do not like, because before posting the above need to register a chase, the trouble is you have to wait several hours to one day to receive the confirmation account password.

10, not to "rape" the potential of visitors

For example, the page opens, the tip is a music singing non-stop, but do not explicitly terminate the playback method. You know, a lot of people in the office quietly surfing the internet, is the most disgusted with this situation ...
(Source: the backward person)