Website creation-related webpage tips _ VML

Website creation webpage skills I believe that when many netizens surf the internet, they will surely see many personal webpages with unique designs, innovative ideas, and attractive pages, when you meet these web pages, you will certainly stop and enjoy them carefully. At the same time, you may also have the idea of creating your own personal homepage. If you do have this idea, you can continue to read the following content. The web design skills provided below will surely benefit you, you can easily design your own homepage in the future. Well, after talking so much about it, let's get into the subject and take a look at the tips for creating web pages that I have brought today:

1. plan before Design

Designing a home page may not be very difficult. However, this work is the same as the preparation of traditional promotional materials. We need to carefully handle and plan the work. In other words, we must first determine the main information we need to convey, and then carefully consider and Reasonably organize all ideas. Then we need to design a page style, try it out for representative users, and then repeat the revision to ensure perfection.

2. The selected content should be fresh

There are new things on the world wide and new things are emerging every day. If your homepage never changes, users will soon get bored. Therefore, the choice of webpage content should be unconventional, and a "new" word should be highlighted. This principle requires us not to copy others' content when designing website content, create a unique website based on your actual situation. As you can see, many personal homepages on the Internet are "grocery stores" with all-encompassing content and the same theme. Everyone is "downloading software" and all have "Web navigation ", there is no "fresh" meaning from start to end. Therefore, when designing webpages, we must make efforts to select materials. The selection of materials should be "less", "more refined", and "new" should be highlighted. If we can stick to daily updates, I believe such a webpage will be welcomed by everyone.

3. Relatively practical content

Although a webpage is interesting and fascinating, it is not the best reason to attract users. To maximize user retention, we must first make it useful. A simple way to do this is to provide mutual participation-to allow readers to do something, such as registering for a message sent on a regular basis and repaying their participation in some way, for example, a weekly lucky draw or a chance to download something.

4. The webpage name should be concise

Because a Website Cannot be composed of a webpage, it has many subpages. In order to effectively connect these pages, the user can finally give these pages some representative and concise and easy to remember web page names. This will help you easily manage web pages in the future and be easily indexed by others when submitting your web pages to search engines. When naming a webpage, it is best to use a frequently used or lowercase English letter that matches the page content, which is directly related to the connection on the page.

5. Make sure that the page is guided.

One of the most important functions of the home page is to serve as a navigation tool to guide users to view information stored on your website or other locations. Therefore, when designing the home page, you should try to make the navigation process as easy as possible. Based on clear, clear, and Speed considerations, the super-link content on the home page should be limited to several advanced categories, such as companies, products, and services. Generally, six to eight Super connections are suitable for an A4 page. In addition, you must ensure that there cannot be too many layers of the Super join, and more than 4 layers of join information will make people feel bored. Therefore, you must strike a balance between the breadth and depth. If your website contains too much information, you may need to create a longer page or use more connections, or even create multiple homepages so that each home page contains different information. If you can search for the desired information with keywords or words on the home page, you are welcome.

6. Make good use of tables for Layout

Do not list the content of a website in 1234 as a report. You must use multiple forms to highlight the hierarchical and spatial content of the website, you can see at a glance that your website is highlighted with a distinctive structure.

7. Design visual effects reasonably

You don't have to fill up images on pages to increase your visual taste. Use colored dots whenever possible-they are small and can add color vigor to the list items (and can be used for color lists ). Color splitters can also enhance the image sense without interrupting bandwidth. In addition, after the web page is designed, you must test the home page in different types of browsers and different resolutions. For example, many browsers use 640x480 resolution, although some Web pages seem attractive at 800x600 resolution, they may be eclipsed in 640x480 mode. Make a little effort to design a webpage that can be normally displayed in different resolutions and different types of browsers.

8. Pay attention to the details during formatting.

Do not use bold or italic characters in the text area. In addition to visual confusion, many browser browsers cannot properly display italics, nor compensate for Blank changes caused by letter skew. You can use short paragraphs, add some columns, and reference the entire text properly. You can use a horizontal line to subscribe to and use an image map to guide the main connection so that your pages can be easily read. In addition, I would like to remind you not to put the important content layout at the end of the webpage, because the reader's sight may stay on the homepage a little more, or some readers have no patience to look down.

9. Make good use of images in GIF and JPG formats

When users travel around the Internet, 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 need to make good use of them in any way. It is better to have eye-catching images, novel images, and beautiful words on the home page, so that they have unique characteristics and are unforgettable. The image content should have a certain practical effect and should not be exaggerated. Currently, most images in GIF and Jpeg interactive formats are used on the Internet, because they are displayed hierarchically. First, they are displayed at a very low resolution and then gradually increase the resolution, until the final display is normal-This method sometimes makes larger images seem to be loaded faster, but it is not actually the case, but it is a beneficial illusion. This also makes it easy for the reader to see what it looks like during image loading. If they don't like or don't want to see it, they will have the opportunity to interrupt the transmission or switch to another place.

