Web site production of Web skills _VML related

Source: Internet
Author: User

I believe that all of you surf the Internet, you will see a lot of unique design, creative, attractive pages of personal web pages, you will also be able to stop to stay, carefully appreciate some, at the same time there will probably be a trace of the mind to make a personal homepage of their own idea. If you do have this idea, please continue to read the following, the Web design tips provided below will certainly feast your eyes and allow you to design your own home page in the future with ease. Well, say so much, or let us directly cut to the chase, and everyone to see what the author today brings the Web production skills:

1. Planning before design

Designing a home page may not be very difficult. But this work, like the preparation of traditional promotional materials, requires our careful handling and planning. In other words, we must first identify the main messages that we need to convey, and then carefully and reasonably organize all our ideas, then design a page style, try it on a representative user, and then repeat the revisions to make it perfect.

2, the choice of content to have a fresh feeling

There are always new things on the World Wide Web. If your home page never changes, users will soon get tired of it. Therefore, the choice of Web content to be 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 actual situation to create a unique site. Looking around, many of the online personal homepage is simply "grocery store", the content is all-encompassing, the theme is stereotyped, everyone is "software download", all have "network navigation", from beginning to end find a trace of "fresh" meaning. So, when we design the webpage, we should put Kung fu on the selection. Material should try to do "less" and "fine", and must highlight the "new", if you can continue to update every day, I believe that such a webpage will be welcomed by everyone.

3, the content is relatively practical big

Although the design of a Web page is interesting, fascinating, but this is not the best reason to attract users. The first and foremost thing to keep a user in mind is to make it useful. An easy way to do this is to provide mutual participation--to get readers to do things like sign up for regular newsletters, and to reciprocate their participation in some way, such as a weekly lottery or a chance to give something to download.

4, the web name should be concise

Since a Web site cannot be made up of a single page, it has many subpages, and in order to enable these pages to be effectively connected, the user can finally give these pages a representative and easy to remember page name. This will help you to easily manage your Web pages later, and it is easier to index your Web pages when you submit them to a search engine. When naming a Web page, it is best to use a lowercase English letter that is commonly used or in line with the content of the page, which is directly related to the connection on the page.

5, to ensure that the navigation of the page is good

One of the most important features of the homepage is as a navigation tool that directs users to the information you store on the Web site or other locations. Therefore, when designing a home page, you should try to make the navigation process easier. Based on clarity and speed, the hyperlink content on the home page should be limited to a few advanced categories, such as companies, products, services, and so on. A A4 page size page is typically a six to eight super join. In addition, you have to make sure that the number of hyperlinks in the layer can not be too much, more than 4 layers of the connection information will be annoying. 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 set up multiple home pages that contain different information for each home page. Users are certainly welcome if they can find the information they need by keyword or word on the home page.

6, use the table to layout

Do not put a Web site content as a report like 1234 list out, to pay attention to the use of tables to the content of the hierarchy and space highlighting, so that people can see your site focused on the prominent, structured.

7. Reasonable design visual effect

You don't have to fill the page with images to increase your visual interest. Try to use colored dots-they are small and can add color to the list items (and can be used for color lists). Color dividers can also enhance the graphics without disturbing the bandwidth. In addition to the design of the Web page, be sure to test the home page in different browsers and at different resolutions, for example, many browsers use 640x480 resolution, although some Web pages appear attractive at 800x600 high resolution, but may be eclipsed in 640x480 mode. Make a little effort to design a Web page that works with different resolutions and different types of browsers.

8, the layout should pay attention to the details

Don't easily center text and use bold or italic characters. In addition to visual confusion, many browsers do not display italic characters well, nor do they compensate for whitespace changes caused by letter skew. Use short paragraphs, add dots, appropriate block references, use a horizontal section, and use image maps to guide the main connections, making your pages appealing and easy to read. In addition, I would like to remind you that you should not put important content into the end of the page, because the reader may stay on the home page more, or some readers do not have the patience to look down so far.

9, the use of GIF and JPG format image

