"50" big tips for making a home page

Source: Internet
Author: User
Tags add format comments contains end file size html tags include

1. Let the reader have reason to stay. Make the Web page interesting and fascinating. But the first thing is to make it useful. An easy way to do this is to provide mutual participation ——— let the reader do something, such as sign up for regular newsletters, and repay their participation in some way, such as a weekly lottery or a chance to give something to download.

2. The most valuable sites for visitors are those that immediately enable people to understand what information is available, how to get it, and how to get readers to correct what they think is wrong or add his own content.

3. Sign your name and show the honor ——— but don't get a long signature here. A little ego promotion may be pertinent, especially if you want to make your Web page personal, but it can be embarrassing and inconvenient to the substance. All you have to do is connect to the author's page, which is also the right place to abstain, copyright notices and similar instructions.

4. Do not include some generalized Web reference information and connections that are no longer hotspots for everyone. Connecting to AltaVista and Yahoo may be enough, or your external connection should be a place that has special meaning and has not been met by readers.

5. If there is positive feedback in the form of comments or reader's comments, consider including it within the home page ——— maybe somewhere in the beginning, or as a link to the honor page. If done right, you can encourage new visitors and reassure them. On the contrary, if not properly done, it will be considered to be boastful, and the real content is in the secondary position.

6. Forget most of the habits that have been learned to write on paper. The task facing writing, paper-oriented writings is a carefully arranged narrative, keep the reader's interest in the process of providing knowledge, pleasing the mood, or persuading others; but text is not a major part of most web layouts ——— even if the text on the page is more than other elements, it is often the other component ( Images, hypermedia connections) are thought to be more important than simple text.

7. Structure is essential. The Web page may look two-dimensional, but it should not be so understood. The original structure of the printed page no longer exists on the web; the writer has to focus on the structure of the file in a visible way, because it may already have more subtle communication capabilities.

8.Web readers are not going to read every word, they read more closely than they read in fast reading, rather than reading in a row like a stiff tree file. Reading through a computer screen is not a very comfortable thing, so the reader hopes to get the results as soon as possible.

9. In Web page authoring, the reader is actually a cooperating person. In addition to paying attention to the vocabulary, intonation and other matters that are to be considered in any type of writing, the author of the Web page should also take into account the reader's physical movement ——— Press the mouse button, scroll the page, write the message ——— is part of the communication process.

Page Design

10. With an HTML editor and a few megabytes of server space, it is not possible to design a Web page immediately. The basic page structure should be organized before you start writing, looking for images, and making HTML tags. If there is nothing to say, don't say anything. If you don't have a pretty clear structure in your head at first, it's almost certainly going to end up in a mess. Start with a little more caution, and then keep on learning and constantly improving. Uninstall some of your favorite pages, check the HTML source file to see how it is written: paste it all or partially into a test file for testing. Copying other people's stuff is plagiarism, but learning from others is a research process.

11. When people enter your home page for the first time, they are not usually looking for a place to read, they may be looking for something to choose from, in hypertext terms, words, images, buttons, and so on, followed by reading, selecting an option, pressing the mouse button, and then repeating the process after the next page appears. The trick here is to determine the appropriate ratio of keystrokes when reading. Available options if too little, visitors will feel boring, if too much will frighten others.

12. If the content of the page contains a large amount of information, before starting to design the page must first identify the reader object. It is meaningful for novice or new visitors to use a fixed file structure and give instructions at the beginning. For example, the description table for the content or some sort of similar structure. If you want to satisfy readers who are not on the same level of knowledge or experience, providing restrictive clues allows some readers to skip the basics to reach the target. When providing a connection, consider the reader at all levels.

13. Don't let the reader be overwhelmed. You don't have to fill the web with sounds and images, do not make the file too long to keep the reader waiting for the heel to cool when loading the file, so use the image carefully: the large image will obviously reduce the speed at which the page is built, but many small images that require sequential loading will do the same.

Layout

14. Do not 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.

15. Use a short paragraph, add a few columns, the appropriate whole block reference text, with a horizontal section, with the image map to guide the main connection, so that your page can attract people and easy to read.