10. Add text descriptions for images

Add a text description to each image. Before the image appears, you can see the relevant content, especially the navigation buttons and large images. In this way, when the network speed is very slow, the image cannot be downloaded or the user can still read the content of the webpage when using a text browser, in the future, users will always have a kind of kind feeling when they visit your site. They think that you are considerate, considerate, and considerate of others all the time. I believe that your kindness will be rewarding.

11. Image reduction

For example, A 800x600 pixel 16 million color scan image occupies about 50 K space. The image editing tool PhotoShop is used to re-sample the source image. For example, the height is 100 pixels. To ensure that the browser can display the image in an appropriate size, the height and width are very important. You may have to adjust the size to meet your requirements, but you can divide it by 4 ~ 6), PhotoShop automatically calculates the width of the new image. Save the new image, which must be 8 kb or smaller. Then add the following HTML code to the source file: When the browser interprets and executes the Lowsrc command, it will require the browser to load low-resolution images before the real screen is loaded, this will give visitors a clear picture of what will happen.

12. Too many animations should not be used.

You all like to use GIF animation to decorate webpages. It is really attractive, but when we choose whether we can determine whether we must use GIF animation. If no, we should choose static images, because its capacity is much smaller. For logos of the same size, the size of GIF animation is 5 K, while that of static LOGO is only 3 K. Although there is only 2 K difference, the download speed will be affected when there are more, so if some are not necessary, select the smallest one.

13. Do not use Flashing Text.

Some designers can be understood to draw attention from visitors by flashing text, but a page cannot contain at most three flashing texts, too many users are dazzled, which will affect other contents of the website.

14. The page length must be moderate.

When a page is very long, you should pay attention to it, because its transmission time is obviously relatively short, the transmission time of the page is too long, too long page transmission will make visitors lose patience while waiting. In addition, in order to read these long texts, visitors have to use the scroll bar, which also wastes users' time surfing the Internet. If you have a large number of text-based documents, they should be placed in the format of Adobe beacrobat, so that your visitors can read them offline, saving valuable time.

15. Less Java programs are recommended

Do not use a large-format Java program. If you can use javascript to replace the effect, try not to use java. currently, java is really slow to run, which often makes the page viewer impatient to display all the pages, so that your careful design will be ineffective.

16. The overall page style should be consistent

All the images and texts on your webpage, including the background color, line, Font, title, and footer, must have a uniform style throughout the entire site. In this way, the reader looks comfortable and smooth, and will leave a "very professional" impression on your website.

17. Don't use the recorder

Because the counter is also designed by the program, the display counter is actually in the process of executing a program, it requires the user's valuable time to access the Internet, and most viewers think that the counter is meaningless, they are easy to be fake, and viewers do not want to watch advertisements either. Therefore, I suggest you do not easily consider placing a striking click recorder on your website. You design a website to provide services to visitors, rather than selling what you think is important. If you show how popular your website is, you 'd better provide a link to display access logs.

18. Each page must have a navigation icon

Use the navigation icon from the beginning to the end of all pages, especially to connect to the "back to homepage. You can do this on every page. For example, there is a small string of icons at the top (or bottom) of each page. The first is back to the home page, the second is back to the chapter, and the third is back to the Section. If it is an image navigation button, you must have a clear identification to make people understand. do not focus on the excitement of the visual effect, but let people know about the North and South; the link color of text navigation should be the same: unaccessed, blue; clicked, purple or chestnut. In short, text links must be differentiated from other text on the page to give readers a clear guide.

19. Try to use a relatively super connection

When creating an image or text superconnection, try to use a relatively super connection. This is because the portability of web pages is relatively strong. For example, when you move a set of source files to another place, the relative path name is still valid, and the target address of the connection does not need to be modified again. In addition, the input volume is small when the relative super connection is used. Of course, the relative address should be used for the connection items on the same page, because after an absolute address is used, the page may be reloaded every time a connection is selected. If you connect to a file that is not directly related, it is better to use the absolute path. In this way, if you move the source file to another directory, you do not need to change the connection.

20. Ensure that super connections are intuitive and effective

Super connections on the page should enable users to quickly find what they want. The vast majority of good websites have the same navigation bar at the same location on each page, allowing viewers to access any part of the website intuitively From each page.

In addition, we should avoid "Click here". Anyone who wants to "Click here" will carefully consider whether it is just "here" and the connection is correct. Do not make the connection name different from the connected URL, which will waste your time.