Users roam the Web, 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. On the home page, it is best to have eye-catching images, new pictures, beautiful words, so that it has unique features, it is memorable. The content of the image should have a certain practical effect, avoid ostentation and exaggeration. Most of the images that use GIF and JPEG interactive formats are currently on the Internet, because the interactive format of the image is a hierarchical display-first at a very low resolution, and then gradually improve the resolution until the end of the normal display-this way sometimes makes the larger image looks like a load faster, Not really, but it's a useful illusion. This also makes it easier for readers to see the image as it is loaded, and if they don't like it or don't want to see it, they have a chance to interrupt the transmission or move somewhere else.

10, add text description for the picture

Add text to each graphic and you can see the relevant content before it appears, especially with navigation buttons and large pictures. This way, when the network is slow to download images or when users are using text-type browsers, can still read the content of the Web page, after the user visit your site there is always a feeling of intimacy, think you forestall, more considerate, always for the sake of others, I believe your kindness will be good news.

11, more use of image thumbnails

For example, there is a 16 million-color scan of 800x600 pixels, which takes up about 50K of space. Use the Photoshop image Editing Tool to resample the original artwork, such as height of 100 pixels (to ensure that the browser can instantly display the image at the right size, height and width is important.) Perhaps in order to achieve your own requirements you have to adjust to find the most appropriate size, but can be divided by the height of 4~6 start, Photoshop will automatically calculate the width of the new image. To save a new image, its size should now be 8 k or smaller. Then add such a piece of HTML code to the source file: When the browser interprets the Execute LOWSRC command, it will ask the browser to load the low-resolution image before the actual screen is loaded, which will give the visitor a clear picture of what will happen.

12, not to use too much animation

People like to use GIF animation to decorate the Web page, it is really attractive, but we choose, whether we can determine the need 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 still the logo is only 3 K. Although only 2 K of the difference, but more up, will affect the speed of download, so, if some are not necessary, choose the smallest.

13, flashing text do not use more

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

14, the length of the page to moderate

When a page is very long should pay attention to, because its transmission time is obviously relatively short of the transmission time of the page, too long page transfer will make the visitor in the waiting to lose patience. And in order to read these long texts, visitors have to use the roll bar, which also wastes the user's time surfing the internet. If you have a large number of text-based documents, you should place them in a adobeacrobat format so that your visitors can read them offline, saving valuable time.

15, the Java program is suitable for less

Do not use a large-face Java program, you can use JavaScript to replace the effect of the try not to use Java. Because at present the Java running speed is really slow to be unbearable, often make the viewer has no patience and so on page all show out, 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 colors, line distinctions, fonts, headings, footnotes, and so on, should be unified in style and throughout the station. This way the reader looks comfortable and smooth, leaving a "very professional" impression on your site.

17, the register can not be the best not to

Because the counter is also designed by the program, the process of displaying the counter is actually in the process of executing a program, it needs to occupy the user's valuable time to surf the internet, and most viewers think the counter is meaningless, they are easy to do false, viewers do not want to see ads. Therefore, I suggest that you do not easily consider placing a striking register on your site. You design a website to serve 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 will use navigation flags from beginning to the beginning, especially to use the "back to Home" connection. You can do this on every page. For example, at the top (or bottom) of each page there is a small string of icons, the first back to the home page, the second back to the chapter, the third back to the section. If the image navigation button, then to have a clear logo, so that people can see clearly, do not only the visual effect of the lively, and let others do not know East and west; the link color of text navigation is best used by conventional: not visited, blue; In short, the text link must be different from the other text of the page, giving the reader a clear guide.

19. Use relative super connection as far as possible

When making an image or text super connection, use relative hyperlinks as much as possible, because the Web page is more portable, for example, when you move a set of source files to another place, the relative pathname is still valid without having to modify the destination address of the connection, and when you use a relatively super connection, you also have less input. connections on the same page should, of course, use a relative address, because using an absolute address may cause the page to be reloaded once for every connection you select. If you are connected 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 another directory.

20, to ensure that the super connection intuitive and effective

Hyperlinks in a page should enable users to quickly find what they want. Most good sites have the same navigation bar on every page of the same location, allowing viewers to visually access any part of the site from each page.

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

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.