Web site production of Web skills _VML related

I believe that friends in the Internet to enjoy surfing, will certainly see a lot of unique design, creative novel, page tempting personal Web page, encounter these pages you will also stop to stay, carefully appreciate some, at the same time there will probably be a trace of the mind also want to make a personal homepage of their own thoughts. If you do have the idea, then please continue to read the following, the following Web design tips will certainly make you feast your eyes and let you design your own home page process. Well, say so much, or let us go straight to the point, and everyone together to see what the author today brings to the web-making skills it:

1, before the design to have planning

Designing a home page may not be very difficult. But this work, like the preparation of traditional propaganda, requires our careful handling and planning. In other words, we must first identify the main message that we need to convey, and then carefully consider and rationally organize all the ideas, then design a page style, try to represent the user, and then repeat the revision to ensure perfection.

2, choose content to have fresh feeling

There are new things on the World Wide Web. If your homepage never changes, users will soon get bored. Therefore, the choice of Web content to unconventional, to highlight a "new" word, this principle requires us to design the content of the site can not copy other people's content, to combine their own actual situation to create a unique site. Looking around, many online personal homepage is simply "grocery store", content-wide, theme-like, everyone is "software download", all have "network navigation", from beginning to end can not find a hint of "fresh" meaning. Therefore, we should be in the design of the Web page, we have to put the effort on the selection. Material selection to try to achieve "less" and "fine", but also to highlight the "new", if you can adhere to daily updates, I believe that such a webpage will be welcomed by everyone.

3, the content of relatively practical large

A Web page, though designed to be interesting and engaging, is not the best reason to attract users. The first thing to do to keep the user to the maximum is to make it useful. A very simple way to do this is to provide mutual participation-let the reader do something, such as signing up for regular newsletters, and in some way repay their participation, such as a weekly draw or a chance to download something.

4, the name of the page to be concise

Because a website can not be composed of a Web page, it has many sub-pages, in order to make these pages effectively connected, users can finally give these pages a representative and concise easy to remember page name. This will help you manage your pages later, and it's easier to get indexed by others when submitting your page to a search engine. When naming a Web page, it's a good idea to use your own lowercase English letters that are commonly used or conform to the content of the page, which is directly related to the connection on the page.

5. Ensure good navigation of the page

One of the most important features of the homepage is to guide the user through the information you store in the URL or other location as a navigation tool. As a result, you should make the navigation process as easy as possible when designing your home page. For clarity and speed, super-join content on the home page should be limited to a few advanced categories, such as companies, products, services, and so on. Generally a A4 page size Web page with six to eight super-joins more appropriate. In addition, you have to ensure that the super join layer can not be too many, more than 4 layers of information on the join will make people bored. Therefore, you must strike a balance between breadth and depth. If you have too much information on your Web site, you may want to make longer pages or use more join layers, and you may even want to build multiple home pages that contain different information for each page. Users are certainly welcome if they are able to find the information they need on the home page with keywords or words.

6. Use the form to layout

Do not put the content of a site as a report 1234 to list out, to pay attention to the multi-use form of the site content of the hierarchy and spatial highlighting, so that a person can see your site focus on prominent, structured.

7, reasonable design visual effect

You don't have to fill the page with images to add visual interest. Use colored dots as much as possible-they are small and add color vitality to list items (and can be used in color lists). The color divider also enhances the sense of graphics without disturbing the bandwidth. In addition to the Web page design, be sure to test the home page in different types of browsers and different resolutions, for example, many browsers use 640x480 resolution, although some Web pages in 800x600 High resolution appear attractive, but in 640x480 mode may be eclipsed. Make a little effort to design a Web page that can be displayed normally in different resolutions and different types of browsers.

8, the layout should pay attention to the details

Don't let text center and use bold or italic characters easily. In addition to visual confusion, many of the browser does not display italics well and does not compensate for whitespace changes due to a letter skew. Use short paragraphs, add a list, appropriate block reference text, use a horizontal line section, and use the image map to guide the main connection, making your page appealing and easy to read. In addition, the author reminds you that you should not put important content in the end of the page, because the reader may stay on the main page, or some readers do not have the patience to look down so far.

9. Use GIF and JPG format images

Users travel around the Web, and you must try to attract and maintain their attention to your homepage. One of the most important resources of the World Wide Web is its multimedia capabilities, so we have to make good use of it anyway. Homepage on the best have the eye-catching images, novel pictures, beautiful words, so that their distinctive features, memorable. The content of the image should have a certain practical effect, should not be pompous. Most of the current Internet uses GIF and JPEG interactive format images, because the interactive format of the image is hierarchical display-first at a very low resolution display, and then gradually improve the resolution, until finally achieve normal display-this way sometimes makes the larger image seems to be loaded faster, This is not actually the case, but it is a useful illusion. It also makes it easy for the reader to see the image as it is loaded, and if they do not like or want to see it, they have the opportunity to interrupt the transmission or move to another place.