16. Do not use different styles of icons on each page.

17. Do not need to fill the image on the page to increase the visual taste. Try to use colored dots ——— they are smaller 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.

18. Be cautious about GIF used as a background. They can make a page look interesting or even professional, but it's easy to decorate the background so that the text becomes unreadable. It's not enough to have a good background and a light color contrast. The background is either very bright (darker text) or darker (text is lighter). If the background contains an image, the contrast is lower so that the reader's attention is not too distracting.

19. Add alt Mark to IMG line. Assuming that the caption image appears as Theoffaleaters\ ' home Page, you can add an ALT mark to the parentheses, alt=\ "Theoffaleaters\ ' homepage\", and add it directly to the imgsrc=http:// After Edu.cnzz.cn/newsinfo/offal.com.uk/images/gif/home-top.gif. This allows readers who use text-based browsers to see something other than [image], and readers who use the graphics Viewer will see something when the image is not successfully loaded, and you can make your HTML files pretty neat.

20. You can also use the ALT tag on the separator bar so that readers who use text-based browsers can see something more interesting than just a straight line.

21. Do not put important content at the end of the page ——— some readers may not look down that far.

22. Do not let something look like a button but do not play the role of the button.

HTML format

23. The use of cross marking should be avoided. Different browsers will react differently to cross tags. 24. Use interlaced GIF and JPEG. Because interlaced images are outlined ——— first display at a very low resolution, and then progressively increase the resolution until the normal display is finally reached ——— this method sometimes makes the larger image seem to load faster (not really, but this is 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.

25. Another ingenious way to increase the available bandwidth is to use the LOWSRC command in an HTML manuscript. For example, there is a 16 million-color scanning map of 400x600 pixels, which takes up about 35K of space. Use tools such as Paintshoppro to resample the original, such as a height of 100 pixels (perhaps you need to adjust to meet your own requirements to find the most appropriate size, but you can start with a height divided by 4), Paintshoppro automatically calculates the width of the new screen. To save the new screen, its size should now be 6 k or smaller. You can then write this in an HTML file: imgsrc=\ "bigpic.jpg\" lowsrc=\ "smallpic.jpg\" width=600height=400 The LOWSRC command instructs the browser to load low-resolution images before the actual screen is loaded, so that the reader knows what will happen. (The height and width are important to ensure that the browser can instantly display the image at the right size).

26. Of course, you can use LOWSRC to extract any images you want. A two-color \ "Wait for next pass \" Information may only account for hundreds of bytes, and because the image is in the browser's cache, the "Please wait \" Information is available instead of all images. When the image calmly disappears in the background, the reader can leisurely browse your Web page.

27. You can embed a connection within an HTML element, such as: myheading but cannot do the opposite, embedding a caption or other HTML element into a connection. The following structure is prohibited by the formal HTML rule and may not be visible in most of the latest browsers: myheading

Long File

28. Be careful when the page is a single long file. Its transmission time is obviously relatively short of the length of the page, even if the communication rate of 28.8Kbps readers may lose patience. Page scrolling is also difficult when reading large files. Large files and slower loading speeds can be frustrating and will never return to your network. 

29. If you think the file size is important and inconvenient to change, consider how the reader will use the Web page. Try to make sure that when readers browse long files, the small movement of the browser's scroll bar does not create a big jump on the page. As a rule of thumb, the scroll page is moved in less than one page, so that you can see a portion of the previous window. Any movement greater than this would be a loss to the direction of the person.

30. Otherwise, divide a long file into several sub files, and give a connection on the homepage. Keep in mind, however, that a child page may become a dead page ——— sometimes hit less than 10%. Be smart and give the reader a good reason to mount the page or give them a good reason to browse it.

31. If there are many pages, it is obviously a good idea to give a list of contents or directories on the home page. Don't have to make that routine, boring, and inflexible tree layout, make it interesting, and give the reader reason to enter the connection to help them understand what they might not see.

32. If you have to put all the content in a file, use a list of content, from the table items can jump directly to the beginning of each section. Or do it better, provide a separate text file for the next ——— remove all the formatting characters ——— minimize the time that is passed.

Connection

33. A major difference between the usual sequential text writing and online file writing is that the reader of an online file may enter the file at any point in the file. Although you have made a beautiful homepage as an entry point, others may give a connection to the specific pointer or sub page within your masterpiece. It makes sense to give these new visitors some clues about where they are and why they are here.

34. Use the navigation icon from beginning to the beginning, especially to use \ "back to home \" connection. This can be done in every part. 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.

35. There should be some connections on the page to help visitors jump back and forth. Always put these connections in the same format on all pages so that readers will always know where to find them and how to use them.

36. In general, a relative connection should be used because (1) it is easy to move a group of files to another place (the relative pathname is still valid), and (2) the input is less. 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.

37. Use absolute paths when connecting to files that are not directly related. This way, if you move the source file to another directory, you don't need to change the connection.

38. Make sure the optional connection is clear and intuitive ——— indicate what it is with a headline or a clearly related image. In particular to avoid \ "Please click here \", anyone who wants \ "Click here \" will consider carefully, it is not exactly in the \ "here \", and the connection is correct. Do not allow the connection's name to be the same as the URL of the connection, which will increase the reader's work.

39.Mailto connection should be the e-mail address as the connection name. For example, there may be a name and an e-mail address, the person's name is connected to his home page, and the E-maill address is connected to mailto. Newsgroup connections should be used directly with group names.

40. Check the href, do not appear in the page any no way out of the connection, and do not let the connection fall off.

General clauses

41. In fact, the Web page is either under construction or dead ——— if you do not update it and it is not a pure historical data, it will soon become old. \ "Last update \" Record is a good idea. Without saying anything else, if your page changes too little, you'll soon get sarcastic comments in the reader's comments.

42. Encourage readers to fill in the form or email feedback. But to be prepared to deal with the ensuing transaction ——— to return to e-mail as soon as possible, add connections, modify input errors, and so on. Send a thank-you note to someone who makes comments via e-mail.

43. Tell the reader on the page that you will not mind if they set up a connection to your home page, and that you will also set a connection to his homepage. Everyone wants someone to visit their web pages, and this mutual support encourages access to similar points of view. 44. Online time is expensive, and the short attention time of visitors is well known. Find a way to tell the reader what time to use ——— tell them the size of the image to appear or how long it takes to send a text file or binary file. To minimize online time, you will be given an FTP location or a connection to another page that readers will appreciate.

45. Use Digital's excellent search tool AltaVista find out who has established a connection to your web. In the advanced search mode, input link:http://my.site.com/andnoturl:http://my.site.com/can also be done in simple queries, input +link:http://my.site.com/-url: http://my.site.com/

Most of the writing on 46.Web is pretty bad. As most of the pages are applies, boast, writing rough, editorial audit does not exist, good writing is very prominent.

47. Don't forget to add a descriptive title to your homepage, and you'll know what it is when someone saves it in their own hotspot directory. Device Independent

48.HTML does not include the font, paragraph form, and blank information used when the file is displayed. This is what it means to be able to successfully display your files on whatever platform, including word terminals. This creates a minimum command standard. So be aware of different browsers with different blanks and fonts.

49. Be careful if your page is to be read in a particular browser. If you don't have mouse, letting someone else "click here" is not going to work if your reader uses InternetExplorer or sprymosaic,netscape2.0 plugins, unless you can guarantee that the reader has Netscape or InternetExplorer compatible browsers, otherwise the readjusted image may be displayed in unexpected sizes, and the table will be difficult to see (or see). In a few browsers, you can't see a JPEG image at all.

50. Not many readers will not be able to handle 16-bit images, but be aware that if you make a smart background with a 16-bit (64K) or 24-bit (16.7 million-color) palette, you may find that people who use older devices can only jump over. Using a 8-bit image to look at a colored background will drop to a scary figure. PCs with video cards but less than 2M of RAM are unable to view the image.



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.