10. Add text description to the picture

Give each graphic a description of the text, you can see the relevant content before it appears, especially the navigation buttons and large pictures. In this way, when the network speed is slow to download images or users in the use of text type browser, you can still read the content of the Web page, the user in the visit to your site there is always a sense of intimacy, think you cautious, more considerate, at all times for the sake of others, I believe your kindness will have a good report.

11, multi-use image thumbnails

For example, there is a 16 million-color scan of 800x600 pixels, occupying approximately 50K of space. Use Photoshop's image editing tool to resample the original image, for example, a height of 100 pixels (to ensure that the browser can instantly display images at the appropriate size, height and width are important. Perhaps to achieve your own requirements you have to adjust to find the most appropriate size, but you can divide the height by 4~6, and Photoshop will automatically calculate the width of the new image. Save the new image, its size should now be 8 K or less. Then add a piece of HTML code to the source file: Then the browser will ask the browser to load a low-resolution image before the actual screen is loaded, so that the viewer will know what kind of picture to expect when it interprets the execution of the LOWSRC command.

12, not to use too much animation

We all like to use GIF animation to decorate the webpage, it is very attractive, but when we choose, whether we can be sure to use GIF animation, if not, then choose a still picture, because its capacity is much smaller. The same size of the Logo,gif animation has a capacity of 5 k, while the static logo is only 3 K. Although only 2 K difference, but more up, it will affect the speed of the download, so if some are not necessary, choose the smallest.

13. Do not use the flashing text more

Some designers want to use flashing text to attract the attention of visitors is understandable, but a page can not have three flashing text, too much to the user a dazzling feeling, but will affect users to visit the site's other content, is so-called "extremes meet" also.

14, the page length should be moderate

When a page is long, you should pay attention to it, because its transmission time is significantly shorter than the transmission time of the page, too long page transmission will allow visitors to wait for the loss of patience. And to read these long texts, visitors have to use roll bars, which also wastes the time users surf the web. If you have a large number of text-based documents, you should place them in adobeacrobat format so that your visitors can read them offline, saving valuable time.

15, Java program less use appropriate

Do not use large-face Java programs, you can use JavaScript to replace the effect of the use of Java as far as possible. Because Java is now running at a slow speed is unbearable, often so that the browser does not have the patience to display all the pages, so that your careful design will have no effect.

16, the entire page style to be consistent

All the images and text on your Web page, including background color, line, font, title, footnote, etc., must unify the style, throughout the whole station. This way the reader looks comfortable and smooth, leaving a "very professional" impression on your site.

17, register can not use the best

Because the counter is also designed by the program, the process of displaying the counter is actually in the process of executing a procedure, it needs to occupy the user's valuable Internet time, and most of the visitors think that the counter is meaningless, they are easy to be fake, the visitors do not want to see ads. Therefore, I recommend that you do not easily consider placing a prominent click Register on your website. You design a website to provide services to visitors, not to sell what you think is important. If you show how popular your site is, you'd better provide a link to show access logs.

18, each page must have the navigation mark

All pages use the navigation flag from start to finish, especially if you want to use the return to home link. This can be done on every page. For example, at the top of each page (or the bottom) there is a small list of icons, the first to go back home, the second back to the chapter, the third back to the section. If it is an image navigation button, then to have a clear identification, so that people can see clearly, do not just focus on the lively visual effects, and let others do not know East; the text navigation link color is best used by conventional: not visited, blue; clicked, purple or maroon. In a word, text links must be differentiated from other text on the page, giving the reader a clear guide.

19, try to use relative super connection

When making images or text hyperlinks, use relative super connections as much as possible, because this makes the Web page more portable, such as moving a set of source files to another location, while the relative pathname is still valid without having to re-modify the destination address of the connection, and the input is less when using relative super connections The connection entry on the same page should of course use a relative address, since using an absolute address may cause the page to be reloaded once for each connection selected. If you are connecting to a file that is not directly related, it is better to use an absolute path so that you do not need to change the connection if you move the source file to a different directory.

20. Ensure the super connection is intuitive and effective

Hyperlinks in the page should enable users to quickly find what they want. The vast majority of good sites have the same navigation bar on every page in the same location, allowing visitors to intuitively access any part of the site from each page.

In addition, in particular to avoid "click here", anyone who wants to "press here" will consider carefully, it is not just right here, and the connection is correct. Do not let the name of the connection be different from the URL of the connection, which will waste time for the reader in vain.

